Fossi: Scrolling programmieren

Beitrag lesen

SELF-Forum

Scrolling programmieren

Fossi
– Informationen zu den Bewertungsregeln

Hallo,

seit Tagen hänge ich an einem Problem fest.
Ich habe einer Webseite eine neue Rubrik hinzugefügt. Das Grundgerüst der Seite ist mit HTML gebaut. Das Inhaltsfeld wird jedoch bei den bestehenden Rubriken mit einen dynamischen Textfeld a (Flash) geladen. Hier wurde eine eigener Scrollbalken kreiert. Für meine neue Rubrik habe ich aber eine Tabelle, die ich mit einem eingebettet Frame lade, da Tabellen mit Flash nicht funktionieren.
Nun mein Problem:
Über diesen Frame wird der Standart- Scrollbalken geladen, der nun nicht mehr zu dem in den anderen Rubriken passt. Eigentlich müßte ich nur die Breite ändern. Ergebnis meiner Rechereche ist aber, dass
dies nicht zu ändern ist, oder doch?? Nun möchte ich gerne den Scrollbalken in Bildern zerlegen und diese mit der scroll funktion programmieren.

Ich habe auch schon ein Grundscript, bekomm es aber nicht hin, dass ich mit den rauf/runter button eine Tabelle scrollen kann.

Kann mir jemand weiterhelfen. Ich bekomm das einfach nicht hin!!!:((

<html>
<script>
pos=0

function rauf_runter(wert)
{
if(wert<0)
{
if(pos<0)
pos++
else
clearInterval(timer)
}

else
{
if((pos*-1)<parseInt(document.getElementById('testeri').offsetHeight)-parseInt(document.getElementById('testera').offsetHeight))
pos--
else
clearInterval(timer)
}

document.getElementById("testeri").style.top=pos
}
</script>
<body>
<div id="testera" style="position:absolute;top:100;left:100;width:100;height:100;clip:rect(0,100,100,0);">
<div id="testeri" style="position:absolute;top:0;left:0;">
zeile<br>
zeile<br>
zeile<br>
zeile<br>
zeile<br>
zeile<br>
zeile<br>
zeile<br>
zeile<br>
zeile<br>
zeile<br>
zeile<br>
zeile<br>
</div>
</div>
<div id="ru" style="position:absolute;top:200;left:200;">
<a href="#" onmousedown="timer=setInterval('rauf_runter(-1)',10)" onmouseup="clearInterval(timer)">runter</a>|
</div>
<div id="ra" style="position:absolute;top:180;left:200;">
<a href="#" onmousedown="timer=setInterval('rauf_runter(1)',10)" onmouseup="clearInterval(timer)">runter</a>|
</div>

</body>
</html>

...anstatt des Zeilen- Textes soll diese Tabelle gescrollt werden:

<body bgcolor="#f4f4f4" leftmargin="0" rightmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no" style="scrollbar-base-color :#f4f4f4; scrollbar-track-color:#b0b0b0; scrollbar-arrow-color :#000000"></style>
<table width="100%" height="100%">
  <td align="center" valign="top">
    <table border="0" cellspacing="1" cellpadding="5">
<tr align="center" bgcolor="#993300">
    <th>Date</th>
   <th>City</th>
   <th>Country</th>
   <th>Venue</th>
  </tr>
  <tr align="center" bgcolor="#c0c0c0">
    <td>09-09-04</td>
    <td>Düsseldorf</td>
    <td>D</td>
    <td>Röste</td>
  </tr>
  <tr align="center" bgcolor="#c0c0c0">
    <td>10-09-04</td>
    <td>Stuttgart</td>
    <td>D</td>
     <td>Arena</td>
  </tr>
<tr align="center" bgcolor="#c0c0c0">
    <td>11-09-04</td>
    <td>Stadte</td>
    <td>CH</td>
     <td>Clubhaus "schmirgga"</td>
  </tr>
<tr align="center" bgcolor="#c0c0c0">
    <td>09-09-04</td>
    <td>Düsseldorf</td>
    <td>D</td>
    <td>Röste</td>
  </tr>
  <tr align="center" bgcolor="#c0c0c0">
    <td>10-09-04</td>
    <td>Stuttgart</td>
    <td>D</td>
     <td>Arena</td>
  </tr>
</table>

Beitrag melden
–
Informationen zu den Bewertungsregeln