Javascript onmouseover doet niks in non IE browser

[Verwijderd]

Ik ben bezig met een website waarin ik het volgende heb:

code:

<div id='top_nav'>
    <a href='#'><img src='images/menu_top/inschrijfformulier_deselected.gif' style='cursor: pointer;' id='top1' onmouseover='document.getElementById("top1").src = "images/menu_top/inschrijfformulier_rollover.gif"' onmouseout='document.getElementById("top1").src = "images/menu_top/inschrijfformulier_deselected.gif"' alt='' /></a><a href='#'><img src='images/menu_top/demakelaar_deselected.gif' style='cursor: pointer;' id='top2' onmouseover='document.getElementById("top2").src = "images/menu_top/demakelaar_rollover.gif"' onmouseout='document.getElementById("top2").src = "images/menu_top/demakelaar_deselected.gif"' alt='aaaa' /></a>
</div>

In IE werkt het prima.. maar in firefox doet zelfs de alt text het niet.. ook worden alle javascript events niet getriggered wat ik ook probeer... ??? ik krijg verder geen w3c of javascript errors ook.. ik snap dr echt niks meer van

[momania]

wissel de dubbele quotes eens om met de enkele quotes

en ipv 'document.getElementById("top2").src' kan je ook this.src gebruiken

[$tranger]

Komt omdat je IMG tag binnen een link staat, dan zou je die 2 events moeten capturen op je A-tag.

Je img tag kan je in je inline JS dan aanspreken als this.childNodes[0].

[ Voor 28% gewijzigd door $tranger op 03-11-2006 16:59 ]

[Verwijderd]

momania schreef op vrijdag 03 november 2006 @ 16:58:
wissel de dubbele quotes eens om met de enkele quotes

en ipv 'document.getElementById("top2").src' kan je ook this.src gebruiken

Ik heb nu:

code:

<img src='images/menu_top/inschrijfformulier_deselected.gif' style='cursor: pointer;' id='top1' onmouseover="document.getElementById('top1').src = 'images/menu_top/inschrijfformulier_rollover.gif'" onmouseout="document.getElementById('top1').src = 'images/menu_top/inschrijfformulier_deselected.gif'" alt='' />

Zonder A btw.. (niet dat dat iets uit zo mogen maken)

Maar hij doet het dan nog steeds niet

[Verwijderd]

Nu wordt ik echt gek... zelfs als ik enkel:

code:

            <div id='top_nav'>
                <img src='images/menu_top/inschrijfformulier_deselected.gif' style='cursor: pointer;' id='top1' alt='aa' />
            </div>

Doe dan werkt de ALT text en het cursortje niet eens in firefox...

[newpegasus]

Alt wordt dan ook niet ondersteund in FireFox...

[mjax]

Ik gok dat je ergens een quote opent die je vergeet te sluiten.

[Verwijderd]

newpegasus schreef op vrijdag 03 november 2006 @ 17:08:
Alt wordt dan ook niet ondersteund in FireFox...

Lol.. ik zie het idd.. maar het komt volgens mij door een onderliggende layer oid.. want als ik die wegflikker werkt het wel.. er zal wel iets fysiek overheen staan oid..

[mjax]

newpegasus schreef op vrijdag 03 november 2006 @ 17:08:
Alt wordt dan ook niet ondersteund in FireFox...

Volgens mij wordt Alt wel ondersteund, alleen resulteert het niet in een tooltip zoals in IE.

[ Voor 22% gewijzigd door mjax op 03-11-2006 17:11 ]

[Verwijderd]

mjax schreef op vrijdag 03 november 2006 @ 17:09:
[...]

?

Hij heeft gelijk.. als je een img een alt text meegeeft in FF dan wordt die niet weergegeven..

[user109731]

alt-attribuut word wel degelijk ondersteund in firefox, maar word idd niet weergegeven als je over de afbeelding hovert... Dat is dan ook heel vaak misbruik van alt, en meer iets voor title...

Zie ook: ALT attribute (ALT tag, ALT tooltip) en de Mozilla FAQ

[ Voor 35% gewijzigd door user109731 op 03-11-2006 17:17 ]

[newpegasus]

mjax schreef op vrijdag 03 november 2006 @ 17:09:
[...]
Volgens mij wordt Alt wel ondersteund, alleen resulteert het niet in een tooltip zoals in IE.

Volgens mij heb je daar gelijk in

http://www.gadgetopia.com/post/3206

[crisp]

- gebruik title voor tooltips
- gebruik het 'this' keyword ipv een lookup naar zichzelf
- speciale karakters (<>"&) in HTML-attributen dienen HTML-encoded te worden. Als je de single quote gebruikt voor HTML-attributen dan moet je de single quote binnen dat attribuut ook HTML-encoden.

[Verwijderd]

crisp schreef op vrijdag 03 november 2006 @ 17:26:
- speciale karakters (<>"&) in HTML-attributen dienen HTML-encoded te worden. Als je de single quote gebruikt voor HTML-attributen dan moet je de single quote binnen dat attribuut ook HTML-encoden.

Die laatste begrijp ik niet helemaal, wat bedoel je hier nu exact mee?

Ow volgens mij bedoel je dat het niet goed is om single en dubbele quotes door elkaar heen te gooien binnen 1 element?

[ Voor 13% gewijzigd door Verwijderd op 03-11-2006 17:34 ]

[crisp]

fout:

HTML:

<img src='foo.gif' onmouseover='this.src='bla.gif''>

goed:

HTML:

<img src='foo.gif' onmouseover='this.src='bla.gif''>

[Verwijderd]

crisp schreef op vrijdag 03 november 2006 @ 17:35:
fout:

HTML:

<img src='foo.gif' onmouseover='this.src='bla.gif''>

goed:

HTML:

<img src='foo.gif' onmouseover='this.src='bla.gif''>

Ok op die fiets.. bedankt ik zal het vanaf nu toepassen! Aldoende leert men

HTML:

<div id='top_nav'>
    <img src='images/menu_top/inschrijfformulier_deselected.gif' style='cursor: pointer;' onmouseover='this.src = 'images/menu_top/inschrijfformulier_rollover.gif'' onmouseout='this.src = 'images/menu_top/inschrijfformulier_deselected.gif'' alt='' /><img src='images/menu_top/demakelaar_deselected.gif' style='cursor: pointer;' onmouseover='this.src = 'images/menu_top/demakelaar_rollover.gif'' onmouseout='this.src = 'images/menu_top/demakelaar_deselected.gif'' alt='' />
</div>

Zo happy?

[ Voor 44% gewijzigd door Verwijderd op 03-11-2006 17:40 ]

[crisp]

Ja, beter; hoewel double quotes voor HTML-attributen toch de voorkeur genieten; binnen dubbele quotes hoef je single quotes immers niet te HTML-encoden