onmouseover

[Verwijderd]

ik heb een probleem bij ie met de onmouseover functie.
in firefox en op mac werkt dit perfect maar ie laat het afweten.
Als ik over de option ga dan moet de afbeelding wijzigen,maar ie doet dat niet.
(let niet op de php, das in orde)
de code:

<form name="formpje" action="<?php $_SERVER['PHP_SELF'] . "?" . $_SERVER['QUERY_STRING']; ?>" method="post">

<select name="kast" onChange="Bereken();" style="width:250px;">
<option value="0" onmouseover="document.getElementById('fo').src='Img/geenafbeelding.jpg';" selected>Geen kast</option>
<option onmouseover=\"document.getElementById('fo').src='" . $row["url"] . "';\" value=\"" . $row["prijs"] . "," . $row["omschrijving"] . "\">" . $row["omschrijving"] . "</option>";

</select>

<img id="fo" border="1" name="fo" src="Img/geenafbeelding.jpg" style="width:110px; margin-left:50px;">


</form>

alvast bedankt

[RM-rf]

(let niet op de php, das in orde)

nee, dat is niet in orde... de code die nodig is en die uitiendelijk uitgevoerd wordt dient de output html-code te zijn en mag dus geen PHP bevatten


anders kunnen we hier onmogelijk kijken waar de fout zou kunnen zitten, als we moeten gissen wat PHP daar voor output geeft...

doe dus maar gewoon view-source in je browser en haal daaruit de relevante HTML-code om te debuggen...
en ost die nethes in code tags:

code:

[code][/code]

[ Voor 29% gewijzigd door RM-rf op 09-12-2008 15:50 ]

[Verwijderd]

Moet het niet zijn 'onMouseOver'? CamelCase dus

[boe2]

lower case werkt even goed en is zelfs verplicht indien hij in xhtml werkt

[Verwijderd]

Boeboe schreef op dinsdag 09 december 2008 @ 15:52:
lower case werkt even goed en is zelfs verplicht indien hij in xhtml werkt

Je hebt gelijk. Toen ik op 'onmouseover camelcase' zocht kwam ik gelijk een paar hits tegen met 'IE'-problemen. Maar daar stond dus juist dat het lowercase moet zijn

[Bosmonster]

Internet explorer ondersteunt geen mouseover bij options volgens mij.

[ Voor 9% gewijzigd door Bosmonster op 09-12-2008 15:58 ]

[Verwijderd]

php moet in orde zijn, bij ff en de rest werkt het wel
het lijkt wel of ie dit niet ondersteund, maar waar kan ik dit terug vinden?

[DanielG]

Verwijderd schreef op dinsdag 09 december 2008 @ 16:07:
het lijkt wel of ie dit niet ondersteund, maar waar kan ik dit terug vinden?

MSDN onmouseover Event bij het lijstje "Applies To" staat "Option" er niet tussen.

http://webbugtrack.blogsp...f-events-for-options.html hier een lijst met welke browser welke event voor option ondersteunt.

https://forums.microsoft....x?PostID=2404297&SiteID=1 en hier een forum post op microsoft.com waarin staat dat IE het niet ondersteunt.


dit heb ik allemaal in 2 minuten gevonden met http://www.google.nl/search?q=option+onmouseover

[Verwijderd]

tja het systeem staat er nu
wat zijn anders de opties
btw safari dus support this

[mcDavid]

Verwijderd schreef op dinsdag 09 december 2008 @ 16:07:
php moet in orde zijn, bij ff en de rest werkt het wel
het lijkt wel of ie dit niet ondersteund, maar waar kan ik dit terug vinden?

Dat hoeft helemaal niet, het kan bijvoorbeeld heel goed zijn dat er een fout in de geparste output zit, die firefox wel netjes op weet te lossen maar IE niet. Sterker nog die kans lijkt me vrij groot want zo te zien probeer je een aantal PHP-variabelen in te voegen die buiten de <?php ?> tags staan en dus niet geparst worden.

[Verwijderd]

