Hallo,

klingt super. Du hast das ja auch in diesen Thread gepostet. Danke dafür.

Hast du vielleicht einen Link, unter dem ich mir das Ergebnis einmal ansehen kann? Das wäre klasse.

Danke und Gruß,

Holger

Hallo, mich hat das jetzt doch neugierig gemacht und ich hab folgendes ausprobiert:

Du kannst hier zum scrollen wunderbar mit der WD-eigenen Funktion der Anker arbeiten. Dass diese Anker auch in einem iframe funktionieren, habe ich grad extra getestet. Es funktioniert sogar wenn man die Einstellungen des Linkübergangeffekts verändert; also zum Beipiel "von unten hereingleiten".  Es geht also auch viel einfacher . Gruß Martina

Hallo Martina,

Kannst du das ein wenig ausführlicher beschreiben? Ich habe mit Anker noch nichts (bewusst) gemacht, außer Bilder zu verankern.

Ich bin mit meiner Lösung noch etwas unzufrieden, weil es auf Mobilgeräten immer stur is zum Ende scrollt. 

Viele Grüße,

Tim

Hallo Tim,

klar. Das ist ganz einfach. Du markierst mit dem Textwerkzeug die Textstelle zu der gescrollt werden soll. Dann wählst du "Extras" -> Namen. Dort vergibst du einen Namen den du wiederfindest und den das Programm nicht selbst benutzt. (siehst du ja an der Auswahl).

Dann markierst du die oberer Textstelle von der aus gescrollt werden soll und wählst unter Webeigenschaften -> Links -> Link auf Anker. Da solltest du deinen eben vergebenen Namen wiederfinden.

Beim WD 8 premium kannst du das sogar seitenübergreifend machen. Ob das bei anderen Versionen auch schon funktioniert weiss ich leider nicht.

Und das ganze funktioniert sogar wie geschrieben innerhalb eines iframes. Dort hast du ja vorbereitet eine Extraseite, die nur und ausschließlich den langen Text enthält. Dort kannst du mit diesen Ankern entsprechend arbeiten.  Diese "fast leere Seite" bindest du später ja als iframe auf einer anderen Seite im Projekt ein und der Scrollbalken erscheint entsprechend dem iframe-Code automatisch. Gruß Martina

Hallo Martina,

habe es probiert und geht auch, aber ist immer noch nicht das was ich wirklich will.

Ich bin auf der Suche nach einer Möglichkeit, den iFrame definiert um X Pixel nach oben oder unten zu scrollen. Aber ich bin offensichtlich noch zu blöd dazu.

Der Code müsste wohl so aussehen:

<input type="button" onclick="frame1.scrollBy(0,-200)"  value="Up" />
<input type="button" onclick="frame1.scrollBy(0, +200)"  value="Down" />

Aber es passiert stur garnix. 

Mein Hauptproblem wird wohl der Name des iFrame sein, wo muss ich den festlegen? Innerhalb der HTML Seite, welche ich einbinde?

Gruß

Tim

Schau doch mal hier, ob dir das weiterhilft.  Gruß Martina

Hallo,

nein, weil es wieder ein Beispiel ist, was meine Seite zu einem absoluten Punkt scrollt. Mein iFrame ändert sich aber recht oft, so dass ich nicht mit absolutem Bezug scrollen will. Also kein "ScrollTo" oder Anker.

Die beiden Funktionen, die ich brauche sind "scrollBy" oder auch "scrollByLines". Wenn ich die Buttons IM iFrame platziere, machen sie auch genau was ich erwarte. Nur leider ist das beknackt, weil irgendwann der Button nicht mehr sichtbar ist.

Wenn ich den Button aber auf der Seite einbaue, wo der iFrame eingebunden ist, dann passiert entweder garnichts oder der Button scrollt die Hauptseite. Wie verknüpfe ich nun also den Button richtig mit dem iFrame?

Viele Grüße,

Tim

[...] Wie verknüpfe ich nun also den Button richtig mit dem iFrame? [...]

Schau Dir mal die Demo an, die ich gerade online gestellt habe.

Die gezeigte Scrollmethode sollte auch in iframes auf Tablet-, Smartphone & Co. funktionieren

Wenn die Lösung zu Deinem Problem passt, kannst Du Dir hier die komplette WD Projektdatei herunterladen, inkl. der Grafiken Up/Down, inkl. der nötigen JS Codeschnipsel und inkl. einer Kurzanleitung.

Viel Erfolg

Hallo BeRo,

das kommt der Sache schon sehr nahe. Aber:

