iframe scrollen mit on mouseover / on click

[whut]

hi,

ich bin dabei eine seite zu bauen, dessen grundgerüst aus einem geslicetem image besteht - in der mitte der seite / des images ist ein iframe in dem der inhalt der jeweiligen seiten dargestellt wird. die scrollbars im iframe sind deaktiviert damit sich die seite / das image nicht verschiebt. ich habe rechts neben dem iframe 2 pfeile (auch jeweils einzeln geslicete images) über die ich per mouseover oder click den inhalt im iframe srollen möchte. als beispiel -> http://www.wittyrabbits.com/

Ich habe schon sämtliche seiten nach geeigneten codes durchforstet aber bin noch nicht auf das für meinen fall passende gestossen - da ich von javascript nur wenig ahnung habe und auch kein coder bin hoffe ich das mir hier jemand bei diesem hoffentlich kleinem problem helfen kann.

mfg whut

 

[Sven Mintel]

Die benötigten Methoden nennen sich scrollBy() und scrollTo() ..... damit ist es möglich, Fenster und Frames zu scrollen.

Übrigens... wirf bitte einen Blick in meine Signatur, und versuche, dich an die Regeln zu halten. Danke.

 

[whut]

Danke für die schnelle Antwort, nur bringt mich das jetzt erstmal nicht viel weiter - die beiden Methoden sind mit bekannt. Wie gesagt ich bin kein Coder/Scripter von daher würde ich mich über einen Komplettlösung sehr freuen mfg whut

 

[Sven Mintel]

Komplettlösungen gibts hier keine....

wenn du die scrollBy()-Methode verwendest(was dabei empfehlenswert wäre), nehme als ersten Parameter die 0, als 2ten Wert die Pixel, um welche hoch/runter gescrollt werden soll.

<img src="up.gif"onmouseover="window.nameDesIframes.scrollBy(0,-10)">

würde 10Pixel hoch scrollen.

 

[whut]

Ja was soll ich da sagen - PERFEKT - 1000Dank

Gibt es auch ne Möglichkeit das der Text so lange scrollt bis ich vom image runter gehe mit der Maus, und das der Mauszeiger wie bei einem Link zu einer Hand wird? Wäre dann bestimmt n Javascript auf das dann über das Image per href gelinkt wird denke ich mal

mfg whut

 

[Sven Mintel]

Um das Scrollen beizubehalten, musst du einen Interval starten.... damit wird eine Anweisung solange im definierten Zeitabstand ausgeführt, bis der Interval beendet wird.

<img src="up.gif"onmouseout="clearInterval(scrollen)"onmouseover="scrollen=setInterval('window.nameDesIframes.scrollBy(0,-10)',100)">

Der 2te Wert bei setInterval() ist der Zeitabstand(in Millisekunden).
Der Interval wird in einer Variablen gespeichert(scrollen)... damit er beim mouseout per clearInterval() beendet werden kann.

 

[whut]

Besten Dank nochmal - Funktioniert perfekt -thx