1link naar 2 targets

Status
Niet open voor verdere reacties.

Japser

Gebruiker
Lid geworden
24 jan 2004
Berichten
129
Hey,

Ik wil met een plaatje een link erin zetten naar 2 targets. Nu ziet het er zo uit (incl. rollover)

<a href="off.html" target="home" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/offingedrukt.jpg',1)"><img src="images/off.jpg" name="Image11" width="60" height="80" border="0"></a>

Maar ik wil dus graag dat ie en in de target 'home' en pagina opent (in dit geval off.html) maar tegelijkertijd ook
bla.html in de target 'left' , met dezelfde druk op de knop..

Is dit mogelijk? Zo ja , hoe?

Gr. Jasper
 
<a href="javascript:parent.one.location='frame1.html';parent.two.location='frame2.html'" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/offingedrukt.jpg',1)"><img src="images/off.jpg" name="Image11" width="60" height="80" border="0"></a>


one/two =de namen van je frameset frames.
frame1.html/frame2.hml = de nieuwe paginanamen

ja v a s c r i p t als één woord schrijven

:cool:
 
Laatst bewerkt:
Hmm hij wil niet echt werken, want hij opent een nieuw scherm. Ik heb dit ingevoerd:

Code:
<a href="javascript: parent.links.location='left.html';parent.home.location='off.html'" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/offingedrukt.jpg',1)"><img src="images/off.jpg" name="Image11" width="60" height="80" border="0"></a>
(zonder spatie bij javascript: parent dan)

left.html moet ik het target links openen, en
off.html moet in het target home openen..

Hij opent bij (rollover werkt wel) een klik op de knop een nieuw scherm met de tekst 'off.html'

Wat doe ik fout..?

Gr, Jasper
 
Test deze eens uit

PHP:
<a href="#" onClick="javascript: parent.frames[1].location='http://www.helpmij.nl';parent.frames[2].location='http://www.htmlforums.com'">click here</a>

Voeg als het werkt de mouse over toe.

Waarbij 1 resp.2 de betreffende frames zijn.
Je hoeft dus geen namen in te voeren.

Let op:
de telling begint bij 0

In je frameset is je eerste frame dus 0


:cool:
 
Laatst bewerkt:
Huh ik snap het ff niet..

Ik heb nu dit ingevoerd:
Code:
<a href="#" onClick="java script: parent.frames[1].location='left.html';parent.frames[2].location='off.html'">click here</a>

Waar zet ik nu dus de targets neer?
 
Targets?

parent.frames[1].location='left.html'

parent betekent: het originele frame
frames[1] betekent het tweede frame in je frameset
location geeft aan wat geopend moet worden
left.html wordt dus geopend
en wel
in het tweede frame wat in je frameset op je index voorkomt.

Dus dit is de taget:
parent.frames[1]

:cool:
 
maar mijn targets waarin ze geopend moeten worden zijn 'left' en ' home' .
Hoe ziet dat dan er uiteindelijk uit?:rolleyes:
 
Ja, dan moet je tellen.
Als left je eerste framenaam in je frameset is is het 0.

Twee manieren:

met nummers

<a href="#" onClick="javascript:parent.frames[0].location='http://www.helpmij.nl'; parent.frames[2].window.location='http://www.htmlforums.com';">2 Parent nummer</a> <br><br>

benoemd


<a href="javascript: parent.rboven.location='http://www.helpmij.nl';parent.ronder.location='http://www.htmlforums.com';">2 Parent benoemd</a>

:cool:
 
Hoi,

Je kan het ook gewoon met frame namen en een scriptje doen:

De eerste link gewoon met een href en een target.. en het andere frame met een scriptje:

Code:
<html>
<head>
<script>
function changeFrame() {
	parent.frames['frameNaam1'].location.replace('bestand1.html');
}
</script>
</head>
<body>

<a href="bestand2.html" target="frameNaam2" onClick="changeFrame();">Testje</a>
</body>
</html>

Succes :)
 
@Peter: Je bedoelt dus zo?
<a href="java script: parent.links.location='left.html';parent.home.location='off.html';">plaatje</a>

