QuestionAsk Questions?
michael james
Hey I am trying to make my screen flash (like a white flash as if from a camera). This is my code so far:
<html>
<head>
<title>
Temporary Template
</title>
<style type="text/css">
td
{
text-align:center;
}
tr.row
{
background-color:#000;
color:#FFFFFF;
}
th.forum:hover
{
/*vertical-align:bottom;
text-align:right;*/
background-image:url(Forum.jpg);
color:black;
}
th.home:hover
{
background-image:url(home3.jpg);
}
th:onClick
{
}
th:hover
{
background-color:grey;
}
th
{
width:33%;
height:50%;
}
/*.cell5
{
background-color:white
-webkit-transition-property:all;
-webkit-transition-delay:1s;
-webkit-transition-duration:.25s;
}*/
</style>
<script type="text/javascript">
function showIt9()
{document.getElementById('calshow').src="CL9.jpg";
document.getElementById('calshow').style.display='block';}
function hideIt9()
{document.getElementById('calshow').style.display='none';}
function showIt8()
{document.getElementById('logshow').src="CL8.jpg";
document.getElementById('logshow').style.display='block';}
function hideIt8()
{document.getElementById('logshow').style.display='none';}
function showIt7()
{document.getElementById('regshow').src="CL7.jpg";
document.getElementById('regshow').style.display='block';}
function hideIt7()
{document.getElementById('regshow').style.display='none';}
function showIt3()
{document.getElementById('galshow').src="CL3.jpg";
document.getElementById('galshow').style.display='block';}
function hideIt3()
{document.getElementById('galshow').style.display='none';}
function showIt2()
{document.getElementById('forshow').src="CL2.jpg";
document.getElementById('forshow').style.display='block';}
function hideIt2()
{document.getElementById('forshow').style.display='none';}
function showIt1()
{document.getElementById('homshow').src="CL1.jpg";
document.getElementById('homshow').style.display='block';}
function hideIt1()
{document.getElementById('homshow').style.display='none';}
function playSound(soundfile) {
document.getElementById("dummy").innerHTML=
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>
</head>
<body>
<span id="dummy"></span>
<table id="all" border = "0" cellspacing = "0" cellpadding = "0" width = 100% height = 100%>
<tr>
<td height = 30%> <img align="right" border="" src="" id="homshow" style="display:none" width="190" height="200" /> </td>
<td> <center> <img border="" src="" id="forshow" style="display:none" width="140" height="190" /> </center> </td>
<td> <img border="" src="" id="galshow" style="display:none" width="190" height="200" /> </td>
</tr>
<tr>
<td width = 25% height = 40%> </td>
<td class = "cell5" width = 50%>
<table border="0" cellspacing = "1" align = center width = "100%" height = "100%">
<tr class = "row">
<th class="home" align="center" onMouseOver="showIt1()" onMouseOut="hideIt1()"> <a href="#" onClick="playSound('shutter.wav');"> HOME </a> </th>
<th class="forum" align="center" onMouseOver="showIt2()" onMouseOut="hideIt2()"> <a href="#" onClick="playSound('shutter.wav');"> FORUMS </a> </th>
<th class="gallery" align="center" onMouseOver="showIt3()" onMouseOut="hideIt3()"> <a href="#" onClick="playSound('shutter.wav');"> GALLERY </a> </th>
</tr>
<tr class = "row">
<th class="register" align="center" onMouseOver="showIt7()" onMouseOut="hideIt7()"> <a href="#" onClick="playSound('shutter.wav');"> REGISTER </a> </th>
<th class="login" align="center" onMouseOver="showIt8()" onMouseOut="hideIt8()"> <a href="#" onClick="playSound('shutter.wav');"> LOG - IN </a> </th>
<th class="calendar" align="center" onMouseOver="showIt9()" onMouseOut="hideIt9()"> <a href="#" onClick="playSound('shutter.wav');"> CALENDAR </a> </th>
</tr>
</table>
</td>
<td width = 25%> </td>
</tr>
<tr>
<td height = 30%> <img align="right" border="" src="" id="regshow" style="display:none" width="190" height="200" /> </td>
<td> <center> <img border="" src="" id="logshow" style="display:none" width="140" height="190" /> </center> </td>
<td> <img border="" src="" id="calshow" style="display:none" width="190" height="200" /> </td>
</tr>
</table>
</body>
</html>
So what I want is that I want the screen to flash white when a link is clicked. Thanks.
View Answers
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
