How To a cura di: www.wmportal.it


Come caricare con un solo click due pagine in due frames diversi

Per raggiungere lo scopo in oggetto dobbiamo necessariamente ricorrere all'uso di JavaScript.

Per meglio esporre la teoria ho creato 5 files con il minimo codice possibile, al fine di non confondere le idee:

  • esempio-00.html
  • esempio-01.html
  • esempio-02.html
  • esempio-01sub.html
  • esempio-02sub.html
Il file esempio-00.html [verosimilmente un generico "index.html"], contiene come sorgente un normalissimo frameset a due colonne:

<HTML>
<HEAD>
<TITLE>
Esempio: come caricare due pagine con un solo click
</TITLE>
</HEAD>

<frameset cols="150,*">

<frame name="menu" src="esempio-01.html">
<frame name="principale" src="esempio-02.html">
</frameset>

</HTML>



Il file esempio-01.html, visualizzato nella colonna di sinistra, contiene un menu di navigazione, e costituisce il punto cardine della situazione:

<HTML>
<HEAD>
<TITLE>
Menu
</TITLE>
</HEAD>
<BODY>

<font face=Verdana color=#0000C0 size=2><CENTER>
Menu Principale
</CENTER><BR><BR>

<UL type=square>

<LI><a href="#" onClick="parent.menu.location='esempio-01sub.html'; parent.principale.location='esempio-02sub.html';">Link</a>

</UL>

</BODY> </HTML>


Come si puņ facilmente notare, il tradizionale attributo che indica al browser il link da raggiungere, href, presenta un apparentemente inutile #.

E' invece il seguente comando JavaScript, onClick, ad indicare al browser quali files caricare e, soprattutto, dove visualizzarli.

I rimanenti files [esempio-02.html, esempio-01sub.html ed esempio-01sub.html] sono delle normalissime pagine html e non ho ritenuto utile riportare in questa pagina anche la loro sorgente.

E' davvero tutto....semplicissimo, vero?

Per vedere l'esempio funzionante clicca qui!
CorsoHTML
di Francesco Ricca