[javascript] Ridimensionamento frame

11-01-2010, 15.09.54

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.

**EuroSalute** · 12-01-2010, 02.34.18

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>

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?

**EuroSalute** · 12-01-2010, 18.25.43

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'.

13-01-2010, 11.09.59

Ho ottenuto il risultato che cercavo.

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.

Discussione: [javascript] Ridimensionamento frame

LinkBack

Strumenti discussione

Display

[javascript] Ridimensionamento frame

Regole di scrittura