billedeskift ved mouseover

Du kunne lave din:
      <div class="sortboks">
til:
      <div class="sortboks" id="sortboks">

så kunen du putte en onclick på dine links:

      <a href="index.php?side=referencer" class="sortlink" onclick="document.getElementById('sortboks').getElementsByTagName('img').setAttribute('src','nytbillede.gif');">


Jeg har ikke prøvet dette før, men ville tro det ville virke :)

<IMG id=webcam height=253 src="capture.jpg" width=337 name=webcam><STRONG>&nbsp; <img src="3capture.jpg" onmouseover="this.src='capture.jpg'"
onmouseout="this.src='3capture.jpg'" width="339" height="252">

Virker hos mig!

Hilsen
Lyngelarsen

Hvorfor skifter billedet ikke også når man fører henover teksten?

<div class="links"><img src="brik.jpg" onmouseover="this.src='brik1.jpg'" onmouseout="this.src='brik.jpg'"><a href="index.php?side=profil" class="sortlink"><span class="linktekst">Profil</span></a></div>

Prøv at sætte ';' efter din javascript-kode i onmouseover og out..:

<div class="links"><img src="brik.jpg" onmouseover="this.src='brik1.jpg';" onmouseout="this.src='brik.jpg';"><a href="index.php?side=profil" class="sortlink"><span class="linktekst">Profil</span></a></div>

gør ingen forskel

Jeg vil jo have det således at når man fører hen over profil, så skal billedet også skifte!

Måske:

onmouseover="this.parentElement.getElementByTagName('img').src = 'nytbillede';"

Måske 2 gange parentElement, da jeg ikke ved om <a> vil virke som parent.

hvordan kommer hele sætningen så til at se ud ?

<div class="links"><img src="brik.jpg"><a href="index.php?side=profil" class="sortlink"><span class="linktekst" onmouseover="this.parentElement.getElementByTagName('img').src = 'nytbillede';">Profil</span></a></div>

Eller måske:

<div class="links"><img src="brik.jpg"><a href="index.php?side=profil" class="sortlink"><span class="linktekst" onmouseover="this.parentElement.parentElement.getElementByTagName('img').src = 'nytbillede';">Profil</span></a></div>

Virker sq ikke lige

Eksempel:

<script type="text/javascript" language="javascript">
function skift(s)
{
img = s.parentElement.previousSibling;
img.setAttribute('src', 'andet.jpg');
}
</script>

<div class="sortboks">
   
    <div class="links"><img src="brik.jpg"><a href="index.php?side=profil" class="sortlink"><span class="linktekst" onclick="skift(this)">Profil</span></a></div>
    <div class="links"><img src="brik.jpg"><a href="index.php?side=referencer" class="sortlink"><span class="linktekst" onclick="skift(this)">Referencer</span></a></div>
    <div class="links"><img src="brik.jpg"><a href="index.php?side=kontakt" class="sortlink"><span class="linktekst" onclick="skift(this)">Kontakt</span></a></div>
    <div class="links"><img src="brik.jpg"><a href="index.php?side=priser" class="sortlink"><span class="linktekst" onclick="skift(this)">Priser</span></a></div>
    <div class="links"><img src="brik.jpg"><a href="index.php" class="sortlink"><span class="linktekst" onclick="skift(this)">Forside</span></a></div>
     
    </div>


Hvis billedet skal skifte, og browseren ikke skal følge linket, skal du tilføje:

onclick="return false;"

Eksempel:

<a href="index.php?side=profil" class="sortlink" onclick="return false">


Jeg er lige ved at finde en måde, så det også virker i Mozilla FireFox..
Lige nu virker det i Opera v9.21 og Internet Explorer v6 SP2.

Sådan :-)

<script type="text/javascript" language="javascript">
function skift(s)
{
img = s.parentNode.previousSibling;
img.setAttribute('src', 'andet.jpg');
}
</script>

Jeg har rettet scriptet..

Funktionen kaldes sådan her:

<div class="links"><img src="brik.jpg"><a href="index.php?side=profil" class="sortlink"><span class="linktekst" onclick="skift(this)">Profil</span></a></div>

- Husk det med return false:

Hvis billedet skal skifte, og browseren ikke skal følge linket, skal du tilføje:

onclick="return false;"

Eksempel:

<a href="index.php?side=profil" class="sortlink" onclick="return false">

det virker altså heller ikke !

Det skal jo være ved mouseover og ikke ved klik!?

har selv fundet en løsning

Nåh.. havde jeg glemt..

erstat onclick med onmouseover

Man kan også lave en løsning, hvor man ved onmouseover, skifter til et bestemt billede, og ved onmouseout skifter til det gamle billede..

Skal jeg lave noget kode?

Eksempel:

<script type="text/javascript" language="javascript">
function skift(s, o)
{
tmp = 'andet.jpg';
if (o == 0) tmp = 'brik.jpg';
img = s.parentNode.previousSibling;
img.setAttribute('src', tmp);
}
</script>

    <div class="links"><img src="brik.jpg"><a href="index.php?side=profil" class="sortlink"><span class="linktekst" onmouseover="skift(this, 1)" onmouseout="skift(this, 0)">Profil</span></a></div>

Tak thesurfer, du får point - da dit eksempel med onclick gav mig inspiration. ( Husk karma:) ).

Hmm.. inspiration? Hvordan ser din nuværende kode ud?

Jeg har læst dine karme-vurderinger, og er desværre enig med dem.

Det er ikke meningen, at du skal lukke spørgsmålet lige pludseligt, og snuppe pointsne.

Det er heller ikke meningen, at du skal stille spørgsmål, og glemme alt om dem (men det kan jo ske).

Derfor bør du kigge på dine oprettede spørgsmål, specielt dem der ikke er besvaret. Dem finder du her:

http://www.eksperten.dk/list.phtml?sort=&order=DESC&status_1=on&status_2=on&spm_creator=nakhaii&spm_part=&spm_answer=&find=&engine=exp

Der er pt 15 spørgsmål, hvor de ældeste er fra 27/02 2007.

Ifølge Ekspertens regler ( http://www.eksperten.dk/regler.phtml ) skal man offentliggøre løsningen, hvis der er tale om et points-spørgsmål.



Jeg vil vente med at give dig karma, og vil anbefal følgende:

- Kig på dine oprettede spørgsmål, specielt dem der ikke er lukket
- Giv feedback på de andres spørgsmål, kommentarer og evt svar.
- Luk aldrig et spørgsmål, og tag aldrig pointsne tilbage, med mindre at det er soleklart hvorfor du gør det
- Følg de andres råd, hvis deres råd lyder fornuftigt
- Offentliggør løsningerne
- Læs Ekspertens regler: http://www.eksperten.dk/regler.phtml = så træder du ikke folk over tæerne
- Læs "expFAQ" / "Vejledning til nye brugere af Eksperten.dk": http://expfaq.dk/
- Accepter links til sider, som værende gyldig svar
- Beløn evt en bruger, for at komme med nogenlunde brugbare forslag
- Behandl andre som du selv vil behandles


Hvis du gør de ting, vil din karma blive meget bedre.