ja maar die code is opgekuist, de php tags ed zijn weggelaten om het een beetje overzichtelijk te laten.
sorry maar vergeet dat php gedoe, dat is goed.
Ik denk dat ik gewoonweg een andere manier zal moeten zoeken.
thanks IE

[.oisyn]

Verwijderd schreef op dinsdag 09 december 2008 @ 16:42:
ja maar die code is opgekuist, de php tags ed zijn weggelaten om het een beetje overzichtelijk te laten.
sorry maar vergeet dat php gedoe, dat is goed.

Doe jezelf een plezier en post voortaan gewoon meteen de HTML output, daarmee voorkom je dit soort discussies. Terechte discussies overigens, want het gebeurt vaak zat dat iemand beweert "dat het wel goed zit" wat uiteindelijk toch niet zo blijkt te zijn.

[Verwijderd]

.oisyn schreef op dinsdag 09 december 2008 @ 16:44:
[...]

Doe jezelf een plezier en post voortaan gewoon meteen de HTML output, daarmee voorkom je dit soort discussies. Terechte discussies overigens, want het gebeurt vaak zat dat iemand beweert "dat het wel goed zit" wat uiteindelijk toch niet zo blijkt te zijn.

Tja,
als alle andere browsers dit toelaten zal het meer dan waarschijnlijk niet liggen aan de output.

en weet je waarom MS dit niet toelaat ook?

Trouwens het kan niet met IE, jammer, nu ja, blijkbaar gebruik iedereen nog IE, dus...

[ Voor 7% gewijzigd door Verwijderd op 09-12-2008 16:51 ]

[Cartman!]

Wat hij wil zeggen is dat je dit soort dingen moet debuggen met html-code. Hoe die code wordt samengesteld (php in dit geval) doet er niet toe en kun je beter weghalen dus. Werken met de output zoals je browser het krijgt voorgeschoteld is veel overzichtelijker voor jezelf en voor een ander.

[Verwijderd]

Ok toch bedankt

[Verwijderd]

ik heb tijdens mijn zoektocht op internet veel mensen gevonden die dit probleem hadden.
Hieronder staat mijn oplossing, het is wel niet het gehoopte resultaat zoals in ff maar beter ging niet.

code:

function Bereken(wat)
{   
    var totaal = 0;
        if(document.formpje.kast.value != "")
    {
        var kast = document.formpje.kast.value.split(',');
        totaal += parseFloat(kast[0]);
                    
        if(wat == "kast")
        {
            if(kast[2] == null)
                document.formpje.fo.src = 'Img/geenafbeelding.jpg';
            else
                 document.formpje.fo.src=kast[2];
        }   
    }
        ................................enz
}

<select name="kast" onChange="Bereken(this.name);" style="width:250px;">
    <option value="0" onMouseOver="document.formpje.fo.src='Img/geenafbeelding.jpg'" selected>Geen kast</option>
    <option onMouseOver="document.formpje.fo.src='Img/UploadImg/onderdelen/ydcnfxekutvqvo.jpg'"  value="60.62,Case Micro ATX Zwart + Voeding,Img/UploadImg/onderdelen/ydcnfxekutvqvo.jpg">Case Micro ATX Zwart + Voeding
        </option>
        <option onMouseOver="document.formpje.fo.src='Img/UploadImg/onderdelen/nwrkbhjywnxhsi.jpg'"  value="73,Case Tower Antec Zwart/Zilver + Voeding,Img/UploadImg/onderdelen/nwrkbhjywnxhsi.jpg">Case Tower Antec Zwart/Zilver + Voeding
       </option>                    
</select>

<img id="fo" name="fo" src="Img/geenafbeelding.jpg" style="width:110px; margin-left:50px;">

bedankt om te helpen zoeken.

[boe2]

Ik zie eigenlijk geen verschil met de originele oplossing, behalve dat je op een andere manier naar het te veranderen element navigeert.

[Verwijderd]

wel voor ff heb ik gelijk gelaten vandaar.

[WeeJeWel]

Gebruik CSS