Ergebnis 1 bis 8 von 8
  1. #1
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    322

    window.ScrollToTop + iFrame

    Hallo,
    habe da seit geraumer Zeit das Problem. Das in einer (meiner) Seiten ein iFrame steckt… (liegt auf dem gleichen Server/URL). Die Parent-Page, welche das iFrame enthält konnte sich „sauber“ anpassen, das sämtliche Links, welche auf den Inhalt des iFrames abzielen, dann an der Stelle aufgerifen wurden, wo das iFarem beginnt… (unter dem Slider etc.)
    Die Links, welche ich im iFrame aufgerufen habe, scrollten automatisch ans Ende der kompletten Parent-Seite. Nach vielen Codeschnipseln, welche alle nicht zum Erfolg führten, habe ich jetzt eine gefunden…


    Within the Iframe page.

    window.parent.ScrollToTop(); // Scroll to top function

    On The parrent page:

    window.ScrollToTop = function(){
    $('html,body', window.document).animate({
    scrollTop: '0px'
    }, 'fast');
    };
    Das funktioniert! Allerdings alle Links, auch die vom Parent, offen jetzt ganz oben über dem Slider der Page. Mein iFrame hat einen Namen und id (id="pagemobile" name="pagemobile") wie kann ich den Codeschnipsel anpassen, das egal ob Links vom Frame oder im Parent "gekickt" werden, jeder Link unter dem Slider id="pagemobile" aufmacht und nicht an den Anfang „rumpelt“.
    PS: funktionierte nicht jeder Code, den man üblicherweise nutzt zum Erfolg, mein iFrame steckt in einem Code, welches die Höhe der einzelnen Unterseiten berechnet.

    Danke & LG Wolf

    - - - Aktualisiert - - -

    ...Hatte bereits versucht, die 0px mit #pagemobile zu bestücken… geht leider nicht.
    Geändert von th_wolfgang (18-04-2017 um 16:57 Uhr)

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.380

    AW: window.ScrollToTop + iFrame

    Zitat Zitat von th_wolfgang Beitrag anzeigen
    habe da seit geraumer Zeit das Problem. Das in einer (meiner) Seiten ein iFrame steckt…
    Das ist wirklich ein Problem, das du dringend angehen solltest...

    Wenn dein iFrame eine ID hat, sollte es eigentlich auch reichen, wenn du einfach den Hash-Teil der Parent-URL auf "#pagemobile" setzt. Normalerweise musst du da nicht mit irgendwelchen scroll-Positionen rumdoktoren.

  3. #3
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    322

    AW: window.ScrollToTop + iFrame

    Dank Dir!

    Allerdings habe ich bereits „sehr viel rumgedoktert“…
    Der iFrame ist mit dem: https://github.com/davidjbradshaw/iframe-resizer (nested) eingebunden um Interseiten der verschiedenen länge nach anzuzeigen. Das funzt!
    Im Parrent, habe ich alle links mit einer onclick="location.href='#pagemobile'" versehen. Die machen dann auch da „auf“, wo sie sollen, bei pagemobile. Weiteres Script:

    <script type="text/javascript">
    $(document).ready(function(){
    $('a', 'li').attr('target', 'pagemobile');
    });
    </script>
    Mit dem geht alles „aus auf dem Parant“ angeklickt wird. Direkte Links im iFrame-Feld aufzurufen marschieren ans komplette Ende der Seite, oder auch mal in die Mitte… dieser!
    Habe jetzt bereits:

    dem iFarme ein Attribut „migegeben“:

    onload="window.parent.parent.scrollTo(0,0)"
    und dies versucht:

    <script type='text/javascript'>
    var self = this;

    $(document).on('ready', function() {
    $("#pagemobile").on('load', function() {
    self.scrollTo(0,0);
    });
    });

    </script>
    ...mit den Spielereien, machen "ALLE" Links, on aus Parent oder iFrame nur noch am Seitenanfang auf.

    nicht sehr toll,

    Danke & LG
    Wolf

    - - - Aktualisiert - - -

    Hallo,
    Bitte seit so nett und helft mir ein wenig mit den Parametern…. Jetzt habe ich es so, das „ALLES“, jeder Link ob Parent oder Child nach oben „dampft“ an den Anfang der Site. Ich wollte eigentlich lediglich erreichen, dass das Child-Content bzw. derer Links sich auch an eine bestimmte Position (ID / Div) im Parent begeben. Komm nicht weiter, bitte um Hilfestellung. Die Parent an sich, ohne meine heutige „Spielerei“ macht dies… Ich hatte vor kurzem eine Augen OP und sitz jetzt wieder wegen der Geschichte 16 Stunden vor der Kiste….

    Danke & LG
    Wolf

  4. #4
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    322

    AW: window.ScrollToTop + iFrame

    Hallo,

    hmmm leider glaube ich kaum so noch einen Blumentopf zu gewinnen.... aufgrund der Vielzahl an antworten, scheint Ihr auch Ratlos zu sein.

    LG & Danke Wolf

  5. #5
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.353

    AW: window.ScrollToTop + iFrame

    welche frage hast du denn?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.380

    AW: window.ScrollToTop + iFrame

    Anstatt dem .scrollTo(...) musst du dort auch ein .location.href='#pagemobile' machen.

  7. #7
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    322

    AW: window.ScrollToTop + iFrame

    Hallo,
    dank dir!
    Ist dies dann so richtig? In den zu ladenden iFrame eingebaut…. Da es nicht funktioniert, was mich wundert.

    <script type='text/javascript'>
    var self = this;

    $(document).on('ready', function() {
    $("#pagemobile").on('load', function() {
    self.location.href='#pagemobile';
    });
    });
    </script>
    LG & Danke Wolf

    - - - Aktualisiert - - -

    NACHTRAG:

    Ich glaube das hier ein Fehler des iFrame – Codes vorliegt, welcher alles aus dem iFrame der Höhe neu anpasst. Unterordner etc. Bin im Netzt auf verschiedene Seiten gestoßen, wo das Thema angesprochen wurden ist, das dies „Progy“ funktioniert aber mit den Links Probleme hat… Leider hatte hier noch keiner eine Lösung. (iframeresizer). Der macht die Links vom iFrame auf, wo er will, die Position schwankt von mittig in der Seite bis zum untersten Rand.
    Was funktioniert ist, wenn ich dem iFrame ein onload mitgebe:

    onload="$('html,body', window.parent.document).animate({ scrollTop: $('#pagemobile', window.parent.document).offset().top }, 6300)"
    Wie bitte würde ich den onload-Code anpassen müssen, wenn dieser nicht Scrollto sondern einfach nur als Art des Skriptes oben „goto“ Div funktionieren soll.

    onload="$('html,body', window.parent.document)({ self.location: $('#pagemobile', window.parent.document).offset().top },)"
    Glaube nicht, dass dies so stimmt, geht leider auch nicht. Kann mir hier bitte diesen onload berichtigen, ich will nicht Scrollen.. ICH möchte gern, den onload dem iFrame mitgeben, dass Links welche innerhalb des iFrame „geklickt“ werden, am DIV „#pagemobile“ öffnen. Danke

    NACHTRAG:

    DAS FUNKTIONIERT LEIDER AUCH NICHT:

    onload="$('html,body', window.parent.document.getElementById('#pagemobile');"
    verstehe langsam gar nix mehr... :/

    oder:

    <iframe id="pagemobile" name="pagemobile" src="/index.php" width="100%" scrolling="no"
    onload="window.parent.document.getElementById("#pagemobile");" ></iframe>

    LG & Danke Wolf
    Geändert von th_wolfgang (25-04-2017 um 15:16 Uhr)

  8. #8
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.380

    AW: window.ScrollToTop + iFrame

    Zitat Zitat von th_wolfgang Beitrag anzeigen
    self.location.href='#pagemobile';
    Nicht self, sondern window.parent.parent, wenn du den Stil von oben beibehalten willst. Ich persönlich würde eigentlich top nehmen.

    Zitat Zitat von th_wolfgang Beitrag anzeigen
    Glaube nicht, dass dies so stimmt
    Ich auch nicht - v.A. da es Syntaxfehler enthält.

Ähnliche Themen

  1. window.open() ersetzen durch IFrame/DIV
    Von lemm im Forum JavaScript
    Antworten: 8
    Letzter Beitrag: 22-10-2009, 20:04
  2. Statt window.open - iframe verwenden
    Von Thaker im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 18-07-2008, 16:54
  3. Antworten: 6
    Letzter Beitrag: 27-10-2006, 20:23
  4. window.open window.opener
    Von michl4ever im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 29-06-2006, 11:15
  5. Antworten: 0
    Letzter Beitrag: 09-10-2001, 16:59

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •