Seite 2 von 4 ErsteErste 1234 LetzteLetzte
Ergebnis 16 bis 30 von 57
  1. #16
    nooneatall ist offline Jungspund
    registriert
    17-05-2013
    Beiträge
    16

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    Wow, vielen Dank für die Unterstützung! Kann ich bei der jquery-animate Variante statt des contents auch die html-datei als src=... angeben? Wenn ja, wie genau?

    Wenn ich jedesmal den Content des Vertretungsplanes in die o.g. Lücke reinkopieren muss, brauche ich auch wieder ein script, dass den Prozess auslöst...

    Das war auch mein uraprünglicher Gedanke, aber der link auf eine externe Datei wäre ein Traum!

  2. #17
    Sempervivum ist offline Banned
    registriert
    11-12-2012
    Beiträge
    555

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    Hallo,
    das kannst Du mit PHP-Include machen:
    PHP-Code:
    <?php include('deine_html_datei.html'); ?>
    Dann sollte die includierte Datei aber kein HTML-Grundgerüst haben.

  3. #18
    nooneatall ist offline Jungspund
    registriert
    17-05-2013
    Beiträge
    16

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    Die zu integrierende Datei wird vom Vertretungsplanprogramm als html ausgegeben. Deshalb wird sie das entsprechende ungewünschte Gerüst aufweisen. Ist es trotzdem einen Versuch wert?

  4. #19
    Sempervivum ist offline Banned
    registriert
    11-12-2012
    Beiträge
    555

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    Versuchen kannst Du es ja mal. Besser wäre es jedoch, ein PHP-Script zu schreiben, was die HTML-Datei einliest und die nötigen Erweiterunge hinzufügt. Wäre nicht allzu aufwändig.

  5. #20
    Sempervivum ist offline Banned
    registriert
    11-12-2012
    Beiträge
    555

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    U. U. kannst Du auch einen iFrame verwenden, wenn Du die Höhe entsprechend dieser Anleitung automatisch einstellst:
    html - Make iframe automatically adjust height according to the contents without using scrollbar? - Stack Overflow

  6. #21
    nooneatall ist offline Jungspund
    registriert
    17-05-2013
    Beiträge
    16

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    Danke! Werd mich morgen mal dransetzen...

  7. #22
    Kasalop ist offline Routinier
    registriert
    29-08-2012
    Beiträge
    398

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    wenn die datei valdies html ist, geht auch immernoch über ein include.
    Code:
    <?php include('loader.php'); ?>
    Code:
    <?php
      // loader.php
      $dom = new DomDocument();
      $dom->loadHTMLFile('vertretungsplan.html');
      echo $dom->getElementsByTagName('body')->item(0)->nodeValue;
    ?>
    Dann ist es auch valide.

    Lg Kasalop

    PS: Nur was ich mich noch Frage: wir waren doch schon bei einer Lösung ohne Framework. War es dir zu viel Arbeit das dir noch anzupassen? Wartest du auf einen vollständigen code, wie er dir jetzt quasi schon gegeben wurde? Kann ich iwie nicht nachvollziehen.

  8. #23
    Sempervivum ist offline Banned
    registriert
    11-12-2012
    Beiträge
    555

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    Das mit dem iFrame habe ich mal ausprobiert und festgestellt, dass man dann das div nicht mehr braucht, sondern den iFrame direkt animieren kann:
    Code:
            $(document).ready(function(){
                $('#iframe').load(function() {
                  $(this).height(this.contentWindow.document.body.scrollHeight);
                  var scrollamount = $(document).height() - $(window).height();
                  var scrollduration = scrollamount * 10;
                  var pauseduration = 3000;
                  var docheight = $(this).height();
                  jQuery.fn.doScroll = function() {
                      $(this).delay(pauseduration)
                         .animate({top: -scrollamount, height: docheight}, scrollduration, 'linear')
                         .delay(pauseduration)
                         .animate({top: 0, height: $(window).height()}, scrollduration, 'linear', $(this).doScroll);
                      };
                  $(this).height($(window).height()).doScroll();
              });
          });
    HTML-Code:
       <body>
            <iframe name="content" src="deine_html_datei.html" style="position:absolute" width="1500px" height="200px" frameborder="0" scrolling="no" id="iframe" >
      </body>

  9. #24
    Kasalop ist offline Routinier
    registriert
    29-08-2012
    Beiträge
    398

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    seit wann empfehlten wir denn hier wiedre iframes. ich verstehs nicht. ich halt mich besser mal hier raus ^^

    Viel Erfolg noch an den TE

  10. #25
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.637

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    Zitat Zitat von Kasalop Beitrag anzeigen
    seit wann empfehlten wir denn hier wiedre iframes.
    Meinst du generell? Warum denn nicht? Oder sind die deprecated?

  11. #26
    nooneatall ist offline Jungspund
    registriert
    17-05-2013
    Beiträge
    16

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    So, ich habe mal was zusammen gebastelt mit Hilfe des Codes von Sempervivum.
    Ich habe anfangs allerdings etwas weggelassen um die Problematik möglichst einfach zu halten.
    und zwar will ich nicht nur einen plan. sondern 2 (heute, morgen), nebeneinander haben.
    so etwa wie hier (2 divs nebeneinander):

    2 Divs

    Hier ist aber das Problem, dass der 2. div auch weiterscrollt, wenn er eigentlich schon am ende ist, weil der andere länger ist.

    ich vermute, dass es an dem code im header liegt, den ich lediglich 2 mal reinkopiert habe und nur den div, auf den es sich bezieht, geändert habe:
    PHP-Code:
    <script type="text/javascript"
            
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
    </script>
    <script type="text/javascript">
            $(document).ready(function(){
                $('#iframe').load(function() {
                  $(this).height(this.contentWindow.document.body.scrollHeight);
                  var scrollamount = $(document).height() - $(window).height();
                  var scrollduration = scrollamount * 10;
                  var pauseduration = 3000;
                  var docheight = $(this).height();
                  jQuery.fn.doScroll = function() {
                      $(this).delay(pauseduration)
                         .animate({top: -scrollamount, height: docheight}, scrollduration, 'linear')
                         .delay(pauseduration)
                         .animate({top: 0, height: $(window).height()}, scrollduration, 'linear', $(this).doScroll);
                      };
                  $(this).height($(window).height()).doScroll();
              });
          });
    </script>
    <script type="text/javascript">
            $(document).ready(function(){
                $('#iframe2').load(function() {
                  $(this).height(this.contentWindow.document.body.scrollHeight);
                  var scrollamount = $(document).height() - $(window).height();
                  var scrollduration = scrollamount * 10;
                  var pauseduration = 3000;
                  var docheight = $(this).height();
                  jQuery.fn.doScroll = function() {
                      $(this).delay(pauseduration)
                         .animate({top: -scrollamount, height: docheight}, scrollduration, 'linear')
                         .delay(pauseduration)
                         .animate({top: 0, height: $(window).height()}, scrollduration, 'linear', $(this).doScroll);
                      };
                  $(this).height($(window).height()).doScroll();
              });
          });
    </script> 
    Ich habe dann versucht, die variablen, die ich erkannt habe (scrollamount, scrollduration, pauseduration, docheight) jeweils mit einer 2 am ende zu versehen (scrollamount2 etc.), damit neue variablen entstehen. daraufhin funtkionierte das scrollen für das 2. div nicht mehr. ich nehme an, ich muss noch den Namen der Funktion ändern, kann das sein?

    Vielen Dank nochmal!!

  12. #27
    Sempervivum ist offline Banned
    registriert
    11-12-2012
    Beiträge
    555

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    Wenn ich dich richtig verstehe, möchtest Du, dass sich die beiden divs unabhängig voneinander bewegen. Leider reichen meine Kenntnisse nicht aus, um das sauber zu realisieren. Ich habe es so probiert:
    Code:
        jQuery.fn.scroller = function() {
              var scrollamount = $(this).height() - $(window).height();
              var scrollduration = scrollamount * 10;
              var pauseduration = 3000;
              var docheight = $(this).height();
              doScroll = function () {
                  $(this).delay(pauseduration)
                      .animate({top: -scrollamount, height: docheight}, scrollduration, 'linear')
                      .delay(pauseduration)
                      .animate({top: 0, height: $(window).height()}, scrollduration, 'linear', $(this).doScroll);
    
                  };
              $(this).height($(window).height()).doScroll();
              };
        $(document).ready(function(){
            $('#globdiv').scroller();
            $('#globdiv2').scroller();
            });
    aber dabei bekomme ich leider die Fehlermeldung, dass die Funktion doScroll undefiniert ist. Vielleicht findet jemand anders dazu eine Lösung.

  13. #28
    Sempervivum ist offline Banned
    registriert
    11-12-2012
    Beiträge
    555

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    So, ich habe es jetzt doch hinbekommen:
    Code:
        $.fn.doScroll = function(pauseduration, scrollamount, scrollduration, docheight) {
                  $(this).delay(pauseduration)
                      .animate({top: -scrollamount, height: docheight}, scrollduration, 'linear')
                      .delay(pauseduration)
                      .animate({top: 0, height: $(window).height()}, scrollduration, 'linear', function(){
                          $(this).doScroll(pauseduration, scrollamount, scrollduration, docheight);
                      });
             };
        $.fn.scroller = function(){
              var scrollamount = $(this).height() - $(window).height();
              var scrollduration = scrollamount * 10;
              var pauseduration = 3000;
              var docheight = $(this).height();
              $(this).height($(window).height()).doScroll(pauseduration, scrollamount, scrollduration, docheight);
              };
        $(document).ready(function(){
            $('#globdiv').scroller();
            $('#globdiv2').scroller();
            });
    Würde mich aber trotzdem interessieren, warum die erste Lösung mit der lokalen Funktion nicht funktioniert.

  14. #29
    Sempervivum ist offline Banned
    registriert
    11-12-2012
    Beiträge
    555

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    So, ich habe jetzt auch den ersten Ansatz mit der lokalen Funktion zum Laufen gebracht:
    Code:
        jQuery.fn.scroller = function() {
              var scrollamount = $(this).height() - $(window).height();
              var scrollduration = scrollamount * 10;
              var pauseduration = 3000;
              var docheight = $(this).height();
              function doScroll(obj) {
                  obj.delay(pauseduration)
                      .animate({top: -scrollamount, height: docheight}, scrollduration, 'linear')
                      .delay(pauseduration)
                      .animate({top: 0, height: $(window).height()}, scrollduration, 'linear', function() {
                           doScroll(obj);
                      });
    
                  };
              $(this).height($(window).height());
              doScroll($(this));
              };
        $(document).ready(function(){
            $('#globdiv').scroller();
            $('#globdiv2').scroller();
            });

  15. #30
    nooneatall ist offline Jungspund
    registriert
    17-05-2013
    Beiträge
    16

    AW: Automatisch langesam scrollen nach 3 Sekunden - dann Sekunden Pause und oben wied

    Bei mir läuft jetzt alles. Ich habe noch versucht, statt des scrollens zum Ende zu springen bzw um x Pixel zu springen, wenn die Datei kürzer ist als zB 400 Pixel nach unten, dann einfach nach unten. Scrollby und scrolltobottom habe ich aber nicht richtig einbinden können. Sind das die richtigen begriffe? Wie müsste ich das denn anstellen?

Seite 2 von 4 ErsteErste 1234 LetzteLetzte

Ähnliche Themen

  1. Automatisches scrollen nach 3 Sekunden beenden
    Von Trossed0200 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 30-07-2012, 02:18
  2. Automatisch nach OBEN Scrollen
    Von oli-bt im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 06-05-2007, 23:10
  3. Automatisch weiterladen nach x sekunden
    Von Snacke im Forum Serverseitige Programmierung
    Antworten: 9
    Letzter Beitrag: 18-11-2005, 21:12
  4. Automatisch beim öffnen nach oben scrollen
    Von Tep im Forum Allgemeines
    Antworten: 1
    Letzter Beitrag: 26-03-2005, 14:20
  5. onunload......5 sekunden eine pause
    Von Bernhard84 im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 28-08-2002, 20:00

Stichworte

Lesezeichen

Berechtigungen

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