Die Buttons sind hier auch wieder IM iFrame. Es hat also die gleiche Funktion wie mein Button <button onclick="scrollByLines(-5);">up 5 lines</button>

Ich brauche den Button außerhalb vom iFrame. So lassen sich alle iFrames gleich bedienen, auch wenn der Inhalt unterschiedlich ist.

Dein Weg nimmt den darzstellenden Text ja aus dem HTML-code des Platzhalters. Das halte ich aber nicht für einfach zu bedienen, wenn man Informationen nachtragen will oder Biilder einfügen möchte.

Ich hoffe es wird klar, auf was ich hinaus will?

Auf jeden Fall danke für deine Hilfe.

Tim

Hallo,

jetzt bin ich über eine Sache "gestolpert", die man als prima Beispiel nehmen kann, warum im IFrame kein Code zu Steuerung sein darf: Das implementierte Jotform-Kontaktformular lässt sich so nicht scrollen.

Ich hoffe ihr habt noch ein paar Tipps für den "externen" Button.

Gruß,

Tim

Hallo,

ich habe auch noch keine zufriedenstellende Lösung für das Problem gefunden.

Aber hier und hier sind Beispiele, wie es auf dem iPad / iPhone aussehen soll und funktioniert. Ist aber nicht per iFrame gelöst. Weiß jemand, wie man das mit WD umsetzen kann?

Gruß,

Holger

@ Holger_NLP

Die Macher der von Dir gefundenen Demo arbeiten mit div-Containern-, JavaScript- und CSS. Allerdings beschränkt sich der scrollbare Inhalt auf eine Liste, die lediglich per JavaScript erzeugt wurde und die mit CSS formatiert wurde.

[...] Weiß jemand, wie man das mit WD umsetzen kann? [...]

Wie ich schon weiter unten geschrieben habe, mit einer div-Box.

Im einfachsten Fall legst Du einen Platzhalter in der gewünschten Größe an und füllst dann den HTML Bodybereich des Platzhalters mit dem gewünschten Inhalt.

In dem unten gezeigten Beispiel ist das einfacher Text. Jeder andere Inhalt ist aber ebenfalls machbar.

Die online Demo des o. a. Beispiels kannst Du Dir hier ansehen.

Die WD Projektdatei mit der gefüllten div-Box kannst Du Dir hier für eigene Experimente herunterladen.

Viel Erfolg

Hallo, es scheint vollbracht.

BeRo hat den Weg gezeigt, mal muss es nur etwas genauer lesen. IM div Bereich den iFrame einbinden ist die Lösung.

Ich bin hier: http://www.dynamicdrive.com/forums/showthread.php?10718-Scroll-bar-buttons-to-control-Iframe

über meine Lösung gestolpert, die aber wie gesagt von BeRo ebenso beschrieben wurde.

Mein Text sieht (etwas modifiziert) so aus:

<div style="position:relative;width:620px;height:600px;">
<iframe name="bob" src="content.htm" width="580" height="600" scrolling="no" frameborder="0"></iframe>

<div id="staticbuttons" style="position:absolute;top:0;right:0">
<a href="javascript:void(0);" onmouseover="image1.src='button/up_hover.png'; myspeed=-thespeed;" onmouseout="image1.src='button/up.png'; myspeed=0;">
<img name="image1" src="button/up.png" border="0"</a>
</div>
<div id="staticbuttons" style="position:absolute;bottom:0;right:0">
<a href="javascript:void(0);" onmouseover="image2.src='button/down_hover.png'; myspeed=thespeed;" onmouseout="image2.src='button/down.png'; myspeed=0;">
<img name="image2" src="button/down.png" border="0"</a>
</div></div>
<script type="text/javascript">

//Iframe Scroller script - loosely adapted from:
//Page Scroller (aka custom scrollbar)- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//adapted by jscheuer1 in http://www.dynamicdrive.com/forums
//This credit MUST stay intact for use

var thespeed=3 //Enter scroll speed in integer (Advised: 1-3)

var myspeed=0  //Set for initial scrolling, if desired (ex:3), otherwise 0

/////////////////Stop Editing///////////////
function scrollwindow(){
bob.scrollBy(0,myspeed)
}

function initializeIT(){
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById)
setInterval("initializeIT()",20)

</script>

So hat man Buttons, die sich (wie eine Scrollbar) automatisch am DIV frame ausrichten und auch noch ihre Farbe ändern bei Betätigung.

