Prototype:Event observe based on innerHTML

[rhinodog8]

Ok so I can get the effect by doing

$('navbar').childElements().each(function(a){
a.setAttribute('onclick', a.innerHTML+'HTML()')})

but I don't what to cluder the generated HTML

What I want to do is this

$('navbar').childElements().each(function(a){a.observe('click', a.innerHTML+'HTML()')})

any suggestions?

[ohgod]

are you just looking for a way to register an event handler?

http://www.prototypejs.org/api/event/observe

[rhinodog8]

no I'm trying to pass a string into a event handler and the string to run as a function

[ohgod]

oh my... i see what you're trying to do now.......

http://www.prototypejs.org/api/element/observe

check that syntax, this is probably one of those instances where you need to wrap your action in a function like in the example.

so a.innerHTML+'HTML()' might need to be in a function.

all that said...... wouldn't it be easier to build one function, and just pass the link specific info as an argument?

[rhinodog8]

Originally Posted by ohgod

oh my... i see what you're trying to do now.......

http://www.prototypejs.org/api/element/observe

check that syntax, this is probably one of those instances where you need to wrap your action in a function like in the example.

so a.innerHTML+'HTML()' might need to be in a function.

I've tried that..doesn't work I think it just complies the string.

Originally Posted by ohgod

all that said...... wouldn't it be easier to build one function, and just pass the link specific info as an argument?

I don't understand exactly.. what your saying, but it sounds better than what I'm doing. Could you give me a simple example? I really want to know.

[ohgod]

um, let's see...

$('navbar').childElements().each(function(a){
				a.observe('click', function(){
						HTML(a.innerHTML);
							})
				})

calling

function HTML(what){
var clicked = what;
alert('You clicked '+clicked+'!');
}

i think that gets it..

[rhinodog8]

thanks ohgod for that, made my code cleaner, but still didn't solve the problem.

Actually I found out about eval() a native function method that does exactly what I was trying to do.

Heres my code if anyone was wondering:

PHP Code:

eval(a.innerHTM.strip()+'()') 


also you have to use strip() (from the prototype framework) because IE adds an extra space to innerHTML when called.

Update: I found a way to do this without using eval() which is supposably slow, unsecured, and frowned upon using, and not used in object oriented languages- So it's just good practice I guess.

Heres the code:

PHP Code:

c=html.strip();
myCode = c+'()';
myFucn = new Function(myCode); 


and then call

PHP Code:

myFunc() 


to run.

Note: Function is capitalized.

Whole second half taken from here.

[iphonegames]

lol. Check my new iphone games site for iphone and ipod touch when you have time!