dus left.html in target links
en home.html in target home

Zo heb ik het, maar hij doet het niet, opent een nieuw scherm :(
Met die nummers [0] etc snap ik niet helemaal..


@Japie82 Nee zo is niet echt handig, want er zijn meerdere plaatjes op de pagina.. ik heb liever zo'n manier als Peter heeft..

Gr, Jasper
 
Geplaatst door Japser
@Japie82 Nee zo is niet echt handig, want er zijn meerdere plaatjes op de pagina.. ik heb liever zo'n manier als Peter heeft..

Dat is dan idd handiger:

PHP:
<a href="#" onClick="javascript:parent.frames['home'].location='http://www.helpmij.nl'; parent.frames['left'].window.location='http://www.htmlforums.com';">Parent nummer</a>

Er vanuit gaande dat home en left de namen zijn van de frames.
 
Woeii, Thnx Japie82, het is gelukt!! Reuze bedankt.

Nu nog de rollover, ik dachtdat het er zo uit zou zien, niet dus.. hoe dan?

Code:
<a href="#" onClick="java script:parent.frames['home'].location='off.html'; parent.frames['links'].window.location='left.html';"onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/offingedrukt.jpg',1)"><img src="images/off.jpg" name="Image11" width="60" height="80" border="0"></a>
 
Laatst bewerkt:
Hier:


<a href="#" onClick="javascript:parent.frames['rboven'].location='http://www.helpmij.nl'; parent.frames['ronder'].window.location='http://www.htmlforums.com';return false;" onmouseover="flip('paars-16.jpg','pica')" onmouseout="flip
('oranje-10.jpg','pica')"><img src="oranje-10.jpg" name="pica" width="135" height="28" border="0"></a>


Werkt, en met een compacter script
dit in de head
Code:
<script language="JavaScript">
   function flip(img,imgn)
    {
     document.images[imgn].src=img
    }
  </script>

Ik heb return false toegevoegd.
En je had geen spatie zitten tussen
left.html';"XonMouseOut
de codes.

Dus spatie toevoegen in je code en return false.
Lukt het niet, gebruik dan mijn code.


:cool:
 
Ik heb er nu 2 geprobeert:

<a href="#" onClick="java script: parent.frames['home'].location='off.html'; parent.frames['links'].window.location='left.html';return false;" onmouseover="flip('images/offingedrukt.jpg','pica')" onmouseout="flip
('images/off.jpg','pica')"><images/off.jpg" name="pica" width="60" height="80" border="0"></a>

Werkt niet.

en

<a href="#" onClick="java script: parent.frames['home'].location='off.html'; parent.frames['links'].window.location='left.html';return false;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/offingedrukt.jpg',1)"><img src="images/off.jpg" name="Image11" width="60" height="80" border="0"></a>

maar die rollover werkt ook niet.
Ik heb de spaties van java script weggehaald..
 
En de
name=home
en
name=links
heb je in je frameset staan?

De codes heb ik uitgestest, en werken bij mij.

:cool:
 
Jep, want de link werkt ook wel, hij opent 2 nieuwe pagina's maar de rollover werkt niet.. :(
 
Staat niet online, dat is niet echt handig zegmaar..
(een heel gedoe maar te lang om uit te leggen)
als ie af is komt ie pas online..

De rollover bij jou werkt wel?
 
Ja, werkt.
Twee frames worden vervangen en rollover verandert.

Maar heb je meer rollovers?
Zo ja, dan moet de naam anders worden.
Dus pica is de naam van het plaatje.
Een tweede rollover geef je een andere naam.

Het script blijft gewoon hetzelfde.

:cool:
 
Ik heb inderdaad meerdere rollovers in die pagina.

Welke moet dan veranderd worden:

<a href="#" onClick="java script: parent.frames['home'].location='off.html'; parent.frames['links'].window.location='left.html';return false;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/offingedrukt.jpg',1)"><img src="images/off.jpg" name="Image11" width="60" height="80" border="0"></a>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan