Avatar billede delphin Nybegynder
25. august 2006 - 23:59 Der er 3 kommentarer og
1 løsning

Skift link og billede onmouseover

Jeg tror dette er et klassisk spørgsmål - alligevel har jeg ikke kunne finde svaret på præcist dette og nu gider jeg ikke lede længere, så jeg håber der er en der gider at hjælpe.

Jeg vil gerne skifte både billede og et link under billedet når man kører musen henover noget tekst et andet sted på siden. Billeddelen virker, men ikke link delen - den bliver bare vist som alm. tekst:

<SCRIPT LANGUAGE="JavaScript"><!--

function swapImage(name,image,link,beskrivelse) {
    document.images[name].src = image;
    document.active.rights.value = '<a href="'+link+'">'+beskrivelse+'</a>';
}
//--></SCRIPT>

<span onMouseOver="swapImage('myImage','billede1.jpg','http://www.linknr1.dk','Link 1')"><b>Her noget tekst som man kan køre musen henover</span>
<p>
<span onMouseOver="swapImage('myImage','billede2.jpg','http://www.linknr2.dk','Link 2')"><b>Her noget andet tekst som man også kan køre musen henover</span>

<p>
<IMG SRC="startbillede.jpg" NAME="myImage" BORDER="0" WIDTH="115" HEIGHT="164" alt="" border="0">
<p>
<FORM style="DISPLAY: inline" name="active"><INPUT style="WIDTH: 250px; COLOR: #000000; BORDER: 0px; BACKGROUND-COLOR: #FFFFFF" value="<a href='http://www.startlink.dk'>Startlink</a>" name="rights"></FORM>
Avatar billede mclemens Nybegynder
26. august 2006 - 01:13 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta

http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function swapImage(name,image,link,beskrivelse) {
    document.images[name].src = image;
    a=document.getElementById("actlink");
    a.href=link;a.firstChild.nodeValue=beskrivelse;
}
</script>

</head><body>


<span

onMouseOver="swapImage('myImage','http://www.eksperten.dk/img/flag_green.gif','http://www.eksperten.dk/spm/728454','Link

spørgsmål')"><b>til spørgsmålet</span>
<p>
<span onMouseOver="swapImage('myImage','http://www.eksperten.dk/img/elogo.png','http://www.eksperten.dk/','Link

eksperten')"><b>til e</span>

<p>
<IMG SRC="startbillede.jpg" NAME="myImage" BORDER="0" WIDTH="115" HEIGHT="164" alt="" border="0">
<p>

<a href='http://www.startlink.dk' id="actlink">Startlink</a>

</body></html>
Avatar billede mclemens Nybegynder
26. august 2006 - 01:17 #2
ombrudt :/
... du rettede værdien i et input felt - og der kan du ikke lægge din href ...
- skiftede den over til at hive fat i a tagget via. id og skiftede href og firstChild ( teksten der står i a tagget ) ... det kan selvfølgelig lægger ind i formularen igen hvis det er (bare ikke ind som en value)...







<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function swapImage(name,image,link,beskrivelse) {
    document.images[name].src = image;
    a=document.getElementById("actlink");
    a.href=link;a.firstChild.nodeValue=beskrivelse;
}
</script>

</head><body>


<span onMouseOver="swapImage('myImage','http://www.eksperten.dk/img/flag_green.gif','http://www.eksperten.dk/spm/728454','Link spørgsmål')"><b>til spørgsmålet</span>
<p>
<span onMouseOver="swapImage('myImage','http://www.eksperten.dk/img/elogo.png','http://www.eksperten.dk/','Link eksperten')"><b>til e</span>

<p>
<IMG SRC="startbillede.jpg" NAME="myImage" BORDER="0" WIDTH="115" HEIGHT="164" alt="" border="0">
<p>

<a href='http://www.startlink.dk' id="actlink">Startlink</a>

</body></html>
Avatar billede delphin Nybegynder
26. august 2006 - 13:12 #3
Perfekt - mange tak!
Avatar billede mclemens Nybegynder
26. august 2006 - 13:15 #4
Velbekom, og tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester