2 frames openen met 1 knop

Status
Niet open voor verdere reacties.
J

johan123456

Nieuwe gebruiker
Lid geworden
8 nov 2008
Berichten
4
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>
Klik om te vergroten...
Maar nu wil ik ook een pagina lade in het rechter frame en dat gebeurd met de volgende code:
<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>
Klik om te vergroten...
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
 
in html alleen gaat dit niet, maar met een stukje javascript zeker wel. Noot dan ook wel dat dit niet werkt als iemand in zijn browser javascript uit heeft staan.

in je head:
HTML: 
<script type='text/javascript'>
function doPaginas()
{
   frame1.location = 'linksmenu.html';
   frame2.location = 'rechterpagina.html';
}
</script>
de link wordt dan:
HTML: 
<a href='#' onclick='doPaginas();'>klik mij!</a>

zoiets zou moeten werken, even uit het hoofd.


:thumb:
 
Ik heb geprobeerd de 2 codes te integreren in mijn html pagina:

PHP: 
<HTML> 
<HEAD> 
<script type='text/javascript'>
function doPaginas()
{
   frame1.location = 'linksmenu.html';
   frame2.location = 'achtergrond.html';
}
</script>
</HEAD> 
<BODY BGCOLOR="#191970"> 

 <H1><FONT COLOR="#FFFFFF">Index</FONT></H1> 

 
<P>

 <A HREF="home.html" TARGET="MAIN-WINDOW"><img src="buttons/home.jpg" 
 onmouseover="this.src='buttons/homemouseover.jpg';"
 onmouseout="this.src='buttons/home.jpg';" BORDER=0/></A>
<P>


<A HREF='#' onclick='doPaginas();'><img src="buttons/links.jpg" 
 onmouseover="this.src='buttons/linksmouseover.jpg';" 
 onmouseout="this.src='buttons/links.jpg';"BORDER=0/></A> 
<P>
 
</BODY> 
</HTML>

De code die mijn pagina in 3 frames deelt is het volgende
<HTML>
<HEAD>
<TITLE>WELKOM OP MIJN SITE !</TITLE>
</HEAD>

<FRAMESET ROWS="140,*">
<CENTER><FRAME SRC="hoofdpagina.html" SCROLLING=NO MARGINHEIGHT=10 ></CENTER>
<FRAMESET COLS="255,*">
<FRAME SRC="menupagina.html"NORESIZE>
<FRAME SRC="home.html"NAME="MAIN-WINDOW"> NORESIZE>
</FRAMESET>
</FRAMESET>

</HTML>
Klik om te vergroten...
Mijn button blijft goed oplichten maar er word niks geopend
Heb ik iets fout gedaan.
 
Laatst bewerkt:
Klopt, kan ook niks doen.

frame1.location = 'linksmenu.html';
frame2.location = 'achtergrond.html';

houdt in dat er frames moeten zijn met de namen
frame1
frame2
dus...............
geef je frames een naam

<FRAME SRC="menupagina.html" NORESIZE name="frame1">
<FRAME SRC="home.html" name="frame2" NORESIZE>


en...
maak er een gewoonte van om code in kleine letters te zetten.

:cool:
 
Ik heb alles veranderd en krijg het volgende:
<HTML>
<HEAD>
<TITLE>WELKOM OP MIJN SITE !</TITLE>
</HEAD>

<FRAMESET ROWS="140,*">
<CENTER><FRAME SRC="hoofdpagina.html" SCROLLING=NO MARGINHEIGHT=10></CENTER>
<FRAMESET COLS="255,*">
<FRAME SRC="menupagina.html" NORESIZE name="frame1">
<FRAME SRC="home.html" name="frame2" NORESIZE>
</FRAMESET>
</FRAMESET>

</HTML>
Klik om te vergroten...
En voor mijn links het volgende:

<HTML>
<HEAD>
<script type='text/javascript'>
function doPaginas()
{
frame1.location = 'linksmenu.html';
frame2.location = 'achtergrond.html';
}
</script>
</HEAD>
<BODY BGCOLOR="#191970">

<H1><FONT COLOR="#FFFFFF">Index</FONT></H1>


<P>

<A HREF="home.html" TARGET="frame2"><img src="buttons/home.jpg"
onmouseover="this.src='buttons/homemouseover.jpg';"
onmouseout="this.src='buttons/home.jpg';" BORDER=0/></A>
<P>



<A HREF='#' onclick='doPaginas();'><img src="buttons/links.jpg"
onmouseover="this.src='buttons/linksmouseover.jpg';"
onmouseout="this.src='buttons/links.jpg';"BORDER=0/></A>
<P>

</BODY>
</HTML>
Klik om te vergroten...

Maar als ik nu op de button link klik dan werk er niks.
Ik ken niet zoveel van HTML kan er iemand kijken wat er mis is.
 
Laatst bewerkt:
Ik heb het gevonden,

ik heb het volgende java scrip gebruik:
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="javascript: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.
Klik om te vergroten...
Misschien werken de voorgestelde scripten ook, bij deze script heb ik het beste resultaat behaalt.

Bedankt aan diegenen die hebben meegedacht.
 
Laatst bewerkt:
johan123456 zei:
Ik heb het gevonden,

ik heb het volgende java scrip gebruik:

Misschien werken de voorgestelde scripten ook, bij deze script heb ik het beste resultaat behaalt.

Bedankt aan diegenen die hebben meegedacht.
Klik om te vergroten...

Hoe komt deze code er precies uit te zien als als mijn 2 pagina's 'blauw.html' en 'groen.html' heten en mijn 2 frames '02Frame' en '03Frame'?
 
head:
HTML: 
<script type='text/javascript'>
function loadLinks(cUrl1,cFrame1,cUrl2,cFrame2)
{
   parent.frames[cFrame1].location = cUrl1
   parent.frames[cFrame2].location = cUrl2
}
</script>
link:
HTML: 
<a href="#" onclick="loadLinks('blauw.html','02Frame','geel.html','03Frame');">Go go go!</a>
 
... en desgewenst nog wat literatuur op deze handleidinghtml.nl-pagina. Met een paar werkende voorbeelden. :)

PS: Ze hebben het daar over heeeel oude browsers: bv. Netscape 3, Internet Explorer 4.0 en Opera 3/3.5. - Nou, de laatste Netscape was Netscape 9, en die is inmiddels al weer geruime tijd helemaal uit de running; IE staat dus op IE8, en Opera op 9. Dus over de opmerkingen over browsers hoef je niet wakker te liggen! ;)
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan