Member Avatar for karin42

Hi!

I am attempting to change the innerHTML code of a div and to run javascript code at that time. But I seem to be unable to do it. The actual workings of the whole thing are really convoluted but here is the general idea:

<html>
<head><title>JavaScript test</title>

<script type="text/javascript">

function changeit(iVar)
{
	var newinnerHTML = "";
	if (iVar == 1)
	{

	newinnerHTML = '<script language="JavaScript"> alert("test");</script>';		
							
	}
	else
	{
	newinnerHTML = "<a id='imagelink' name='imagelink' class='imagelink' target=_blank 

href='home.html'>Home</a>";	
	}
	document.getElementById('div1').innerHTML = newinnerHTML;
}
</script>

</head>
<body>


<body>
<div id="div1">


</div>
<form action="">
<input type="button" onClick="changeit(1);" value="change javascript" />
</form>



</body>
</html>

The end result is that I want to either show an image or play a .flv file depending upon the value of a variable. And it's all dynamic with the values coming from the database. (which is why it's too convoluted to post here)

So in a nutshell: I want to change the javascript on a page using javascript and have it run.

Any help would be greatly appreciated!

-Karin

  • 2 Contributors
  • 4 Replies
  • 199 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by karin42
Member Avatar for Graphix

>> line 26 and 29 - You only need one opening tag for a body.

~G

Member Avatar for karin42

Hi, thanks for the response. Please don't worry about the structure of this document that I posted, This is just an example of what I'm trying to do. The question is actually:

How do I change the javascript on a page using javascript and have it run.

Thanks!

-Karin

Member Avatar for Graphix

I tested out your code and it came to the conclusion that it can't work. Due to the fact that the browser has already read the javascript and sees the innerHTML as normal html and not a script that needs to be executed. Also the <script language="JavaScript"></script> interruptes the javascript. I tested it with the following version:

<html>
<head><title>JavaScript test</title>

<script type="text/javascript">
<!--
function changeit(iVar)
{
	var newinnerHTML = "";
	if (iVar == 1)
	{

	newinnerHTML = '<script type="text/javascript">alert("test");</script>';		
							
	}
	else
	{
	newinnerHTML = "<a id='imagelink' name='imagelink' class='imagelink' target='_blank' href='home.html'>Home</a>";	
	}
	document.getElementById('div1').innerHTML = newinnerHTML;
	alert(document.getElementById('div1').innerHTML);
}
//-->
</script>

</head>
<body>
<div id="div1">
<script type="text/javascript">alert("test");</script>
</div>
<form action="">
<input type="button" onClick="changeit(1);" value="change javascript" />
</form>
</body>
</html>

And it doesn't work. However, when you want to display an image, it does work.

~G

Member Avatar for karin42

Thank you Graphix, I figured out the same thing. It would've been cool to be able to reload just a bit of Javascript code but oh well.

I redesigned what I was doing so now the question is gone.

Thanks!

-Karin

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.