Meerdere iframes tegelijk openen

[Hans1962]

Goedemiddag allemaal.

Ik heb ene vraagje.
Ik ben samen met iemand een website aan het maken en ik gebruik hierbij iframes.
Er zit een quiz in en nu stuit ik op het volgende probleem:

Op iedere pagina zitten 2 iframes en als ik een bepaalde vraag beantwoord, moet de inhoud van allebei de iframes veranderen. Is dit mogelijk zonder dat ik een nieuwe pagina open?

 

[Egel]

Ja. Bijvoorbeeld zo:

<script type="text/javascript"> 
 function changeIframes(f0,f1) {
  frames[0].location.href = f0 + '.html';
  frames[1].location.href = f1 + '.html';
  };
</script>

<iframe src="#" width="320" height="240" frameborder="no"></iframe>
<iframe src="#" width="320" height="240" frameborder="no"></iframe>

<input type="button" value="klik" onclick="changeIframes('pagina1','pagina2');">

<input type="text" size="24" onfocus="changeIframes('pagina3','pagina4');">

Vr.Gr. Egel.

 

[Hans1962]

wat moet ik wijzigen?

Ja. Bijvoorbeeld zo:

<script type="text/javascript"> 
 function changeIframes(f0,f1) {
  frames[0].location.href = f0 + '.html';
  frames[1].location.href = f1 + '.html';
  };
</script>

<iframe src="#" width="320" height="240" frameborder="no"></iframe>
<iframe src="#" width="320" height="240" frameborder="no"></iframe>

<input type="button" value="klik" onclick="changeIframes('pagina1','pagina2');">

<input type="text" size="24" onfocus="changeIframes('pagina3','pagina4');">

Vr.Gr. Egel.

Bedankt voor je snelle reactie.
Ik neem aan dat dit script in de head sectie gezet dient te worden?
en voor .html zet ik naam van de betreffende pagina die in het iframe geladen moet worden?
Bij iframe src # vul ik de naam van het betreffende iframe in?

en moet ik nog iets invullen of wijzigen aan pagina1, pagina,2 pagina3 en pagina4?

Alvast bedankt voor je reactie

 

[Egel]

Ik neem aan dat dit script in de head sectie gezet dient te worden?

Ja.

voor .html zet ik naam van de betreffende pagina die in het iframe geladen moet worden?

Het script kun je zo laten, de naam van de betreffende pagina's worden aan de functie doorgegeven via de parameters f0 en f1.

Als je pagina's de extensie .htm hebben moet je nog wel even de l bij '.html' weghalen.

Bij iframe src # vul ik de naam van het betreffende iframe in?

Ja, maar je kunt ook gewoon de iframes die je nu al gebruikt laten staan.

moet ik nog iets invullen of wijzigen aan pagina1, pagina,2 pagina3 en pagina4?

Daar vul je telkens de twee pagina's in die je in de iframes wilt hebben, bv:

<input type="text" size="24" onchange="changeIframes('naam1','naam2');">

dat zorgt ervoor dat als je textveld verandert naam1.html geladen wordt in het 1e iframe en naam2.html in het 2e.

onfocus reageerd zodra je op het textveld klikt, onchange als er gewijzigd wordt wat er ingevuld is en onblur als je het verlaat.


Vr.Gr. Egel.