✔ Textarea externe Scrollpfeile

ava99

ava99

Erfahrenes Mitglied
Hallo Community !

Habe mir eine Textbox auf einer Webseite erstellt und möchte diese nun mit externen Pfeilen nach unten bzw nach oben scrollen.

Wie bringe ich nun die Pfeiel dazu die Textbox zu steuern.. habe der Textbox eine Id zu gewiesen.

Bild hier anklicken

Danke schon im Voraus

Grüße ava
 
Zuletzt bearbeitet:
Hi,

mit der Auszeichnungssprache HTML alleine kommst du da nicht weit, denn hierfür wird Javascript benötigt, weshalb ich den Thread ins fachspezifische Board verschiebe.

Ein Beispiel zur Umsetzung kannst du dir hier http://christoph.ist-stylish.de/tut/scrolllayer.html anschauen.

Dort müssten dann halt noch die entsprechenden Grafiken in die beiden Links eingebettet werden.

mfg Maik
 
Hallo !

Danke dein Beispiel hat mir für mein erstes Problem weiter geholfen. Nun muß ich das ganze noch horizontal realisieren. Eine ähnliche Lsg wäre für mich ganz gut,da ich eigentlich kein Flash-Film einbinden wollte.

Danke schon im Voraus !

Grüße Ava
 
Hi,

wenn man die width-Eigenschaft aus dem style des Content-Divs herausnimmt, kann man das haargenau so über left, width und offsetWidth lösen.

LG
 
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>Scrollbarer Layer</title><meta name="AUTHOR" content="con-f-use@gmx.net" /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript"><!--
        //coded by con-f-use@gmx.net - be fair and do not remove this

        function scrollDiv(strId,intSpd) {
                if ( objScrll=document.getElementById(strId) ) {
                        var left = parseInt(objScrll.style.left);
                        if ( (intSpd>0) ? (left<0) : (left>parseInt(objScrll.parentNode.style.width)-objScrll.offsetWidth) )
                                objScrll.style.left = (left + 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>

</head><body><div>

<div style="position:relative; overflow:hidden; height:20px; width:128px;">
        <div id="content" style="position: absolute; width: 640px; padding: 5px; left: 0; top: 0;">
                Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla.
        </div>
</div>

<a href="#" onclick="return false" onmousedown="scrollDiv('content',8,this)">Rechts</a><br />
<a href="#" onclick="return false" onmousedown="scrollDiv('content',-8,this)">Links</a>

</div></body></html>
mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück