Image always on the middle of the page

@James_GatkaApr 12.2006 — #

[CODE]<html>
 <head>
 <script type="text/javascript">
 
  var useWidth = "200";  // this is the width of the image;
  var useHeight = "160";  // this is its height;
  var useFloat = ""; 
  var xV = 0;
  var xL = 0;
 
  function stayHome(){
 
   var nV = 0;
   var nL = 0;
   if(!document.body.scrollTop)
   {
   nV = document.documentElement.scrollTop;
   nL = document.documentElement.scrollLeft;
   }
   else	{
   nV = document.body.scrollTop;
   nL = document.body.scrollLeft;
   }
   if (nV == 0){window.scrollBy(0,1)}
   useFloat.style.top = nV+xV+"px";
   useFloat.style.left = nL+xL+"px";
   setTimeout("stayHome()",50);
  }
 
  function init(){
 
   document.getElementById('isFloat').style.width = useWidth;
   useFloat = document.getElementById('isFloat');
   useFloat.style.left = ((screen.width-30)/2)-(useWidth/2)+"px"; 
   if(!document.body.scrollTop)
   {useFloat.style.top = (document.documentElement.clientHeight/2)-(useHeight/2)+"px"}
   if (useFloat.style.top == "" || parseInt(useFloat.style.top) < 0 || parseInt(useFloat.style.top) > 400)
   {useFloat.style.top = (document.body.clientHeight/2)-(useHeight/2)+"px"}
   xV = useFloat.offsetTop;
   xL = useFloat.offsetLeft;
   stayHome();
 
  }
 
  onload=init;
 
 </script>
 </head>
 <body>
 <table height='1300' width='1000'>
 <tbody>
 <td>
 
 <div id='isFloat' style='position:absolute;overflow:hidden;height:auto;border:solid black 1px;font-size:14pt;background-color:lightyellow;color:darkblue;text-align:center'>
 <div style='padding:3px'><img src='images/floatingImg.jpg'></div>
 
 </div>
 </td>
 </tbody>
 </table>
 </body>
 </html>[/CODE]

@amrigoauthorApr 12.2006 — #Thank´s ! can i put the image inside a cell table? it does not impact on the script ?

Best regards

@amrigoauthorApr 12.2006 — #i have a form named frm how can i put the image inside a table cell inside this form and the script works?

@James_GatkaApr 12.2006 — #Just put all this:

[CODE]<div id='isFloat' style='position:absolute;overflow:hidden;height:auto;border:solid black 1px;font-size:14pt;background-color:lightyellow;color:darkblue;text-align:center'>
 <div style='padding:3px'><img src='images/floatingImg.jpg'></div>
 
 </div>[/CODE]

in the table cell.

Image always on the middle of the page

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Image always on the middle of the page

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