javascript not executed from the innerHTML

Janooo · Dec 8, 2006

Hi,
I am trying to understand why this code does not work as expected.
FF shows the message twice; IE doesn't show the message at all.
What would be the right way to get the message displayed only once?
Please, help, thanks...
Jano

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script language="javascript">
function test_of_innerhtml(){
document.getElementById('n1').innerHTML='<strong
onmouseout="javascript:alert(\'Hi\');">hi in</strong>';
}
</script>
</head>
<body>
<div id='n1' onmouseover="javascript:test_of_innerhtml();">hi</div>
<br />
<a
href="javascript:alert(document.getElementById('n1').innerHTML);">Show
innerHTML</a>
</body>
</html>

ASM · Dec 8, 2006

Janooo a écrit :

Hi,
I am trying to understand why this code does not work as expected.
FF shows the message twice; IE doesn't show the message at all.
What would be the right way to get the message displayed only once?
Please, help, thanks...

http://stephane.moriaux.perso.wanadoo.fr/truc/innerHTML_danger

Try this and probably will you see what happens :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<style type="text/css">
div, strong { border:1px solid red; padding: 2px 8px; }
</style><head>
<title>Untitled Page</title>
<script language="javascript">
var i = j = 0;
function test_of_innerhtml(){
document.getElementById('n1').innerHTML='<strong
onmouseout="javascript:alert(\'Hi_\'+i);i++">hi in '+j+'<\/strong>';
j++;
}
</script>
</head>
<body>
<div id='n1' onmouseover="javascript:test_of_innerhtml();">hello</div>
<br />
<a
href="javascript:alert(document.getElementById('n1').innerHTML);">Show
innerHTML</a>
</body>
</html>

When mouse leaves tag strong it leaves too the div reinserting a new
strong leaved as soon as created (2 tags strong in one).
To avoid double alert, probably with a counter could it be possible ?

How do I hide the modal after 5 seconds?	4	Jun 1, 2023
innerHTML with AJAX problem	12	May 9, 2008
What "might" I be doing wrong with this snippet?	6	Sep 25, 2023
Safari, innerHTML and XHTML	4	Nov 11, 2007
JavaScript code not working!!	6	Jun 13, 2023
How do I output this recursive function correctly to a web browser?	2	Dec 17, 2022
How to save JSON Data to a file using fetch() api?	2	Apr 28, 2022
Only one table shows up with the information	2	Mar 29, 2023

javascript not executed from the innerHTML

Janooo

ASM

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads