brauche hilfe bei divs und scrollbalken

streetboy · 14 November 2012

Hallo

Ich brauche mal hilfe zu divs und Scrollbalken.
Ich will ein Div-Container haben der eine feste breite und feste höhe hat.
Den Div-Container will ich auf der Seite auf einen bestimmten Platz positionieren und dort eine andere Seite mit Inhalt einblenden lassen.
Dann möchte ich im Div-Container den Scrollbalken ausschalten und ihn mit Pfeile hoch und runter scrollen lassen.

Hier mein Versuch:

https://www.dollz-world.de/test/index-test2.php

So sollte es sein:

https://www.dollz-world.de/test/index-test.html

Dort kann ich mit den Hoch un runter den Inhalt im Menü scrollen.
Ist aber leider mit iframes was ich nicht brauche.

Kann man das mit divs auch so machen ?
Wenn ja, weiß jemand wie ?

Hier ist mal der Code mit dem Iframe.

Code:

<script type="text/javascript">
   var myTimeout;
   function scrollPage(dir) {
      dir == 'right' ? frames['inhalt'].scrollBy(10,0) : frames['inhalt'].scrollBy(-10,0);
      myTimeout = setTimeout("scrollPage('" + dir + "')", 50);
     }

      var myTimeout2;
   function scrollPage2(dir) {
     dir == 'down' ? frames['inhalt'].scrollBy(0,10) : frames['inhalt'].scrollBy(0,-10);
      myTimeout2 = setTimeout("scrollPage2('" + dir + "')", 50);

   }

</script>
</head>
<body>
<table width="720" border="0" align="center">
<tr align="center">




<td>


<iframe name="inhalt" id="inhalt" scrolling="no" src="start.html" width="300" height="440" frameborder="0">Sorry, your browser doesn't support iframes.</iframe></td>
</tr>
<tr align="center">
<td>

 <p><a href="#" onMouseOver="scrollPage2('up')" onMouseOut="clearTimeout(myTimeout2)">up</a> - <a href="#" onMouseOver="scrollPage2('down')" onMouseOut="clearTimeout(myTimeout2)">down</a></p>
</td>
</tr>
</table>

Lg, Oliver

streetboy · 14 November 2012

Schon erledigt

kbot · 14 November 2012

streetboy schrieb:
Schon erledigt

wie wäre es, wenn du andere User, die vielleicht das gleiche Problem haben, an deiner Lösung teilhaben lässt?

streetboy · 14 November 2012

Klar, sorry °°

Code:

<script type="text/javascript"><!--
        //coded by [email protected] - be fair and do not remove this

        function scrollDiv(strId,intSpd) {
                if ( objScrll=document.getElementById(strId) ) {
                        var top = parseInt(objScrll.style.top);
                        if ( (intSpd>0) ? (top<0) : (top>parseInt(objScrll.parentNode.style.height)-objScrll.offsetHeight) )
                                objScrll.style.top = (top + intSpd) +"px";
                        eval( 'tvar' + strId +'= setTimeout("scrollDiv(\''+ strId +'\',' + intSpd + ')",50)' );
                        if (objSelf=scrollDiv.arguments[2])
                                objSelf.onmouseup = objSelf.onmouseout = new Function('fx','clearTimeout(tvar' + strId + ')');
                }
        }
//--></script>


<div>
<div style="position: absolute; width: 157px; height: 255px; z-index: 2; left: 68px; top: 123px" id="Ebene2" >
<div style="position:relative; overflow:hidden; height:362px; width:128px;">
        <div id="content" style="position: absolute; width: 117px; padding: 5px; left: 0; top: 0;">

 <?PHP include_once "links.html"; ?>


        </div>
</div>
<br>
<a href="#" hidefocus="hidefocus onclick="return false" onmousedown="scrollDiv('content',8,this)">Hoch</a> -
<a href="#" hidefocus="hidefocus onclick="return false" onmousedown="scrollDiv('content',-8,this)">Runter</a>

</div>

brauche hilfe bei divs und scrollbalken

streetboy

Well-known member

streetboy

Well-known member

kbot

warm draußen,oder?

streetboy

Well-known member

Ähnliche Themen