Javascript jämföra src

2011-04-11 20:33

Medlem

Plats: sundbyberg
Registrerad: Apr 2009

●

Javascript jämföra src

Tjo!
Kör ett javascript på min hemsida som skall göra så att en bild ( en lampa ) ska om den är tänd släckas vid mouseover för att sedan tändas igen vid mouseout, och tvärt om, om lampan är tänd.

Jag antar att det är någonting med jämförelsen "node.src ==". Hur kan man lösa detta?

function mouseOver(Id){
    var node = document.getElementById(Id);
    if ( node.src == 'images/lightson.png')
        node.src = 'images/lightsoff.png';
    else
        node.src = 'images/lightson.png';
}
function mouseOut(Id){
    var node = document.getElementById(Id);
     if ( node.src == 'images/lightsoff.png')
        node.src = 'images/lightson.png';
    else
        node.src = 'images/lightsoff.png';
}

Tack på förhand!
/danne

Rapportera Redigera

Citera flera Citera

2011-04-11 21:39

Permalänk

KurreKula

Medlem

Plats: Bromma
Registrerad: Aug 2008

●

Gör detta med css istället. Läs på om "hover"

Visa signatur

Asus Striker II Extreme / XFX Geforce GTX 280 / Q9450 @ 3.6GHz/ TRUE Noctua 120/ 4x1GB Corsair TWIN3X2048-1333C9DHX / X25-M G2 80gb Velociraptor / Win 7 Ultimate x64/ Antec P190

MovieDatabase

Rapportera Redigera

Citera flera Citera

2011-04-12 12:04

Permalänk

BlueEyes

Medlem

Plats: Västerås
Registrerad: Jun 2005

●

@KurreKula
Kanske bör du överväga att lämna lite mer användbara svar som OP har någon nytta av.

@OP

Det kan vara intressant att kika på referenserna på
http://www.w3schools.com

Särskilt angående:
http://www.w3schools.com/css/sel_hover.asp

Men hela websiten bör vara en del av din verktygslåda när du Webbdesignar.

Personligen så använder jag ofta:
http://www.jquery.com

För olika interaktions ändamål i min webdesign.

Dock har KurreKula rätt i att du bör kontrollera ifall CSS psuedo selectorn :hover löser det du vill genomföra.

Annars prova gärna JS framework jQuery ovan.

Lycka till.

Mvh, BlueEyes

Visa signatur

Rapportera Redigera

Citera flera Citera

2011-04-12 23:04

Permalänk

KurreKula

Medlem

Plats: Bromma
Registrerad: Aug 2008

●

Skrivet av BlueEyes:

@KurreKula
Kanske bör du överväga att lämna lite mer användbara svar som OP har någon nytta av.

@OP

Det kan vara intressant att kika på referenserna på
http://www.w3schools.com

Särskilt angående:
http://www.w3schools.com/css/sel_hover.asp

Men hela websiten bör vara en del av din verktygslåda när du Webbdesignar.

Personligen så använder jag ofta:
http://www.jquery.com

För olika interaktions ändamål i min webdesign.

Dock har KurreKula rätt i att du bör kontrollera ifall CSS psuedo selectorn :hover löser det du vill genomföra.

Annars prova gärna JS framework jQuery ovan.

Lycka till.

Mvh, BlueEyes

Gå till inlägget

Vore bra om du använde citatfunktionen istället Då får jag info om att du skrivit till mig. Märker inte det annars...

Tanken var att han skulle googla på css och hover. Vill inte ge hela svaret utan tänkte att man lär sig mer om man testar lite själv. Alltid bra med en spark i baken på vilken riktning man bör ta.

Visa signatur

Asus Striker II Extreme / XFX Geforce GTX 280 / Q9450 @ 3.6GHz/ TRUE Noctua 120/ 4x1GB Corsair TWIN3X2048-1333C9DHX / X25-M G2 80gb Velociraptor / Win 7 Ultimate x64/ Antec P190

MovieDatabase

Rapportera Redigera

Citera flera Citera

Javascript jämföra src

Javascript jämföra src

Externa nyheter

Spelnyheter från FZ