Eseguire javascript da 2 frame diversi

[pierchi]

Ciao a tutti,

per farla breve vi indico subito il mio pezzo di codice:

<script language="javascript">
function Mostra(id) {
	for (i=1; i<6; i++) { 
		if (i==id){
		document.getElementById(i).style.display = "";
		}else{
		document.getElementById(i).style.display = "none";
		}
	}
}
</script> 

<div id="1" style="display:none; position: absolute;  top: 100px;
 left: 100px;">1</div>
<div id="2" style="display:none; position: absolute;  top: 100px;
 left: 100px;">2</div>
<div id="3" style="display:none; position: absolute;  top: 100px;
 left: 100px;">3</div>
<div id="4" style="display:none; position: absolute;  top: 100px;
 left: 100px;">4</div>
<div id="5" style="display:none; position: absolute;  top: 100px;
 left: 100px;">5</div>

<input type="button" value="clicca" onclick="Mostra('1');"> 
<input type="button" value="clicca" onclick="Mostra('2');"> 
<input type="button" value="clicca" onclick="Mostra('3');"> 
<input type="button" value="clicca" onclick="Mostra('4');"> 
<input type="button" value="clicca" onclick="Mostra('5');">

Per semplicità di spiegazione ho 5 div nascosti, e tramite pulsanti, faccio apparire il div che mi interessa, facendo sparire gli altri.


Se io volessi comandare l'apertura e la chiusura di questi div, da un frame laterale è possibile?

Grazie

[cavicchiandrea]

Lasciando la funzione (Mostra) nel documento principale potresti richiamarla cosi onclick="top.Mostra('1')" negli iframe, sempre che gli iframe facciano parte dello stesso dominio, non di un dominio esterno

[pierchi]

Ah, faccio già una cosa del genere in altre pagine tipo il submit di un modulo da un frame..

adesso provo e faccio sapere!

[pierchi]

Funziona più che perfettamente...
è ottimo!

[pierchi]

continuo nello stesso thread...


alcune informazioni:

- se per esempio l'id del div non è solo numerico, ma davanti al numero ha per esempio la "a" (a1, a2, a3), posso ovviare al problema facendo così:

document.getElementById('a'.i).style.display = "";

giusto?


- Non avendo dei numeri sequenziali, il ciclo for, quando non trova il div corrispondente, mi restituisce l'errore che manca l'oggetto.
Come posso mettere un if (prima dell'azione) per far verificare se il div corrispondente al numero del for esiste?

grazie

[pierchi]

dimenticavo, la pagina con i vari div viene creata da php, per questo non sempre posso avere i numeri sequenziali...

[cavicchiandrea]

Premesso che usare id numerici è sconsigliato non tutti i browser li riconoscono meglio usare id="_1", id="_2" oppure una radice NomeFissoNumeroSequenziale div1, div2, etc... per quanto concerne la sequenzialità se ricrei sia i div con il php che id che passi
<div id="oggetto<? echo 'contatorephp'; ?>" style="display:none; position: absolute; top: 100px;
left: 100px;">1</div>
<input type="button" value="clicca" onclick="Mostra('oggetto<? echo 'contatorephp'; ?>');">
la funzione la modifichi cosi:

<script language="javascript">
function Mostra(id) {
// se vuoi circoscrivere aggiungi un div contenitore 
//var oggetti = document.getElementById('contenitore').getElementsByTagName("div")
var oggetti = document.getElementsByTagName("div")
	for (i=1; i<oggetti.length; i++) { 
		if (oggetti[i].id==id){
		oggetti[i].style.display = "";
		}else{
		oggetti[i].style.display = "none";
		}
	}
}
</script>

devi contare i div presenti, ne caso tu voglia circoscrivere i div usa un div contenitore
<div id="contenitore"><div></div><div></div></div>

[pierchi]

grazie, provo

[Enzaccio]

Originariamente inviato da pierchi

document.getElementById('a'.i).style.display = "";

giusto?

No.
+ non .

[pierchi]

perfetto, ho risolto tutto. Funziona tutto veramente bene ora.

Grazie mille a tutti-