HTML and CSS Reference
In-Depth Information
EXAMPLE
15.10 (
CONTINUED
)
10
divObj.appendChild(para)
;
//
Append a paragraph
//
Create nodes
11
var txt1=document.createTextNode("Posted by "+ name
+ " on ")
var txt2=document.createTextNode(date);
var txt3=document.createTextNode(message);
12
para.appendChild(txt1);
13
para.appendChild(txt2);
aBold.appendChild(aBR);
para.appendChild(aBold);
aBold.appendChild(txt3);
para.appendChild(aBold);
14
//
alert(document.getElementById("para"
+count).innerHTML)
;
}
15
}
//
End class
16
function addBlog()
{ *
Add a blog entry using the DOM
and get form data
*/
17
message
=document.getElementById("text").value;
bloggername
=document.getElementById("name").value;
18
var blog = new BlogEntry();
//
Create a new blog object
blog.setMessage(message);
// Call object's methods
blog.setBlogger(bloggername);
blog.setDate();
blog.showBlog();
}
</script>
</head>
<body>
<div align="center">
<img src="images/sunny.gif">
<img src="images/rain.gif">
<img src="images/partlycloudy.gif">
<img src="images/mostlycloudy.gif">
<img src="images/snow.gif">
</div>
<h2 align="center">MoodyWedderBlog</h2>
19
<div id="div1">
</div >
<br />
<div align="center">
<form method="post">
Enter your name (optional) <br />
<input type="text" id="name" />
<br /><br />
20
<
textarea id="text" name="text" rows="5" cols="40"
onfocus="this.value=''">
</textarea><br />
Continues
