Thomas B: Quellcode zum scrollen einer Tabelle optimieren

Beitrag lesen

Hi,

Ich habe einen Quellcode (siehe unten), mit dem man etwas scrollen kann, was in einer Tabelle steht. Nur will ich keine Tabelle sondern einen IFrame scrollen. Kann mir jemand helfen und mir sagen, was ich machen muss um den Quellcode so anzupassen, dass er einen IFrame scrollt bzw. ob es überhaupt so oder garnicht geht? Wenn nicht, wie kann ich meine Idee realisieren? Danke!

Thomas B

QUELLCODE:
----------

<html>
  <head>
  <style type="text/css">
<!--
a {text-decoration: none;
}
        #FormatContainer{position:absolute; width:580; font-family:arial; left:135; top:0; font-size:10pt; }
        #FormatContainer2{position:absolute; top:40; left:10; clip:rect(0,650,350,0); height:350; width:650}
        .ScrollClass{position:absolute; top:0; font-size:10pt; left:0; font-family:arial; visibility:hidden
        }

-->
    </style>

<SCRIPT LANGUAGE="JavaScript">
<!--
function back()
        {
                history.back();
        }

if(top.frames.length < 1)
          {
//window.top.location.href="../../index.html"
}

//Kontrolle Browser IE oder NN
ie=document.all?1:0
n=document.layers?1:0

//Timeout beim Scrollen
Geschw=50

//Höhe des Fensters
HoeheFenster=100

function ScrollContainererzeugen(Objekt,Formatierung){
        Formatierung=(!Formatierung) ? '':'document.'+Formatierung+'.'
        this.css=(n) ? eval(Formatierung+'document.'+Objekt):eval('document.all.'+Objekt+'.style')
        this.ScrollenHeight=n?this.css.document.height:eval('document.all.'+Objekt+'.offsetHeight')
        this.top=Spitzeermitteln
        return this
}

function Spitzeermitteln(){
        var Spitzelinks=(n) ? eval(this.css.top):eval(this.css.pixelTop);
        return Spitzelinks;
}

var ScrollenTim;
var aktPunkt=0;

function Scrollen(Geschw_Scrollen){
        clearTimeout(ScrollenTim)
        Scroll_Richtung=Geschw_Scrollen>0?1:0
        if((!Scroll_Richtung && Scroll_Container[aktPunkt].top()>-Scroll_Container[aktPunkt].ScrollenHeight+HoeheFenster) || (Scroll_Container[aktPunkt].top()<0 && Scroll_Richtung)){
                Scroll_Container[aktPunkt].css.top=Scroll_Container[aktPunkt].top()+Geschw_Scrollen
                ScrollenTim=setTimeout("Scrollen("+Geschw_Scrollen+")",Geschw)
        }
}

function Scrollen_aus(){
        clearTimeout(ScrollenTim)
}

function aktPunkt_Aendern(num){
        Scroll_Container[aktPunkt].css.visibility='hidden'
                aktPunkt=num
        Scroll_Container[aktPunkt].css.top=0
        Scroll_Container[aktPunkt].css.visibility='visible'
}

function initialisierung(){
        Scroll_Container=new Array()
        Scroll_Container[0]=new        ScrollContainererzeugen('ScrollAbschn1','FormatContainer2')
        Scroll_Container[0].css.visibility='visible'
}

onload=initialisierung;
//-->
    </script>
  </head>

<body bgcolor="#ffffff" text="#000000" link="#cc0000" vlink="#cc0000" alink="#cc0000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginheight="0" marginwidth="0"></body>
<div id="FormatContainer" align=right>
       <a href="#" onmouseover="Scrollen(5)" onmouseout="Scrollen_aus()"><img src="scrollen_unten.gif" alt="nach unten scrollen"></a>
        <a href="#" onmouseover="Scrollen(-5)" onmouseout="Scrollen_aus()"><img src="scrollen_oben.gif" alt="Nach oben scrollen"></a>
</div>
<div id="FormatContainer2">
        <div id="ScrollAbschn1" class="ScrollClass">
<table>
<tr>
<td>Text<p>Text</p>
<p>Text</p>
<p>Text<br>
</td>
</tr>
</table>
</div>
    </div>
    </center>
  </body>
</html>