tl  tr
  Home | Tutorials | Articles | Videos | Products | Tools | Search
Interviews | Open Source | Tag Cloud | Follow Us | Bookmark | Contact   
 Java Script > Basic > Escape Button

Escape Button 

This example shows a button which escapes when you try to click it.

File Name  :  
source/JAVASCRIPT/basic/EscapeButton.html 
Author  :  Sudhakar KV
Email  :  kvenkatasudhakar@gmail.com
view sourceprint?
01<html>
02 
03<head>
04    <title>Escape Button</title>
05</head>
06 
07<script language="javascript" src="EscapeButton.js">
08</script>
09 
10<body>
11    <input type="button" name="escape" value="Click Me" onmouseover="fun()">
12</body>
13</html>


File Name  :  
source/JAVASCRIPT/basic/EscapeButton.js 
Author  :  Sudhakar KV
Email  :  kvenkatasudhakar@gmail.com
view sourceprint?
01function fun()
02{
03   
04  var i=Math.random()*25;
05  var j=Math.random()*40;
06    
07  var str;      
08  var k=0;
09   
10  str="<html><head><title>Escape Button</title><script language='javascript' src='EscapeButton.js'></script></head>";
11  str+="<body>";
12 
13  //height 
14  for(k=0;k<i;k++) {
15      str=str+"<br>";
16  }
17 
18  //width      
19  str+="<table><tr>";
20         
21  for(k=0;k<i;k++) {
22      str=str+"<td>  </td>";
23  }      
24       
25  str+="<td><input type='button' name='escape' value='Click Me' onmouseover='fun()'></td>";
26  str+="</tr></table>";
27  str+="</body></html>";
28        
29  document.close();
30  document.open(); 
31  document.write(str);
32   
33}



 
  


  
bl  br