[html] twee frames laden met een knop

Moderators: jkien, Xilvo

Reageer
Berichten: 60

[html] twee frames laden met een knop

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:
<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

Gebruikersavatar
Berichten: 4.810

Re: [html] twee frames laden met een knop

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

Berichten: 60

Re: [html] twee frames laden met een knop

Kan ik een javascript gewoon tussen het html text zetten.

Hoe maak ik zo'n javascript

Gebruikersavatar
Berichten: 7.224

Re: [html] twee frames laden met een knop

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.
If I have seen further it is by standing on the shoulders of giants.-- Isaac Newton

Berichten: 60

Re: [html] twee frames laden met een knop

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

Berichten: 99

Re: [html] twee frames laden met een knop

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

Gebruikersavatar
Berichten: 17.659

Re: [html] twee frames laden met een knop

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

Het is een (soms irritante) beveiliging in Invision die dat zelfs binnen codeblokken uit elkaar trekt.
"Knowledge speaks, but wisdom listens."
- Jimi Hendrix -

Reageer