locke: Plattformunterschiede bei Scrollbefehlen auf Ebenen?

Beitrag lesen

hi,

Ein auf PC erstelltes Script zum Hoch-Runter-Scrollen eines Textes (Pfeil-Gifs auf Ebenen) funktioniert auf dem PC im IE und NN, auf Mac funktioniert es nicht auf IE und falsch auf NN.
welche fehlermeldungen bekommst du, und was heisst "funktioniert nicht"?

Wer kann mir helfen??
CSS zum beispiel, wenn du damit den container in dem dein text liegt, so formatierst, dass die standard-scrollleisten deines browser aktiviert werden.
vorteile:

  • eine dumme javascript-spielerei weniger
  • funktioniert auf mehr browsern
  • funktioniert auch ohne JS-unterstützung
  • der benutzer hat seine gewohnten bedienelemente
  • der benutzer kann exakter an eine position scrollen als mit deinem script-ersatz
    nachteile:
  • keine bekannt

gruss,
wahsaga

Danke für den Tip, leider habe ich keine Wahl, da ich für jemand was reparieren muß und das Design nicht verändert werden kann. Der mac zeigt keine Fehlermeldung, IE scrollt garnicht und NN zuckt etwas, als ob was mit dem Zählen nicht stimmt. Ich schicke mal das kleine Skript, vielleicht fällt Dir ja was dazu ein, auf jeden Fall Danke
<html>
<head>
<title>lockes</title>
<style type="text/css"><!--
.siebgrafik {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #CAD8E9}
-->
</style>
<script language="javascript">
<!--
nn4=(document.layers)?true:false;
ie4=(document.all)?true:false;
nn6=(document.getElementById && !document.all)?true:false;
var y=1;

function init()
{
 if(nn4)
 {
texta=document.text;
 }
 if(ie4)
 {
texta=text.style;
 }
 if(nn6)
 {
texta=document.getElementById("text").style;
 }
texta.ypos = parseInt(texta.top);
}

function bewege_um(y,ebene)
{
ebene.ypos+=y;
ebene.top=ebene.ypos;
}
function stop()
{
clearTimeout(id);
}
function scrollrunter()
 {
 if (texta.ypos<100)
 {
 bewege_um(1,texta)
 id=setTimeout("scrollrunter()",1);
 }
}
function scrollrauf()
 {
 if (texta.ypos>=-600)
 {
 bewege_um(-1,texta)
 id=setTimeout("scrollrauf()",1);
 }
}
//-->
</script>
</head>
<body onLoad="init()" bgcolor="#020D28">

<div align="right">
  <p>text</p>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
       <td width="10" valign="top" height="472">
        <div align="left">
          <p> </p>
          <div id="pfeilhoch" style="position:absolute; top:1; left:1; visibility: visible;">
          </div>
          <div id="pfeilrunter" style="position:absolute; top:1; left:1; visibility: visible;"></div>
         <p><a href="#" onMouseover="scrollrauf();" onMouseOut="stop();"><img src="logoleiste/sroll1.gif" border=0 width="10" height="14" vspace="5"></a></p>
   <p><a href="#" onMouseover="scrollrunter();" onMouseOut="stop();"><img src="logoleiste/sroll2.gif" border=0 width="10" height="14"></a></p>
   </div></td>
      <td align="left" valign="top" height="472">
        <div id="text" style="position:relative; left:1; top:1; visibility:visible">
          <table width="100%" border="0" cellspacing="4" cellpadding="0">
            <tr align="left" valign="top">

<td width="234" height="1322"> <p> </p>
                <p><font face="Arial, Helvetica, sans-serif" size="-1" color="#CAD8E9">Personen</font></p>

<p><font face="Arial, Helvetica, sans-serif" size="-1" color="#CAD8E9">x</font></p>
                <p><font color="#CAD8E9" size="-1" face="Arial, Helvetica, sans-serif">x</font></p>
                <p><font color="#CAD8E9" size="-1" face="Arial, Helvetica, sans-serif">x</font></p>
   </td>
            </tr>
          </table>
        </div>
</td>
</table>
</div>
</BODY>
</HTML>