il Manuale di HTML a cura di Gabriele Gigliotti
 
intro | lezioni | articoli | dizionario | download | e-mail |
 
 
 
  Nello sviluppo di un sito ci si trova, spesso, a dover risolvere alcuni piccoli problemi, che possono sembrare insormontabili ostacoli se non si sa come procedere.
     Se si sta sviluppando un sito ricorrendo ai frames potrebbe sorgere la necessità di aggiornare due frames cliccando su un solo link.
     Per ottenere questo risultato l'HTML deve chiedere aiuto ad un linguaggio di scripting, a tal fine puoi ricorrere a JavaScript, il linguaggio basato sugli oggetti realizzato dalla Netscape.
     Immagina di avere una pagina suddivisa in due frames, uno sulla destra e uno sulla sinistra.
     Supponiamo che nel frame di sinistra ci sia un link cliccando sul quale vogliamo aggiornare entrambi i frames in cui la finestra e suddivisa. Nel documento che viene caricato nel frame di sinistra scriviamo tra i tag <BODY> e </BODY>:
 
<A href="newdx.htm" onClick="window.self.location='newsx.htm'" target="dx"> un link che aggiorna due frames</A>
 
Scomponiamo ora queste linee di codice e cerchiamo di capire cosa significano.
 
<a href="newdx.htm"
 
newdx.htm è il nome del documento che verrà caricato nel frame di destra
 
onClick="window.self.location='newsx.htm'" target="dx">un link che aggiorna due frames</A>
 
onClick significa pressappoco: quando clicchi su questo link
 
window.self.location
 
si riferisce alla finestra nella quale ti trovi nel momento in cui clicchi sul link (nel caso specifico si tratta del link di sinistra) questo frame ospiterà il file newsx.htm.
La parte dello script che determina il cambiamento del frame di destra è
 
target="nome_del_frame_destro">
 
in questo modo si specifica che il file newdx.htm dovrà essere ospitato dal frame destro. Ovviamente per far ciò dovrai dapprima nominare il frame destro.
      Ciò significa che nel file in cui darai istruzioni al browser affinche questo possa operare la suddivisione della finestra del browser dovrai inserire l'attributo name="nome _del_frame"
      A conclusione di questa spiegazione potrai verificare il funzionamento dell'esempio che abbiamo studiato insieme cliccando sul bottone (si aprirà un'altra pagina :-)
 

 
 

© Gabriele Gigliotti 1998 1999