HTML and CSS

getting layermovement in netscape

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jan 2007

Posts: 27

Reputation: flageolet is an unknown quantity at this point

Solved Threads: 0

flageolet

Offline

Light Poster

getting layermovement in netscape

Apr 5th, 2007

Hi:

I want to get some movement into some words. The only things I want to change are the layervisibility and the layerposition.

This code below works fine in IE and Opera, but doesn't do anything in Netscape 8 (except when watching in IE view).

How come: thx

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
 
<html>
<head>
<!--verschuiven tekst-->
<SCRIPT>
function move()
{
  var j = document.getElementById('tekst').style;
  var d = document.getElementById('tekst2').style;
  var a = document.getElementById('tekst3').style;
  if ( j.pixelLeft < 212 ) {j.pixelLeft +=4; d.pixelLeft -=2;}
  if ( j.pixelLeft == 40 ) d.visibility = "visible";
  if ( j.pixelLeft == 68 ) j.visibility = "visible";
  if ( j.pixelLeft == 212 ) {a.visibility = "visible"; clearInterval(intervalvar);}
}
</SCRIPT>
</head>
<body ONLOAD="intervalvar = setInterval('move()',20)"  >
<div id="tekst3" style="position: absolute; top: 50px; left: 264px; visibility: hidden;">
 Art
</div>
<div id="tekst" style="position: absolute; top: 50px; left: 0px; visibility: hidden;">
Jacobus 
</div>
<div id="tekst2" style="position: absolute; top: 50px; left: 270px; visibility: hidden;">
Dustin  
</div>
</body>
</html>
 
<html>
<head>
<!--verschuiven tekst-->
<SCRIPT>
function move()
{
  var j = document.getElementById('tekst').style;
  var d = document.getElementById('tekst2').style;
  var a = document.getElementById('tekst3').style;
  if ( j.pixelLeft < 212 ) {j.pixelLeft +=4; d.pixelLeft -=2;}
  if ( j.pixelLeft == 40 ) d.visibility = "visible";
  if ( j.pixelLeft == 68 ) j.visibility = "visible";
  if ( j.pixelLeft == 212 ) {a.visibility = "visible"; clearInterval(intervalvar);}
}
</SCRIPT>
</head>
<body ONLOAD="intervalvar = setInterval('move()',20)"  >
<div id="tekst3" style="position: absolute; top: 50px; left: 264px; visibility: hidden;">
 Art
</div>
<div id="tekst" style="position: absolute; top: 50px; left: 0px; visibility: hidden;">
Jacobus 
</div>
<div id="tekst2" style="position: absolute; top: 50px; left: 270px; visibility: hidden;">
Dustin  
</div>
</body>
</html>