change style of cursor for textarea

[dineshkumarsr]

Hi Folks,
I have a issue trying to change the cursor of area image map in run time, no static code, no id and no name.

the possibilities i have tried is

document.getElementsByTagName("area").style.cursor=hand;
var cur=document.getElementsByTagName("area");
cur..style.cursor=hand;

not working
-----------------------------------------------------------------------------

function winload()
{
 
var areatg=document.getElementsByTagName("AREA");
for(k=0;k<areatg.length;k++)
{
areatg[k].setAttribute("href","#");
}
}
window.onload=winload;

this is working only one time onload only.

tried with setTimeout, setInterval onmouseover.

not working
-------------------------------------------------------------

Please send me your valuable useful suggestions As soon as possible

Cheers,
Dinesh

[gits]

hi ...

welcome to TSDN ...

first: please use a meaningful title for your thread and use code-tags when posting source-code ... read the posting guidelines

second: to your problem ... you could use the getElementsByTagName()-method but you should know, that this function returns a node-list (list of elements with the specified tagname) ... so you have to refer to the element with the correct index in the retrieved list. assuming you only have one textarea in your page you could use the following statement:

document.getElementsByTagName('textarea')[0].style.cursor = 'hand';
 

kind regards

[dineshkumarsr]

Thanks for replying to my issue. As per your suggestion, I have tried this but not working, can think for better solution.

function changeLink()
{
var arealen=document.getElementsByTagName('area');
for(i=0;i<arealen.length;i++)
{
document.getElementsByTagName('area')[i].style.cursor = 'hand';
}
}
 

cheers,
dinesh

[gits]

Thanks for replying to my issue. As per your suggestion, I have tried this but not working, can think for better solution.

function changeLink()
{
var arealen=document.getElementsByTagName('area');
for(i=0;i<arealen.length;i++)
{
document.getElementsByTagName('area')[i].style.cursor = 'hand';
}
}
 

cheers,
dinesh

does that work? the tagName should be textarea ... isn't it? and it is a better idea to store the reference once you have retrieved the nodelist ... since all dom-methods are expensive in terms of runtime-performance ... so avoid it when possible:

function changeLink() {
    var areas = document.getElementsByTagName('textarea');
    var arealen = areas.length;
 
    for (i = 0; i < arealen; i++) {
        areas[i].style.cursor = 'hand';
    }
}

kind regards

ps: in FF & mac i just tested the 'hand' cursor that didn't work while the 'pointer' cursor did :)

[jerone]

I'm having the same issue today.
The topicstarter does mean area (used for image maps).

areas = document.getElementsByTagName('area');
for(var a=0;a<areas.length; a++){
    areas[a].style.cursor = "help";
}

I've tested it in FF and it works, but it doesn't work in Opera and IE.
Anyone got another solution.

gr J

[pronerd]

It is a better convention in JavaScript to use single quotes in JavaScript that double. How many area tags do you have in your page? Can you post the code from the page?