onclick

eddie · Nov 14, 2006

Any idea why this simple alert does not work? took this straight out of
someone elses answer to my last question ...

<html>

<head>
<title>Test</title>
<style type="text/css">
#push {
position:absolute;
background:#000;
top:50px;
width: 100px;
height: 100px;
left:100px;"
</style>
</head>

<body>

<div id="push" onclick="new Function('alert(this);')">
 
</div>

</body>

</html>

Martin Honnen · Nov 14, 2006

eddie said:
Any idea why this simple alert does not work?

<div id="push" onclick="new Function('alert(this);')">

A simple alert would be
<div id="push" onclick="alert(this);">

What you have simply creates a new function with the Function
constructor. The body of the function has an alert call but the function
is nowhere called.

Richard Cornford · Nov 14, 2006

eddie said:
Any idea why this simple alert does not work?

It does 'work', it just doesn't do what you want it to do. But as you
are not letting on what that is you will get no closer to doing it
here.

took this straight
out of someone elses answer to my last question ...

So this had an author who you could have replied to in order to get an
answer directly?

<div id="push" onclick="new Function('alert(this);')">

<snip>

The string value of an intrinsic event attribute in HTML is used by the
browser to create a function object (as the body source code for the
function). The function object is then assigned to a property of the
DOM element that corresponds with the element in which the attribute
was declared, and executed as a method of that element when the
pertinent event happens.

This process applied to your mark-up above is approximately equivalent
of scripting:-

referenceToDivElement.onlclick = function(event){
new Function('alert(this);');
};

- that is, the onclick handler assigned to the DIV element acts by
creating a new function object and then doing nothing with that object.
Any browser you test this with almost certainly is working exactly as
programmed, but the process programmed has no visible manifestation.

Richard.

Please Help?	0	Jul 23, 2022
I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
Is it possible an iframe can overlapp another?	3	Apr 20, 2022
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Help with code	0	Jun 12, 2022
problem assigning function to <div>.onclick	4	Apr 21, 2011
Stuck with html and css	25	Dec 14, 2022
Aligned to the left	3	Apr 19, 2023

onclick

eddie

Martin Honnen

Richard Cornford

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads