createElement('a') and mouseover

#1

Hi
I'm trying to do something like this.

for(i=0; i<5; i++){
var theData = document.createElement('a');
theData.onmouseover = function() { return get(i);}
...
...
}

But it won't work, because all the get(i) is get(4)...
I know why this happens, but I don't know how to solve it...

anybody have an idea?

#2

Kim wrote on 28 sep 2005 in comp.lang.javascript:

Quote:

Hi
I'm trying to do something like this.

for(i=0; i<5; i++){
var theData = document.createElement('a');
theData.onmouseover = function() { return get(i);}
...
...
}

But it won't work, because all the get(i) is get(4)...
I know why this happens, but I don't know how to solve it...

anybody have an idea?

Elementary my dear Kim.

var theData = document.createElement('a');
// take this non changing line outside the for-loop

for(i=0; i<5; i++){
theData.onmouseover = function() { return get(i);}
}

theData.onmouseover will be reassigned to eachtine another function,
and only the last one is current after the for-loop.

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

#3

Quote:

for(i=0; i<5; i++){
var theData = document.createElement('a');
theData.onmouseover = function() { return get(i);}
...
}

Elementary my dear Kim.
var theData = document.createElement('a');
// take this non changing line outside the for-loop
for(i=0; i<5; i++){
theData.onmouseover = function() { return get(i);}
}
Evertjan.

I'm pretty sure the OP wants to generate 5 links. Your suggestion only
generates 1 link and then assigns 5 functions to it, each overwriting
the last.

Would this work?:
for(i=0; i<5; i++){
var theData = document.createElement('a');
theData.onmouseover = new Function("return " + i + ";");
....
}

#4

Jambalaya wrote on 28 sep 2005 in comp.lang.javascript:

Quote:

I'm pretty sure the OP wants to generate 5 links. Your suggestion only
generates 1 link and then assigns 5 functions to it, each overwriting
the last.

Would this work?:
for(i=0; i<5; i++){
var theData = document.createElement('a');
theData.onmouseover = new Function("return " + i + ";");
...
}

Well yes, but returning a value to a <a> mouseover is not doing anything.

Try this [ie6 tested]:

==========
<body>

<script type='text/javascript'>

for(i=0; i<5; i++){
myLink = document.createElement("a");
myLink.href = "http://www.cnn.com/";
myLink.innerHTML='CNN: '+i+'<br>'
myLink.onmouseover = new Function("alert('number: "+i+"');");
document.body.appendChild(myLink);
}

</script>
==========

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

#5

Kim a écrit :

Quote:

Hi
I'm trying to do something like this.

for(i=0; i<5; i++){
var theData = document.createElement('a');
theData.onmouseover = function() { return get(i);}
...
...
}

But it won't work, because all the get(i) is get(4)...
I know why this happens, but I don't know how to solve it...

theData.onmouseover = 'return get('+i+');';

--
Stephane Moriaux et son [moins] vieux Mac

#6

Thanks that worked...
...for IE6, but not firefox
so..next question... can it be done in firefox?

"Evertjan." <exjxw.hannivoort (AT) interxnl (DOT) net> skrev i en meddelelse
news:Xns96DFE04B047B7eejj99 (AT) 194 (DOT) 109.133.242...

Quote:

Jambalaya wrote on 28 sep 2005 in comp.lang.javascript:

I'm pretty sure the OP wants to generate 5 links. Your suggestion only
generates 1 link and then assigns 5 functions to it, each overwriting
the last.

Would this work?:
for(i=0; i<5; i++){
var theData = document.createElement('a');
theData.onmouseover = new Function("return " + i + ";");
...
}

Well yes, but returning a value to a <a> mouseover is not doing anything.

Try this [ie6 tested]:

==========
body

script type='text/javascript'

for(i=0; i<5; i++){
myLink = document.createElement("a");
myLink.href = "http://www.cnn.com/";
myLink.innerHTML='CNN: '+i+'<br>'
myLink.onmouseover = new Function("alert('number: "+i+"');");
document.body.appendChild(myLink);
}

/script
==========

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

#7

Kim wrote on 29 sep 2005 in comp.lang.javascript:

Quote:

