using javascript to change css cursor

**android1** · 12-09-2011 07:43 AM

Hi,
I am trying to alter some css using external javascript. I have 48 thumbnails on a page which bring up a pointer cursor onmouseover. The thumbnails have div ids of 'thumb_2_2' up to 'thumb_2_49' and a css class of 'thumb2'. I need to alter the cursor so that in certain situations the pointer doesn't show.
This is the css :

Code:

div.thumb2 {cursor:pointer;}

I have tried altering the css class like this :

Code:

window.thumb2.style.cursor="default";

and have also tried altering the individual divs like this :

Code:

for(var i=2; i<=49;i++){
document.getElementById['thumb_2_'+i].style.cursor="default";
}

and also like this :

Code:

for(var i=2; i<=49; i++){
document.images['thumb_2_'+i].style.cursor="default";
}

but nothing seems to work.

I would be really grateful if anyone could help. Thanks.

**Ayşe** · 12-09-2011 08:47 AM

This code is working in Firefox 4.0b9.

As far as I know:

Code:

  
<html>
<head>
<style type="text/css">
div#pano1 { width: 100px; height: 161px; background-color: turquoise;  }
div#pano2 { width: 100px; height: 161px; background-color: gold;  }
.el { cursor : pointer; }
.ok { cursor : default; }

</style>
<script type="text/javascript">

function changeClass() {
var mydiv;
for(var i=1; i<3; i++) {
mydiv = document.getElementById('pano'+i);
mydiv.className = "ok";
}
}
</script>
</head>
<body>
<div id="pano1" class="el" > Fareyi buraya getir! </div>
<div id="pano2" class="el" > Fareyi buraya da getirebilirsin. </div>
<input type="button" value="click me to change class attribute of the div elements" onclick="changeClass()">
<br>
Search Google
Change HTML class attribute using javascript 
Javascript Change Style Class of Div tag
</body>
</html>

**android1** · 12-19-2011 07:16 AM

Apologies for late reply and many thanks, that seems to have fixed it. Much appreciated !!

Thread: using javascript to change css cursor

Thread Tools

Display

using javascript to change css cursor

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions