<html>
<head>
<script type="text/javascript">
var timer = null
function start(){
var time = new Date()
var hours = time.getHours()
var minutes = time.getMinutes()
minutes=((minutes < 10) ? "0" : "") + minutes
var seconds = time.getSeconds()
seconds=((seconds < 10) ? "0" : "") + seconds
var clock = hours + ":" + minutes + ":" + seconds
document.forms[0].display.value = clock
timer = setTimeout("start()",1000)
}
</script>
</head>
<body onload="start()">
<form>
<input type="text" name="display" size="20">
</form>
</body>
</html>
Wednesday, September 22, 2010
Friday, September 17, 2010
Change Image On Mouse Over With JavaScript
<script language="javascript" type="text/javascript">
function changeImgOver()
{
document.getElementById("facebook").src = "images/facebook_over.png";
}
function changeImgOut()
{
document.getElementById("facebook").src = "images/facebook_img.png";
}
</script>
/* Image code */
<div class="facebook_img" onmouseout="changeImgOut();" onmouseover="changeImgOver();"><a href="#"><img id="facebook" src="images/facebook_img.png" alt="facebook" border="0" /></a></div>
function changeImgOver()
{
document.getElementById("facebook").src = "images/facebook_over.png";
}
function changeImgOut()
{
document.getElementById("facebook").src = "images/facebook_img.png";
}
</script>
/* Image code */
<div class="facebook_img" onmouseout="changeImgOut();" onmouseover="changeImgOver();"><a href="#"><img id="facebook" src="images/facebook_img.png" alt="facebook" border="0" /></a></div>
Thursday, September 16, 2010
Image Opacity Change on mouse over Just like a javascript
<img src="images/1.jpg" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
Transparency Background with all browser Compatibility
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
JavaScript for Show & Hide Div...... Good Working
<script type="text/javascript">
function showHide(id)
{
if(document.getElementById(id).style.display == "block")
{
document.getElementById(id).style.display = "none";
}
else
{
document.getElementById(id).style.display = "block";
}
}
</script>
Put this code where you want to Show & Hide DIV.
<a href="#" onclick="showHide(1);">Portfolio</a>
<div style="display:none;" id="1" class="menu_in"></div
function showHide(id)
{
if(document.getElementById(id).style.display == "block")
{
document.getElementById(id).style.display = "none";
}
else
{
document.getElementById(id).style.display = "block";
}
}
</script>
Put this code where you want to Show & Hide DIV.
<a href="#" onclick="showHide(1);">Portfolio</a>
<div style="display:none;" id="1" class="menu_in"></div
Sunday, September 12, 2010
Javascript for textbox auto value Display
This code is used to display auto
value of the textbox when there is no text
entered in it.....
<input style="" name="text" size="45" value="Search"
onfocus="if(this.value=='Search')this.value='';
this.style.color='black';" onblur="if(this.value=='')
{ this.value = 'Search'; this.style.color='';}" type="text">
Include One HTML file to another HTML File
To Include one HTML file to another HTML page.. this code is very Hwlpful to include some same data of the design.... pls check it.. its really works.......
<IFRAME SRC="top_menu.html" WIDTH=950 HEIGHT="115" frameborder="0" scrolling="no">
</IFRAME>
<IFRAME SRC="top_menu.html" WIDTH=950 HEIGHT="115" frameborder="0" scrolling="no">
</IFRAME>
Subscribe to:
Posts (Atom)