"Evertjan." <exjxw.hannivoort (AT) interxnl (DOT) net> skrev i en meddelelse
news:Xns96DFE04B047B7eejj99 (AT) 194 (DOT) 109.133.242...
Try this [ie6 tested]:

==========
body

script type='text/javascript'

for(i=0; i<5; i++){
myLink = document.createElement("a");
myLink.href = "http://www.cnn.com/";
myLink.innerHTML='CNN: '+i+'<br>'
myLink.onmouseover = new Function("alert('number: "+i+"');");
document.body.appendChild(myLink);
}

/script
==========

[please do not toppost on usenet, Kim]

Quote:

Thanks that worked...
..for IE6, but not firefox
so..next question... can it be done in firefox?

You answered it yourself, it seems, I did not test that.

I am not "into" firefox,
perhaps the innerHTML needs to be exchanged for a DOM method?

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

#8

"Kim" <No (AT) thanks (DOT) com> wrote

Quote:

Thanks that worked...
..for IE6, but not firefox
so..next question... can it be done in firefox?

"Evertjan." <exjxw.hannivoort (AT) interxnl (DOT) net> skrev i en meddelelse
news:Xns96DFE04B047B7eejj99 (AT) 194 (DOT) 109.133.242...
Jambalaya wrote on 28 sep 2005 in comp.lang.javascript:

I'm pretty sure the OP wants to generate 5 links. Your suggestion only
generates 1 link and then assigns 5 functions to it, each overwriting
the last.

Would this work?:
for(i=0; i<5; i++){
var theData = document.createElement('a');
theData.onmouseover = new Function("return " + i + ";");
...
}

Well yes, but returning a value to a <a> mouseover is not doing
anything.

Try this [ie6 tested]:

==========
body

script type='text/javascript'

for(i=0; i<5; i++){
myLink = document.createElement("a");
myLink.href = "http://www.cnn.com/";
myLink.innerHTML='CNN: '+i+'<br>'
myLink.onmouseover = new Function("alert('number: "+i+"');");
document.body.appendChild(myLink);
}

/script

Try:

function createHREF(text,href)
{
var a = document.createElement("A")
document.body.appendChild(a)
var t = document.createTextNode()
t.data = text
a.href = href
a.onmouseover = gotoHREF
a.appendChild(t)
a.appendChild(document.createElement("BR"))
return a
}

function gotoHREF()
{
window.open(this.href) // Opens a new window.
//window.location = this.href
//Above opens in same window.
}

var hrefs = [ ["Yahoo","http://www.yahoo.co.uk"],
["Hotmail","http://www.hotmail.co.uk"] ]

for( var i = 0 ; i < hrefs.length ; i++ )
createHREF(hrefs[i][0],hrefs[i][1])

*************************************

I'm assuming that you're trying to get a mouseover event to change the URL
of the page. You didn't say.

--
Wayne
"Aka Dobbie the House Elf."

#9

["Followup-To:" header set to alt.comp.lang.javascript.]
On 2005-09-28, Kim <No (AT) thanks (DOT) com> wrote:

Quote:

Hi

I'm trying to do something like this.

for(i=0; i<5; i++){
var theData = document.createElement('a');
theData.onmouseover = function() { return get(i);}
...
...
}

But it won't work, because all the get(i) is get(4)...
I know why this happens, but I don't know how to solve it...

what do you want it to do?

Bye.
Jasen

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

createElement('a') and mouseover

JavaScript discussion (multi-lingual) JavaScript discussion (alt.comp.lang.javascript)

createElement('a') and mouseover - 09-28-2005 , 12:20 PM

Re: createElement('a') and mouseover - 09-28-2005 , 12:28 PM

Re: createElement('a') and mouseover - 09-28-2005 , 01:54 PM

Re: createElement('a') and mouseover - 09-28-2005 , 03:02 PM

Re: createElement('a') and mouseover - 09-28-2005 , 03:47 PM

Re: createElement('a') and mouseover - 09-28-2005 , 06:15 PM

Re: createElement('a') and mouseover - 09-29-2005 , 02:56 AM

Re: createElement('a') and mouseover - 09-29-2005 , 05:11 AM

Re: createElement('a') and mouseover - 10-15-2005 , 04:50 PM