Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    collegamento automatico di una frase in un'altra zona di una pagina web

    Sapete per favore indicarmi se è possibile ripetere il contenuto scritto in una determinata zona di una pagina web in un altro punto della stessa pagina html?
    Esempio:

    In alto nella pagina ho un indice:

    INDICE
    citta' Ultimo Aggiornamento
    TORINO 1/1/2009
    ROMA 10/1/2009
    MILANO 20/1/2009
    GENOVA 18/1/2009
    :::::::::
    più in basso ho i contenuti città per città molto lunghi (potrei anche farli su pagine htm diverse però mi va bene così)
    :::::::::::::::::::
    TORINO
    Ultimo Aggiornamento: 1/1/2009
    :::::::::::::::::
    e poi tutti i dati relativi
    ::::::::::::::::::
    GENOVA
    Ultimo Aggiornamento: 10/1/2009
    ::::::::::
    ed anche qui tutti i dati
    ::::::::::

    e così via...

    Ammesso che io modifichi manualmente la data dell'ultimo aggiornamento nella sezione di ogni città, c'è un modo per far automaticamente aggiornare la tabellina sopra dell'indice nel campo relativo all'ultimo aggiornamento?

    Ad esempio non è possibile etichettare in qualche modo la zona nella sezione di ogni città dove io scrivo la data dell'ultimo aggiornamento e che venga richiamata automaticamente nella tabellina dell'indice aggiornandone il contenuto?

    Vi ringrazio già da ora

    Cris

  2. #2
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530

    JavaScript Based Solution

    Ti ho buttato giù questo.
    Gli Elementi INPUT qui vengono trattati come Elementi di un FORM; un' alternativa può essere ricorrere ad .innerHTML che legge e scrive il contenuto di celle TD, DIV o LI.

    La funzione JS che "fa il trucco" viene attivata da onLoad='setUp();' che trovi nel Tag BODY.
    codice:
    <html>
    <head><title>Collega Campi</title>
    
    <script type="text/javascript">
    
     function setUp(){
        for (i=0; i<document.forms[0].index.length; i++){
           document.forms[0].index[i].value = document.forms[0].town[i].value;
        }
     }
    </script>
    
    </head>
    <body onLoad='setUp();'>
    <form>
    
    <div>Edita le date nel <tt>value</tt> degli <tt>input</tt> in basso, e queste al caricamento della pagina 
    
    si riprodurranno negli <tt>input</tt> dell' INDICE con lo stesso ordine.</div>
    
    <div align="center">
    <table border="0" style="border: 1px solid black">
     <tr><th colspan="2" align="left"><h3>INDICE</h3>                                               </th></tr>
     <tr><th>Città<hr></th><th>Ultimo Aggiornamento                                             <hr></th></tr>
     <tr><td>TORINO   </td><td><input name="index" value="" type="text" size="" readonly="readonly"></td></tr>
     <tr><td>ROMA     </td><td><input name="index" value="" type="text" size="" readonly="readonly"></td></tr>
     <tr><td>MILANO   </td><td><input name="index" value="" type="text" size="" readonly="readonly"></td></tr>
     <tr><td>GENOVA   </td><td><input name="index" value="" type="text" size="" readonly="readonly"></td></tr>
    </table>
    </div>
    
    <div align="left">
    
    
    TORINO 
    
    Ultimo Aggiornamento: <input name="town" value=" 1/1/2009" type="text" size="10" readonly="readonly">
    
    ::::::::::::::::::::: 
    
    
    ROMA   
    
    Ultimo Aggiornamento: <input name="town" value="10/1/2009" type="text" size="10" readonly="readonly">
    
    ::::::::::::::::::::: 
    
    
    MILANO 
    
    Ultimo Aggiornamento: <input name="town" value="20/1/2009" type="text" size="10" readonly="readonly">
    
    ::::::::::::::::::::: 
    
    
    GENOVA 
    
    Ultimo Aggiornamento: <input name="town" value="18/1/2009" type="text" size="10" readonly="readonly">
    
    ::::::::::::::::::::: 
    
    
    </div>
    
    </form>
    
    </body>
    </html>
    La dichiarazione document.forms[0].index.length presente nel "for" loop può in questo caso essere sostituita con la cifra 4 (numero delle città).
    Lo scopo della dichiarazione è di avere la cifra che si adegua automaticamente se aggiungi o togli città (righe TR nella Tabella con l' input name="index" ).

  3. #3
    Sei un grandissimo. Hai perfettamente centrato tutto.
    Ti ringrazio tanto tanto.

    Ciao

    Cris

  4. #4
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530
    Puoi assegnare uno STYLE agli INPUT per farli apparire come comune testo:
    codice:
    <input name="town" value="18/1/2009" type="text" size="10" readonly="readonly" 
          style="font-family: 'Times New Roman'; border: 0px">
    (questo è un esempio con in-line style).

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.