[JS / DHTML] Cursor veranderen werkt niet op IE5

[Verwijderd]

Ik heb een form met daarin een image als input (dit is een kaart), heb ook een menu met bv. zoomin e.d. Nu had ik dat gemaakt dat als je op zoomin klikte de cursor in een vergrootglas veranderd. In IE6.0 werkt het.

Maar in IE5 veranderd de cursor niet.
"Could not get the cursor property. Invalid argument. "
geeft de errormelding aan.

Het verandereen van de cursor werkt wel op de manier van de msdn.microsoft.com site (tenminste het voorbeeld daar werkt wel.)

Ik heb de document.all manier en de getelementbyid manier geprobeerd. Zelfde resultaat op bijde IE's.

Kan iemand mij vertellen wat het probleem is?

Hieronder nog de code.

code:

function changecur(what){
 
    if(what == "in")
    {
        document.all.MAP.style.cursor = "url('cursors/zoomin.cur')";
    }else
    if(what == "uit")
    {
        //document.getElementById("MAP").style.cursor = "url('cursors/zoomuit.cur')";
        document.all.MAP.style.cursor = "url('cursors/zoomuit.cur')";
    }else
    if(what == "pan")
    {
        //document.getElementById("MAP").style.cursor = "url('cursors/hand.cur')";
        document.all.MAP.style.cursor = "url('cursors/hand.cur')";
    }else
    if(what == "select")
    {
        //document.getElementById("MAP").style.cursor = 'default';
        document.all.MAP.style.cursor = 'default';
    }           
}
</script>


<FORM  name = "mapform" action="map.php" method="POST" onSubmit="return CheckIt(); ">
    <input type = "hidden" name = "SERVER" value = "<?=$server;?>">
    <input type = "hidden" name = "MAPNAME" value = "<?=$mapName;?>">
    <input type = "hidden" name = "WIDTH" value = "<?=$width;?>">
    <input type = "hidden" name = "HEIGHT" value = "<?=$height?>">
    <input type = "hidden" name = "MODE" value="<?=$mde;?>">
    <input type = "hidden" name = "BBOX" value="<?=$bbx;?>">
    <input type = "hidden" name = "FEATURELAYER" value="<?=$featureLayerName;?>">
    <input type = "hidden" name = "ID" value = "<?=$featureId;?>"> 
    <input type = "hidden" name = "DragX" value = ""> 
    <input type = "hidden" name = "DragY" value = ""> 
    <input type = "hidden" name = "ZoomX" value = ""> 
    <input type = "hidden" name = "ZoomY" value = ""> 
    <input type = "hidden" name = "ZoomX1" value = ""> 
    <input type = "hidden" name = "ZoomY1" value = ""> 
    <input class=drag type = "image" src ="<?=$maprequest;?>" NAME="MAP" ID="MAP" ALT="Map" value="submit">      
</form>

[crisp]

IE5 ondersteund niet het gebruik van custom cursors dmv url('customcursor'), maar alleen de standaard cursortypen zoals 'hourglass' en 'hand' etc.

btw, ik kan je toch aanraden met document.getElementById te werken, document.all is eigenlijk alleen maar noodzakelijk als je IE4 nog wilt/moet ondersteunen en werkt niet in browsers als Mozilla

[ Voor 6% gewijzigd door crisp op 09-10-2003 11:39 ]

[Johnny]

crisp schreef op 09 October 2003 @ 11:39:
IE5 ondersteund niet het gebruik van custom cursors dmv url('customcursor'), maar alleen de standaard cursortypen zoals 'hourglass' en 'hand' etc.

btw, ik kan je toch aanraden met document.getElementById te werken, document.all is eigenlijk alleen maar noodzakelijk als je IE4 nog wilt/moet ondersteunen en werkt niet in browsers als Mozilla

"pointer" werkt trouwens ook pas vanaf MSIE 6, je moet daar "hand" gebruiken, maar die werkt weer niet in Mozilla.

[crisp]

Johnny schreef op 09 October 2003 @ 12:42:
[...]


"pointer" werkt trouwens ook pas vanaf MSIE 6, je moet daar "hand" gebruiken, maar die werkt weer niet in Mozilla.

dat is af te vangen door een class te gebruiken:

Cascading Stylesheet:

.handje {
  cursor: pointer;
  cursor: hand;
}