[html] twee frames laden met een knop

JohanB · za 08 nov 2008, 11:03

Hallo,

Ik ben bezig met het maken van een website. De website bestaat uit 2 frames.

Als ik een op een knop aanklikt op het linker frame. Dan wordt er de pagina geladen in het linker frame.

Met de volgende code:

Code: Selecteer alles

<A HREF="linksmenu.html"><img src="buttons/links.jpg"

onmouseover="this.src='buttons/linksmouseover.jpg';"

onmouseout="this.src='buttons/links.jpg';"BORDER=0/></A>[/code]

Maar nu wil ik ook een pagina lade in het rechter frame en dat gebeurd met de volgende code:

Code: Selecteer alles

<A HREF="achtergrond.html" TARGET="MAIN-WINDOW"><img src="buttons/contact.jpg" 

onmouseover="this.src='buttons/linksmouseover.jpg';" 

onmouseout="this.src='buttons/links.jpg';" BORDER=0/></A>

Afzonderlijk werken beide gevallen, maar ik wil dat beide tegelijk werken met 1 klik.

Met andere woorden hoe integreer ik de beide code in één code.

Ik ben geen expert in html, kan iemand mij helpen

Met vriendelijke groeten

Cycloon · za 08 nov 2008, 12:42

Enkel met html zal dit nooit kunnen werken. Je zal verplicht zijn om er een stuk javascript bij te halen.

JohanB · za 08 nov 2008, 12:58

Kan ik een javascript gewoon tussen het html text zetten.

Hoe maak ik zo'n javascript

Bart · za 08 nov 2008, 14:44

JohanB schreef:Kan ik een javascript gewoon tussen het html text zetten.

Hoe maak ik zo'n javascript

Code: Selecteer alles

<script type="text/javascript">

// code

</script>

Kun je op (bijna) elke plaats in je HTML pagina neer zetten. Zowel in de header als in de body.

JohanB · za 08 nov 2008, 17:33

Ik heb het gevonden:

door deze scrip te gebruiken:

Zet de volgende javascript code tussen de <HEAD> </HEAD> -tags van die menubestanden:

<HEAD>

<TITLE>Twee frames verversen</TITLE>

<script language="javascript">

function loadLinks(cUrl1,cFrame1,cUrl2,cFrame2) {

parent.frames[cFrame1].location = cUrl1

parent.frames[cFrame2].location = cUrl2

}

</SCRIPT>

</HEAD>

Nu gaan we de links in het menu aanmaken. In plaats van direct naar een html-bestand te verwijzen, maken we een aanroep naar de javascriptfunctie:

<A href="java script:loadLinks('url1','frame1','url2','frame2')">Ververs twee frames</A>

De parameters 'url1' en'url2' vervang je door de namen van de html-bestanden die je in plaats van de huidige bestanden in de frames wilt laden.

De parameters 'frame1' en 'frame2' vervang je door de namen van de frames waarin je die documenten wilt laden.

Bedankt voor de snelle reactie

Nvt · vr 28 nov 2008, 21:22

<A href="java script:loadLinks('url1','frame1','url2','frame2')">Ververs twee frames</A>

Bij mij moet java script aan elkaar, javascript, anders krijg firefox spatjes.

Ger · vr 28 nov 2008, 21:25

Klopt, en waarschijnlijk heeft JohanB dat wel goed geschreven ook.

Het is een (soms irritante) beveiliging in Invision die dat zelfs binnen codeblokken uit elkaar trekt.

[html] twee frames laden met een knop

[html] twee frames laden met een knop

Re: [html] twee frames laden met een knop

Re: [html] twee frames laden met een knop

Re: [html] twee frames laden met een knop

Re: [html] twee frames laden met een knop

Re: [html] twee frames laden met een knop

Re: [html] twee frames laden met een knop

Contact

Educatie

Community