Im Link ist auch beschrieben, wie man externe URL (z.B. eben das Kontaktformular) einbindet, das geht quasi über einen zweiten iFrame im ersten iFrame.

Viele Grüße

Tim

Die WD Projektdatei mit der gefüllten div-Box kannst Du Dir hier für eigene Experimente herunterladen.

Viel Erfolg

Hallo BeRo,

würde gerne mit der Projektdatei experimentieren. Leider scheint der Link nicht korrekt zu funktionieren.

Gruß,

Holger

@ Holger_NLP

[...] Leider scheint der Link nicht korrekt zu funktionieren. [...]

Du hast recht. Die verlinkte Datei lag nicht korrrekt im Webspace

Ich hab's gerade korrigiert. Der Link zur Projektdatei funktioniert jetzt.

Viel Erfolg

Hallo BeRo,

danke für Deine Projektdatei. Funktioniert gut, aber welche Ergänzungen muss man im html-code vornehmen um die Schriftgröße, Stil und auch Farbe vorzugeben?

Gruß

Ralf

@ ralf-best

[...] welche Ergänzungen muss man im html-code vornehmen um [...]...

Das geht "ganz einfach" mit den üblichen Instrumenten für die HTML Textbearbeitung

Wirf mal einen Blick auf diese Seite, da findest Du schon die wichtigsten Infos und ein paar Beispiele.

Wenn Du dann noch Fragen hast, melde dich einfach wieder.

Viel Erfolg

Hallo BeRo,

hat alles gut funktioniert.

Leider funktioniert aber die Scrollbar nicht nach dem Veröffentlichen auf der Homepage. In der Seitenvorschau war alles tadellos. Es geht weder unter FF noch unter IE. Wobei das wahrscheinlich nichts damit zu tun hat.

In Deiner Vorlage habe ich lediglich meinen Text nach folgendem Code eingegeben:

<div id="div1" style="width:500px; height:410px; overflow:auto">
<font size=4 color=#a0b200 face="Verdana, NewTimesRoman">

diverser Text ....................

<P>End
</div>

Was ist das Problem, denn wie gesagt, in der Einzelseitenvorschau war alles o.k.?

Gruß

Ralf

@ ralf-best

[...] Leider funktioniert aber die Scrollbar nicht nach dem Veröffentlichen auf der Homepage [...]

Ich habe die Zeichenformatierung, die Du eingefügt hast, der Demo ebenfalls angefügt. Das Ergebnis kannst Du hier sehen. Es funktioniert nach wie vor...

[...] Es geht weder unter FF noch unter IE. Wobei das wahrscheinlich nichts damit zu tun hat.[...]

So ganz egal ist es leider nicht. Der IE hat, wie so oft, auch in dem Fall eine eigene Meinung über die Scrollfunktion in einer DIV Box.
Er arbeitet damit aber es kann, je nach IE Version, bei langen Boxinhalten haken . Dann kann man entweder den Mauszeiger irgendwo auf die Scrollbar setzen und mit dem Mausrad scrollen oder man scrollt den Boxinhalt indem man den Scrollschieber bei gedrückter Maustaste verschiebt.

So oder so, funktionieren sollte es...

Da das bei Deiner Site offenbar nicht so ist, solltest Du uns mal eine URL spendieren, damit das nachvollziehbar wird.

Hallo BeRo,

wie gewünscht: http://bestcompany-liveband.de/programm.htm

Dort findet sich dann besagte Scrollbar.

Gruß

Ralf

@ ralf-best

Du hast ein Ebenenproblem

Verschiebe den Platzhalter einfach in eine höhere Ebene und schon klappt's (klick)

Viel Erfolg

----------------

P.S.

Der o. a. Link ist nur temporär gültig. Weil vermutlich kein "öffentliches" Interesse besteht, lösche ich die Demo kurzfristig wieder vom Server...

Hallo BeRo,

danke, das mit der Ebene war die Lösung. Hätte man auch selbst drauf kommen können... Aber jetzt funktionierts!!

Jetzt habe ich aber doch noch eine Frage: Die Scrollbar habe ich installiert, bin auch mit der Anleitung zum html-code klargekommen. Wie kann ich denn die Schriftgröße wie im WD in px eingeben, statt mit den Größenbezeichnungen 1 bis 4? Meine Standardschrift auf meiner Website sind 14px. Das liegt so zwischen size 2-3. Ich hatte schon probiert px einzugeben, aber das hat nicht funktioniert. Auf der von Dir empfohlenen Seite gab es leider dazu keine Erklärung. Vielleicht noch ein Tipp dazu?

Gruß

Ralf