iampring.blogspot.com ckpring.skyrock.com
About Me
- April Salinas
- I am a college student and is taking up Bachelor of Science in Information Technology . I am with my family . I love my family , we leave a simple life . I lost my father when I was just a kid . But i am very lucky to have my stepfather . He treated us as his own . I also love my mother eventhough she has a noisy mouth . :) I have a KONTRABIDA FOREVER SISTER . Blissy and KILL JOY FOREVER SISTER . Dada . I hope i can help them someday :)
Tuesday, August 10, 2010
Celebrating the opening of RAMADAN
This morning , i wake up this early to study my lessons because I’m
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 :)
I just can’t get him OUT of my Head !
Every time I wake up, I think about him.
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.
Sunday, August 8, 2010
Events Handler Codes
<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
Adding and Removing Nodes
<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
Layers in DHTML (Controlling Layers Codes)
<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
Changing BackGround Color in DHTML
<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>
<option onClick="bgchanger('violet');" onMouseOver="appear('<h1>VIOLET</h1>');">VIOLET</option>
</select>
</body>
</html>