iampring.blogspot.com ckpring.skyrock.com
going to have my laboratory examination this morning.
Last night, we went to our Mosque and did the praying,
we are late during Maghrib. Then, at 7pm, we prayed the Aysha
and the Tarrawi. We did that for the opening of the Ramadan, the Maghrib
and the Aysha are usually done but the Tarrawi is only done
during the month of Ramadan. This is a sacrifice for our God : ALLAH.
Yes I know I am that sinful but I want to change, I just don’t know
how to start. I feel the guilt every time I enter the Mosque.
Well, I am know with my sister Blissy, cousin Jake, and Ging-ging.
They are doing the fasting. I want to do it too but i just can’t because
I know I have a lot to do later.
May GOD bless us :)
Whenever I feel sad, I just think about him ‘til
the sad feeling is gone.
He is always there to cheer me up.
Even though I have a lot of things to do, I still have
him in my head. I don’t know why I keep on thinking about him.
I easily miss him, I hate it but in contrary, I love it.
I don’t know if I still can do it.
I must not see him for a month because
it is in the fact that we are not allowed to.
I miss him already.
<html>
<head><title>Event Handlers Example</title>
<script language="JavaScript">
function DisplayEvent(e){
span = document.getElementById("adhere");
logentry = e.type;
if(e.type=="keypress"){
if(e.keycode)
keycode = e.keyCode;
else
keycode = e.which;
key = String.formCharCode(keycode);
logentry += "key "+key;
}
if(e.type=="mousedown" || e.type=="mouseup" || e.type=="click"){
if(e.button)
button = e.button;
else
button = e.which;
logentry +="button "+button;
}
txt = document.createTextNode(logentry);
span.appendChild(txt);
span.appendChild(document.createElement("BR"));
}
</script></head>
<body onPress="DisplayEvent(event)">
<h1>Event Handlers Example</h1>
<p>Move the mouse in and out of the heading below, or click on it. the events that occur will be listed below.</p>
<h1 style="color:blue" align="center" onMouseOver="DisplayEvent(event)" onMouseOut="DisplayEvent(event)"
onClick="DisplayEvent(event)" onMouseUp="DisplayEvent(event)" onMouseDown="DisplayEvent(event)">
Generate events here </h1>
<b>Event Log:</b><hr><br>
<span ID="adhere"></span>
</body>
</html>
OUTPUT
<html>
<title>Adding and Removing nodes</title>
<script language="JavaScript">
function AddNode(tag){
if(!document.getElementById)
return;
element= document.createElement(tag);
if(tag!='HR'){
txt= document.form1.newtext.value;
element.innerHTML = txt;
}
s= document.getElementById("adhere");
s.appendChild(element);
}
function DeleteNode(){
if(!document.getElementById)
return;
s= document.getElementById("adhere");
s.removeChild(s.lastChild);
}
</script>
</head>
<body>
<h1>Adding and Removing Nodes</h1>
<p>Enter some text and use the buttons below to add or remove nodes from this page's DOM hierarchy</p>
<span ID ="adhere"></span>
<form name="form1" ID="form1">
<input type="text" name="newtext" size="70"><br>
<input type="button" value="Add Paragraph" onClick="AddNode('P');">
<input type="button" value="Add Heading" onClick="AddNode('H3');">
<input type="button" value="Add Line" onClick="AddNode('HR');">
<input type="button" value="Deleteanode" onClick="DeleteNode();">
</form>
</body>
</html>
OUTPUT
<html>
<head>
<title>Layers in DHTML</title>
<script language="JavaScript">
function move(x,y,z){
if(!document.getElementById)
return;
for(i=0;i<4;i++){
if(document.form1.what[i].checked)
tomove = document.form1.what[i].value;
}
obj =document.getElementById(tomove);
obj.style.left = parseInt(obj.style.left)+x;
obj.style.top = parseInt(obj.style.top)+y;
obj.style.zIndex= parseInt(obj.style.zIndex)+z;
}
</script>
</head>
<body>
<h1 ID="heading" STYLE="position:absolute;left:20;top:5">
Controlling Layers with DHTML
</h1>
<div ID="layer1" STYLE="position:absolute;left:20;top:5;width:250;height:150;background-color:yellow">
<h1>First Layer</h1>
This is the first Layer started out on the left side of the page.
</div>
<div ID="layer2" STYLE="position:absolute;left:200;top:50;width:250;height:150;background-color:aqua">
<h1>Second Layer</h1>
This is the Second Layer. It started out on the right side of the page.
</div>
<div ID="control" STYLE="position:absolute;left:20;top:210;width:350;height:255;background-color:violet">
<h1>Control Panel</h1>
<form name="form1">
Use this comntrols to move the layers and other elements on the page.
<br>
<input type="radio" name="what" value="layer1">Layer 1
<input type="radio" name="what" value="layer2">Layer 2
<input type="radio" name="what" value="heading">Heading
<input type="radio" name="what" value="control">This Panel
<br>
<table align="center">
<tr>
<td colspan="2" align="center">
<input type="button" name="up" value="Up" onClick="move(0,-30,0);">
</td>
</tr>
<tr>
<td align="left">
<input type="button" name="left" value="Left" onClick="move(-30,0,0);">
</td>
<td align="right">
<input type="button" name="right" value="Right" onClick="move(30,0,0);">
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" name="down" value="Down" onClick="move(0,30,0);">
</td>
</tr>
</form>
</div>
</table>
</body>
</html>
OUTPUT
<html>
<head>
<script language="JavaScript">
function bgchanger(color){
document.getElementById('cchanger').style.background=color;
window.alert(color);
}
function appear(text){
if(!document.getElementById)
return;
box = document.getElementById('ap');
box.innerHTML = text;
}
</script>
</head>
<body bgcolor="pink" ID="cchanger">
<center>
<br>
<br>
<br>
<br>
<table>
<tr>
<td ID="ap" align="center"><h1>Choose Background Color</h1></td>
</tr>
</table>
<br>
<select name="bg">
<option onMouseOver="appear('<h1>CHOOSE YOUR BACKGROUND COLOR</h1>');">Choose BackGround Color </option>
<option onClick="bgchanger('red');" onMouseOver="appear('<h1>RED</h1>');">RED</option>
<option onClick="bgchanger('orange');" onMouseOver="appear('<h1>ORANGE</h1>');">ORANGE</option>
<option onClick="bgchanger('yellow');" onMouseOver="appear('<h1>YELLOW</h1>');">YELLOW</option>
<option onClick="bgchanger('green');" onMouseOver="appear('<h1>GREEN</h1>');">GREEN</option>
<option onClick="bgchanger('blue');" onMouseOver="appear('<h1>BLUE</h1>');">BLUE</option>
<option onClick="bgchanger('indigo');" onMouseOver="appear('<h1>INDIGO</h1>');">INDIGO</option>
.jpg)
<option onClick="bgchanger('violet');" onMouseOver="appear('<h1>VIOLET</h1>');">VIOLET</option>
</select>
</body>
</html>
