[javascript] Ridimensionamento frame

Printable View

11-01-2010, 15.09.54

[javascript] Ridimensionamento frame

Premesso che non mi intendo di javascript...

ho una pagina index con 3 frame. alto, centrale, sinistro.

Il sinistro fa da indice, siccome per molti contenuti che vado a visualizzare nel frame centrale mi occorre avere un'area più ampia possibile, vorrei inserire un pulsante (magari nel frame alto che è sempre disponibile) che permette di far scomparire/comparire il frame di sinistra.

Non conosco javascript. Potete aiutarmi?
Vi posto innanzi tutto il contenuto di index per la struttura dei frame:

Codice:

<html> <head><title>TITLE</title> <frameset frameborder = "no" rows="130,*" bordercolor="red" bgcolor="red"> <frame name="alto" src="top.html" scrolling="no"> <frameset frameborder = "no" cols="180,*" bordercolor="red"> <frame name="sx" src="sx.html" noresize id="sx"> <frame name="centrale" src="central.html" noresize> </frameset> </frameset> </head> </html>

Vi ringrazio.
12-01-2010, 02.34.18
EuroSalute

Dai un id al frameset che genera il frame di sinistra cols=180....

Codice HTML:

<frameset id="frmset_sx" frameborder = "no" cols="180,*" bordercolor="red">  <a href="javascript: parent.document.getElementById('frmset_sx').cols='0,*';">RIDUCO IL FRAMESET A ZERO</a>

:roll:
12-01-2010, 10.49.41

ok, si così va... ma il pulsante vorrei fosse fuori dal frame che si azzera.
così come impostato mi si azzera anche il frame alto...

inoltre vorrei che il pulsante possa nascondere e riabilitare il frame....

devo usare una funzione sull'evento click?
12-01-2010, 18.25.43
EuroSalute

Devi fare come ho fatto qui...:

index.html

Codice HTML:

<FRAMESET rows="115, *" frameborder="0" framespacing="0" class=""> <FRAME src="./index_top.html" align="" class="" name="index_top" frameborder="0" framespacing="0" hspace="0" marginheight="0" marginwidth="0" vspace="0" scrolling="no"> <FRAMESET id ="frmset_sx_cols" cols="300, *" frameborder="0" framespacing="0" class=""> <FRAMESET rows="350, *" frameborder="0" framespacing="0" class=""> <FRAME src="./index_video.html" align="" class="" name="index_video" scrolling="no"> <FRAME src="./index_menu.html" align="" class="" name="index_menu"> </FRAMESET> <FRAME src="./index_bottom.html" align="" class="" name="index_bottom"> </FRAMESET> <NOFRAMES> <P>This frameset document contains: <UL> <LI><A href="./index_top.html">Top</A> <LI><A href="./index_video.html">Video</A> <LI><A href="./index_menu.html">Menu</A> <LI><A href="./index_bottom.html">Bottom</A> </UL> </NOFRAMES> </FRAMESET>

index_bottom.html

Codice HTML:

<div id="menu_oriz" style=""> <div class="divbox" style="width: 198px;"><a href="javascript: writemenucode()"><b>[Qui Apre Il Menu Orizzontale]</b></a></div> </div> <div style="float:right;"> <a href="javascript: parent.document.getElementById('frmset_sx_cols').cols='0,*'; parent.location.history.back='index_bottom.html';">[C]</a> <a href="javascript: parent.document.getElementById('frmset_sx_cols').cols='300,*'; parent.location.history.back='index_bottom.html';">[A]</a> </div>

Nel tuo caso:

Codice HTML:

<html> <head><title>TITLE</title> <frameset frameborder = "no" rows="130,*" bordercolor="red" bgcolor="red"> <frame name="alto" src="top.html" scrolling="no"> <frameset id="frmset_sx" frameborder = "no" cols="180,*" bordercolor="red"> <frame name="sx" src="sx.html" noresize id="sx"> <frame name="centrale" src="central.html" noresize> </frameset> </frameset> </head> </html>

Devi inserire i bottoni nella pagina central.html:

Codice HTML:

<a href="javascript: parent.document.getElementById('frmset_sx').cols='0,*'; parent.location.history.back='central.html';">[Chiude]</a> <a href="javascript: parent.document.getElementById('frmset_sx').cols='180,*'; parent.location.history.back='central.html';">[Apre]</a>

Prova così, dovrebbe funzionare.
Nel mio caso a me funziona...

Ho notato che in i.e. viene generato un errore di valore nullo o manca oggetto su :
parent.location.history
...ma funziona ugualmente.

Se invece di utilizzare parent.location.history.back='central.html' si utilizza:

Codice HTML:

<script> parent.centrale.location.href='central.html'; </script>

....semplicemente la pagina central.html viene ricaricata nel frame con il nome 'centrale'.

:roll:
13-01-2010, 11.09.59

Ho ottenuto il risultato che cercavo. :razz:

Ti ringrazio molto per il tuo aiuto.

In ultimo,
siccome mi capiterà di dovermi giostrare con javascript, sai consigliarmi un libro o un punto da dove iniziare a studiarmi qualcosa?

Grazie.
13-01-2010, 17.08.05

Puoi dare un'occhiata a questa guida, quelle su HTML.it sono sempre scritte molto bene: http://javascript.html.it/guide/legg...pt-per-esempi/. poi, quando saprai usarlo bene, passa a questa: http://javascript.html.it/guide/legg...iche-avanzate/.

Ok, adesso passa a studiare le richieste AJAX: http://javascript.html.it/guide/leggi/95/guida-ajax/. Dopo puoi imparare come velocizzarle (e di molto!) usando un framework, come ad esempio jQuery: http://javascript.html.it/guide/leggi/168/guida-jquery/.

Ovviamente questo è se vuoi avere una conoscenza molto approfondita. Se hai bisogno di Javascript solo per scrivere qualche funzione basta anche la prima guida. Regolati tu. E ricorda che sui libri si studia meglio che su Internet, io però non ti so consigliare, avendolo studiato sul Web.