HTML and CSS Reference
In-Depth Information
EXAMPLE
15.10
<html>
<head><title>Creating a Blog</title>
1
<style type="text/css">
body{ background-color:#7fffd4;}
div#div1{ background: white;
border-width:1px;
margin-left:20%;
margin-right:20%;
}
p { margin-left:1%;
font-family: arial;}
</style>
<script type="text/javascript">
2
function BlogEntry(){
//
Create a blog class
var date;
//
Properties
var message;
var name;
this.setDate=setDate; //
Methods
this.setBlogger=setBlogger;
this.setMessage=setMessage;
this.showBlog=showBlog;
3
function setDate(){
// Get the current date
var d=new Date();
var year=d.getFullYear();
var month=d.getMonth() + 1;
var day=d.getDate();
date=month + "/" + day + "/" + year;
}
4
function setBlogger(nameVal){
name=nameVal;
}
function setMessage(messageVal){
message=messageVal;
}
5
function showBlog()
{
//
Create HTML elements
6
var para = document.createElement("p");
var
count=document.getElementsByTagName("p").length
;
//
Get number of paragraphs
7
para.setAttribute("id","para" + count);
// Set id for P
// alert("There are " + count+ " paragraphs so far.");
8
var aBR = document.createElement("br");
var aBold = document.createElement("b");
9
var divObj = document.getElementById("div1");
//Get a reference to the div
