dynamically add content

tomeshjain

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>

  <title></title>

  <script >

    function fun1()

    {

    document.body.innerHTML= "<input type=button value=clickme1 onclick='fun2()'>";

    var code=document.head.script.innerHTML;

    code+="function fun2() {document.write('hello'); } ";

    document.head.body.script.innerHTML=code;

    }

</script >

</head>

<body  id="codes">

    <input type=button value=clickme onclick="fun1()" />
 
</body>
 
</html>

i want to add a function directly in to the page ...how can it be done
this above progam is not working ...plz help

Dormilich

first of all, validate your HTML (http://validator.w3.org)

further, this code seems terribly outdated (so you might read a Javascript tutorial to get up to date)

and I don’t understand what the code should do… you try to copy code around when you’re probably better off just executing the function.

PS. please don’t hijack someone other’s thread if you have an unrelated question, just open a new thread.

and… welcome at bytes.com

acoder

If you want to add JavaScript code to the head, try something like this:

Expand|Select|Wrap|Line Numbers

 var script = document.createElement("script");

var text = document.createTextNode("code here");

script.appendChild(text);

document.getElementsByTagName("head")[0].appendChild(script);

Dormilich

Quote:

Originally Posted by tomeshjain

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <title></title>

  <script > // missing type attribute

    function fun1()

    {

    document.body.innerHTML= "<input type=button value=clickme1 onclick='fun2()'>";

    var code=document.head.script.innerHTML;

    code+="function fun2() {document.write('hello'); } ";

    document.head.body.script.innerHTML=code; // ?????

    }

</script >

</head>

<body  id="codes">

    <input type=button value=clickme onclick="fun1()" />

</body>

</html>

the bold marked XHTML code will cause an error. the bold marked javascript code is just wrong.
you should also write your Javascript code in a CDATA section, otherwise an error will be thrown on every &, < and >.

acoder

Quote:

Originally Posted by Dormilich

you should also write your Javascript code in a CDATA section, otherwise an error will be thrown on every &, < and >.

True, or put it in a file and include it.

dynamically add content

re: dynamically add content

re: dynamically add content

re: dynamically add content

re: dynamically add content

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about