Ergebnis 1 bis 3 von 3
  1. #1
    MrPaule75 ist offline Jungspund
    registriert
    22-10-2015
    Beiträge
    13

    Su. Hilfe für Script (erledigt)

    Hallo,

    es ist zwar schön selber zu einem Ergebnis zu kommen, ich möchte dieses Projekt aber nun endlich abschließen und mir fehlen noch 3 Optinierungen.
    Bin selber kein Programmierer (nur Scriptstückler) und benötige honorierte Unterstützung zur Fertigstellung.

    JScript:
    Code:
    <script>
    window.onscroll = function() {myFunction()};
    function myFunction() {
    if (document.body.scrollTop > 5000 || document.documentElement.scrollTop > > 5000) {
          document.getElementById("s5").className = "bulletlist active";
          document.getElementById("s4").className = "bulletlist";
          document.getElementById("s3").className = "bulletlist";
    } else if (document.body.scrollTop > 4000 || document.documentElement.scrollTop > 4000){
          document.getElementById("s4").className = "bulletlist active";
          document.getElementById("s5").className = "bulletlist";
          document.getElementById("s3").className = "bulletlist";
    } else if (document.body.scrollTop > 3000 || document.documentElement.scrollTop > 3000) {
          document.getElementById("s3").className = "bulletlist active";
          document.getElementById("s2").className = "bulletlist";
          document.getElementById("s4").className = "bulletlist";
    } else if (document.body.scrollTop > 2000 || document.documentElement.scrollTop > 2000) {
          document.getElementById("s2").className = "bulletlist active";
          document.getElementById("s1").className = "bulletlist";
          document.getElementById("s3").className = "bulletlist";
    } else if (document.body.scrollTop > 1000 || document.documentElement.scrollTop > 1000) {
          document.getElementById("s1").className = "bulletlist active";
          document.getElementById("s0").className = "bulletlist";
          document.getElementById("s2").className = "bulletlist";
    } else {
          document.getElementById("s0").className = "bulletlist active";
          document.getElementById("s1").className = "bulletlist";
          document.getElementById("s2").className = "bulletlist";
          document.getElementById("s3").className = "bulletlist";
          document.getElementById("s4").className = "bulletlist";
          document.getElementById("s5").className = "bulletlist";
    }
    }
    </script>
    HTML-Code:
    Code:
    <div class="sprungmarken displayhoehe">
    <ul class="sprungmarken">
    <li id="s0"><a href="#top" title="nach oben" class="bulletlist"></a></li>
    <li id="s1"><a href="#zwei" title="weiter" class="bulletlist"></a></li>
    <li id="s2"><a href="#drei" title="weiter" class="bulletlist"></a></li>
    <li id="s3"><a href="#vier" title="weiter" class="bulletlist"></a></li>
    <li id="s4"><a href="#fuenf" title="weiter" class="bulletlist"></a></li>
    </ul>
    </div>
    Erklärung:
    Der HTML-Code zeigt die Sprungmarken am Seitenrand. Über diese kann man direkt (runter) zu den "Seitenabschnitten" springen.
    Bei dem jeweiligen Seitenbereich soll der jeweilige Seitenpunkt aktiv sein.

    Problem / Hilfe benötigt:

    1. Die Deaktivierung der einzelnen Seitenpunkte
    Code:
    document.getElementById("s5").className = "bulletlist";
    mit x eigenen Zeilen ist sicherlich nicht elegant gelöst - denke ich. Ein(e) Profi kann das sicherlich kürzer/eleganter lösen. Wenn nicht oder zu aufwändig, funktioniert auch so.

    2. Die "Seitenhöhe" der Bereiche ist derzeit noch in Pixen angegeben. Das hat den Nachteil, zieht man das Browserfenster in der Höhe schmaler oder hat das Display eine kleinere/größere Größe in Pixeln, stimmen die aktivierten Seitenpunkte nicht. Ideal wäre hier die Verwendung der 'windowHeight'.
    Ich nutze davor zur Bestimmung der Displayhöhe (wegen der automatischen Anpassung von Bildern auf die ganze Displahöhe) folgenes Script.

    Code:
    <script>
    $(document).ready(function() {
      function setHeight() {
        windowHeight = $(window).innerHeight();
        $('.displayhoehe').css('height', windowHeight);
      };
      setHeight();
      
      $(window).resize(function() {
        setHeight();
      });
    });
    </script>
    Ich weiß jedoch nicht auf Anhieb, wie ich die 'windowHeigt' in das andere Script rüberbekommen und einbinde, dass es dann so funktioniert:

    Code:
    if (document.body.scrollTop > ($(window).innerHeight()*5) || document.documentElement.scrollTop > ($(window).innerHeight()*5))
    ... also anstatt einer fixen Pixelhöhe die z.B. fünf, vier, drei ... fache Displayhöhe.

    3.) Aktuell ist es so, wenn man die Seite lädt, der erste Punkt (Seite1 bzw. s0) deaktiviert ist. Erst nach dem ersten Scrollen per Wheel oder Scrollbalken aktiviert sich der Punkt. Ich glaube das hängt mit dem Script zusammen, welches nur Scollaktionen erfasst. Schöner wäre es jedoch, dass beim Seite laden der Punkt schon aktiviert wird, dann beim Scrollen weiter aktiv bleibt, bis man dann in den nächsten Bereich gelangt.

    Bei Fragen bitte fragen.

    Ich benötige jemand, der/die mir das zeitnah umsetzen kann. Sollte für eine/n Javaprogrammierer/in kein Problem sein.
    Bitte Zeitaufwand und Honorarvorstellung angeben (auch ob inkl. oder exkl. MwSt.)

    Vielen Dank im Voraus.
    Geändert von MrPaule75 (16-11-2015 um 21:44 Uhr) Grund: (erledigt)

  2. #2
    MrPaule75 ist offline Jungspund
    registriert
    22-10-2015
    Beiträge
    13

    AW: Su. Hilfe für Script

    erledigt

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

    AW: Su. Hilfe für Script

    Wie 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

Ähnliche Themen

  1. PHP Script Hilfe
    Von tati85 im Forum Serverseitige Programmierung
    Antworten: 4
    Letzter Beitrag: 07-02-2008, 15:47
  2. Hilfe bei Script
    Von jopeku im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 28-01-2008, 19:00
  3. Hilfe zu einem Script
    Von longbow im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 18-02-2006, 10:08
  4. Script Hilfe
    Von didog.de im Forum JavaScript
    Antworten: 8
    Letzter Beitrag: 26-08-2005, 18:17
  5. Hilfe Hilfe für das Script
    Von sss im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 20-02-2003, 14:04

Lesezeichen

Berechtigungen

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