+ Antworten
Ergebnis 1 bis 14 von 14

Thema: zum Seitenanfang springen

  1. #1
    hansho ist offline Jungspund hansho befindet sich auf einem aufstrebenden Ast
    registriert
    01-01-2008
    Beiträge
    10

    zum Seitenanfang springen

    Guten Tag

    Ich hab ein sehr nettes Java script in meine kleine Website eingebaut:

    Quelle: DHTML - Jump to Top - An Seitenanfang springen


    DHTML - An Seitenanfang springen
    Dieses JavaScript wird auf vielen Seiten eingesetzt um mit einem Klick an den Seitenanfang zurückspringen zu können.
    Neben dem JavaScript-Code ist ein Bild notwendig, welches die Funktion andeutet. Vergleichen Sie hierzu in der linken unteren Ecke der Seite/des Frame:

    Das funktioniert sehr gut unter IE7 und Internet Explorer 6.x




    aber unter Firefox ist der laufende Pfeil plötzlich auf der rechten Seite und oben, was mit dem Layaout meiner Seiten überhaupt nicht übereinstimmt


    Könnten mir jemand freundlicherweise einen Tipp geben, wie ich das script auch unter Firefox auf die selbe Weise zum Laufen bringe, wie unter Internet Explorer? (das laufende Bild links unten, am linken Rand der Seite)

    unten hab ich den code angeführt

    herzlichen Dank
    Hans


    Position in der html-Datei: head-Bereich. Gestartet wird das JavaScript mit dem body-Attribut: onload="initButton();"

    PHP-Code:
    <script type="text/javascript">
    <!--
    var 
    x,y;
    function 
    hochbreit() {
      if (
    self.innerHeight)  // all except Explorer
        
    {
        
    self.innerWidth;
        
    self.innerHeight;
        }
      else if (
    document.documentElement && document.documentElement.clientHeight)  // Explorer 6 Strict Mode
        
    {
        
    document.documentElement.clientWidth;
        
    document.documentElement.clientHeight;
        }
      else if (
    document.body)  // other Explorers
        
    {
        
    document.body.clientWidth;
        
    document.body.clientHeight;
        }
      }

    function 
    floatButton() {
      
    hochbreit()
      if (
    document.all)
        {
        
    document.all.topHeadline.style.pixelTop Number(document.body.scrollTop+y-33);
        }
      else if (
    document.layers)
        {
        
    document.topHeadline.top window.pageYOffset;
        }
      else if (
    document.getElementById)
        {
        
    document.getElementById('topHeadline').style.top window.pageYOffset 'px';
        }
      }
      if (
    document.all)
        
    window.onscroll floatButton;
      else
        
    setInterval ('floatButton()'100);

    function 
    initButton () {
      if (
    document.all)
        {
        
    document.all.topHeadline.style.pixelLeft 0;
        
    document.all.topHeadline.style.visibility 'visible';
        }
      else if (
    document.layers)
        {
        
    document.topHeadline.left 0;
        
    document.topHeadline.visibility 'show';
        }
    else if (
    document.getElementById)
        {
        
    document.getElementById('topHeadline').style.left = (window.innerWidth 35) + 'px';
        
    document.getElementById('topHeadline').style.visibility 'visible';
        }
      }

    /*
    Original:  Richard Cleaver (richard@cleaver.org.uk)
    mod:  w. jansen (web-toolbox.net)
    mod:  g. schleu (freesolutions.de) - ready for quirks-mode
    */
    //-->
    </script> 


    Position in der html-Datei: body-Bereich, Seitenanfang (!)



    PHP-Code:
    <span id="topHeadline" style="position: absolute; visibility: hidden; top: 0px;"><a href="#top"><img src="../_b/arrow_up2.gif" border="0" width="33" height="31" alt="Seitenanfang" /></a></span
    Geändert von dkdenz (01-01-2008 um 10:31 Uhr) Grund: Code-Tags hinzugefügt...

  2.    Empfehlenswerte Literatur von unserem Partner Terrashop

    Das AJAX Kompendium jetzt 84% Rabatt
    Ajax - der Technologiemix aus JavaScript und XML - ist eines der Kernstücke professioneller Web 2.0-Programmierung. Dieses Buch führt Sie auf über 800 Seiten(!) von den ersten JavaScript-Codezeilen bis zur Entwicklung mit Ajax-Frameworks.

    Preis: früher: 49,95€ - jetzt nur: 7,95€

    Hier geht es direkt zum Buch

    Über 1.000 weitere IT-Bücher zum Sonderpreis lieferbar!

  3. #2
    undefined ist offline Kaiser undefined befindet sich auf einem aufstrebenden Ast
    registriert
    08-08-2007
    Beiträge
    1.434

    AW: zum Seitenanfang springen

    Zitat Zitat von hansho Beitrag anzeigen
    Ich hab ein sehr nettes Java script in meine kleine Website eingebaut...
    Das Ding ist nicht nett - es ist Schrott und das auch in Bezug auf IE.
    Zitat Zitat von Toxictype Beitrag anzeigen
    Da ich von den meisten Usern dieses Forums sehr viel halte und immer die "richtigen" Antworten bekomme, wende ich mich lieber auch mit trivialen Fragen direkt an sie. Was helfen mir Foren, in denen zig verschiendene Lösungsansätze aufgezeigt werden und immer noch nicht weiß, welches nun der beste Weg ist...
    Keine Ahnung zu haben macht nix.

  4. #3
    Avatar von anna55
    anna55 ist offline Moderator anna55 befindet sich auf einem aufstrebenden Ast
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.239

    AW: zum Seitenanfang springen

    Zitat Zitat von hansho Beitrag anzeigen
    Ich hab ein sehr nettes Java script in meine kleine Website eingebaut
    ..
    Neben dem JavaScript-Code ist ein Bild notwendig, welches die Funktion andeutet....
    Zunächst mal: Wir duzen uns hier im Forum, deshalb werde ich jetzt auch diese Form verwenden.

    JavaScript hat geeignete Einsatzorte, Dein Vorhaben ist kein geeigneter. Du willst offensichtlich mit einer Pfeilgrafik den Sprung nach oben anzeigen. Das ist auf dieser Seite umgesetzt. Links unter den einzelnen Beispielen findest Du einen solchen Pfeil. Wie's geht siehst Du im Quelltext. Weitere Erläuterungen zu Anker gibt es bei SELFHTML.

    BTW Über dem Eingabefeld befinden sich kleine Codetags (einfach mal mit der Maus drübergehen). Benutze sie bitte, wenn Du wieder Code postest.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  5. #4
    hansho ist offline Jungspund hansho befindet sich auf einem aufstrebenden Ast
    registriert
    01-01-2008
    Beiträge
    10

    AW: zum Seitenanfang springen

    Ich bin leider (noch) absoluter Anfänger ...

    Mir hat nur die Funktion gut gefallen, dass am linken Seitenrand ein Pfeil-Bild (ich hab eine GIF-Animation gemacht) mitrennt und man durch anklicken zum Seitenanfang (Menü) springen kann

    Einige meiner Seiten sind nämlich sehr lang, und ich möchte nicht bei jedem Abschnitt einen Ankerlink nach oben setzten...


    Falls jemand also ein besseres script (welches auch unter Firefox den Pfeil/das Bild am linken Rand setzt ) kennt, wär ich sehr dankbar für den Code


    Ich kann lediglich im Head oder Body der Seite(n) Code einkopieren, wie es in diesem Fall auch für den Anfänger verständlich beschrieben wurde...



    herzlichen Dank für jede Hilfe
    Hans

  6. #5
    Avatar von anna55
    anna55 ist offline Moderator anna55 befindet sich auf einem aufstrebenden Ast
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.239

    AW: zum Seitenanfang springen

    Zitat Zitat von hansho Beitrag anzeigen
    Falls jemand also ein besseres script (welches auch unter Firefox den Pfeil/das Bild am linken Rand setzt ) kennt, wär ich sehr dankbar für den Code
    Hallo Hans,

    wir haben zeitgleich gepostet. Schau Dir mal meine Ausführungen an.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  7. #6
    undefined ist offline Kaiser undefined befindet sich auf einem aufstrebenden Ast
    registriert
    08-08-2007
    Beiträge
    1.434

    AW: zum Seitenanfang springen

    Für quasi alle aktuellen Browser kannst Du sowas ohne JS umsetzen (Stichwort position:fixed im CSS).

    Das gepostete Script solltest Du besser wegschmeißen. Obwohl es den Anschein erweckt, den standardkonformen Modus mit einzubeziehen, tut es dieses nicht. Da Du aber bei Benutzung einer CSS-Lösung JS höchstens für IE<7 benötigst kannst Du auch eine dafür spezifische Lösung einbauen, welche sauber ist...
    Zitat Zitat von Toxictype Beitrag anzeigen
    Da ich von den meisten Usern dieses Forums sehr viel halte und immer die "richtigen" Antworten bekomme, wende ich mich lieber auch mit trivialen Fragen direkt an sie. Was helfen mir Foren, in denen zig verschiendene Lösungsansätze aufgezeigt werden und immer noch nicht weiß, welches nun der beste Weg ist...
    Keine Ahnung zu haben macht nix.

  8. #7
    hansho ist offline Jungspund hansho befindet sich auf einem aufstrebenden Ast
    registriert
    01-01-2008
    Beiträge
    10

    Smile AW: zum Seitenanfang springen

    [QUOTE Du willst offensichtlich mit einer Pfeilgrafik den Sprung nach oben anzeigen. Das ist auf dieser Seite umgesetzt.

    Besten Dank

    Was ich wollte ist nicht ein Pfeil unter jeden Absatz meiner Seite(n), sondern ein am linken Rand der Seite(n) mitlaufender Pfeil/Grafik (wie er unter dem link in meinem Eingangsposting durch das script für IE verwirklicht ist - und bei mir auch gut klappt.)

    Wie gesasgt - unter Firefox ist die Grafik leider rechts und nicht im re unteren Eck, sondern rechts oben (was sich mit meinem layout nicht verträgt)


    Gitbt es also eine Möglichkeit dieses script zu ändern, sodass es auch unter Firefox das gewünschte Resultat ergibt?

    Oder eine andere Möglichkeit, einen am linken Rand mit dem Scrollen entlanglaufenden Button/Pfeil_nach_oben einzubauen, durch dessen Anklicken man zum Seitenanfang gelangt? (nur ein button für die ganze Seite) - die einzelnen Kapitel der Seite(n) steuere ich natürlich durch das Menü am Anfang der Seite(n) an.


    Ich hoffe, ich hab mich verständlich ausgedrückt - das Beispiel wäre unter diesem link anzusehen:

    DHTML - Jump to Top - An Seitenanfang springen

    Es gibt ja auf einigen Seiten im Internet ganze Menüleisten, die beim Scrollen mitschweben;


    Vielleicht ist das unter Experten heute verpönt, wie frames, aber ich bin nur ein Amateur und ausserdem hab ich meine ganze Website (bin noch nicht online; das Problem hab ich erst jetzt beim abschliessenden Testen mit Firefox gesehen; vorher hab ich immer mit IE das Projekt getestet) - oder mehrere Seiten meiner Website so konzipiert, dass dieser mitlaufende "nach-oben-button" eingebaut ist.



    herzlichen Dank für euere Hilfe - und Geduld mit einem Anfänger



    Hans

  9. #8
    undefined ist offline Kaiser undefined befindet sich auf einem aufstrebenden Ast
    registriert
    08-08-2007
    Beiträge
    1.434

    AW: zum Seitenanfang springen

    Zitat Zitat von undefined Beitrag anzeigen
    Für quasi alle aktuellen Browser kannst Du sowas ohne JS umsetzen (Stichwort position:fixed im CSS).

    Das gepostete Script solltest Du besser wegschmeißen. Obwohl es den Anschein erweckt, den standardkonformen Modus mit einzubeziehen, tut es dieses nicht. Da Du aber bei Benutzung einer CSS-Lösung JS höchstens für IE<7 benötigst kannst Du auch eine dafür spezifische Lösung einbauen, welche sauber ist...
    ­
    Zitat Zitat von Toxictype Beitrag anzeigen
    Da ich von den meisten Usern dieses Forums sehr viel halte und immer die "richtigen" Antworten bekomme, wende ich mich lieber auch mit trivialen Fragen direkt an sie. Was helfen mir Foren, in denen zig verschiendene Lösungsansätze aufgezeigt werden und immer noch nicht weiß, welches nun der beste Weg ist...
    Keine Ahnung zu haben macht nix.

  10. #9
    Avatar von dkdenz
    dkdenz ist gerade online Super Moderator dkdenz befindet sich auf einem aufstrebenden Ast
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    11.251
    Blog-Einträge
    1

    AW: zum Seitenanfang springen

    Dirk Klar - Mediendesign - Webdesign - Lübeck.
    Suchmaschinenoptimierung + Barrierefreies Webdesign.


    Es gibt Menschen, die hat der Liebe Gott halt erst kurz vor Feierabend gemacht!

  11. #10
    Avatar von anna55
    anna55 ist offline Moderator anna55 befindet sich auf einem aufstrebenden Ast
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.239

    AW: zum Seitenanfang springen

    Zitat Zitat von hansho Beitrag anzeigen
    Oder eine andere Möglichkeit, einen am linken Rand mit dem Scrollen entlanglaufenden Button/Pfeil_nach_oben einzubauen, durch dessen Anklicken man zum Seitenanfang gelangt? (nur ein button für die ganze Seite) - die einzelnen Kapitel der Seite(n) steuere ich natürlich durch das Menü am Anfang der Seite(n) an.
    Stellst Du Dir sowas vor? Hab mal ne kleine Beispielseite gebastelt, ist valide und läuft in FF, Opera, IE6 und IE7. Allerdings empfinde ich den Sprung nach oben, wenn man ganz runterscrollt, als sehr abrupt. Und Du hast ja von langen Seiten gesprochen. Hab für dieses Prob auf dieser Seite ne gute Ergänzung gesehen.

    PHP-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >
    <
    html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <
    head >
    <
    meta http-equiv="content-style-type" content="text/css" />
    <
    title>Position fixed</title>

    <
    style type="text/css">
    htmlbody {
        
    margin0;
        
    padding0;
        
    background-colorgray;
    }

    h2{
        
    padding40px 270px 0;
        
    color#fff;
    }

    span.fixed {
        
    positionfixed;
        
    background:url(../images/top.gifno-repeat center bottom;
        
    width15px;
        
    height12px;
        
    left200px;
        
    top500px;
        
    cursorhand;
    }
    </
    style>

    <!--[if 
    lte IE 6]>
    <
    style type="text/css">
    htmlbody
        
    {
        
    height100%;
        
    overflowauto;
        }
    span.fixed {
        
    positionabsolute;
    }
    </
    style>
    <![endif]-->

       </
    head>

       <
    body>
       <
    a id="top" name="top"></a>
          <
    h2>Wortberge</h2>
    <
    a href="#top"><span class="fixed"></span></a>
    <
    p>Weit hintenhinter den Wortbergenfern der Länder Vokalien und Konsonantien leben die BlindtexteAbgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantikeines großen SprachozeansEin kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen RegelialienEs ist ein paradiesmatisches Landin dem einem gebratene Satzteile in den Mund fliegenNicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht ein geradezu unorthographisches LebenEines Tages aber beschloß eine kleine Zeile Blindtextihr Name war Lorem Ipsumhinaus zu gehen in die weite GrammatikDer große Oxmox riet ihr davon abda es dort wimmele von bösen Kommatawilden Fragezeichen und hinterhältigen Semikolidoch das Blindtextchen ließ sich nicht beirrenEs packte seine sieben Versalienschob sich sein Initial in den Gürtel und machte sich auf den WegAls es die ersten Hügel des Kursivgebirges erklommen hattewarf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straßeder ZeilengasseWehmütig lief ihm eine rethorische Frage über die Wangedann setzte es seinen Weg fortUnterwegs traf es eine Copy. Die Copy warnte das Blindtextchendawo sie herkäme wäre sie zigmal umgeschrieben worden und alleswas von ihrem Ursprung noch übrig wäresei das Wort "und" und das Blindtextchen solle umkehren und wieder in sein eigenessicheres Land zurückkehrenDoch alles Gutzureden konnte es nicht überzeugen und so dauerte es nicht langebis ihm ein paar heimtückische Werbetexter auflauertenes mit Longe und Parole betrunken machten und es dann in ihre Agentur schlepptenwo sie es für ihre Projekte wieder und wieder mißbrauchtenUnd wenn es nicht umgeschrieben wurdedann benutzen Sie es immernoch.</p>
    ...
    mehrfach einfügendamit die Seite scrollt...
    </
    html


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  12. #11
    hansho ist offline Jungspund hansho befindet sich auf einem aufstrebenden Ast
    registriert
    01-01-2008
    Beiträge
    10

    AW: zum Seitenanfang springen

    Stellst Du Dir sowas vor? Hab mal ne kleine Beispielseite gebastelt, ist valide und läuft in FF, Opera, IE6 und IE7. Allerdings empfinde ich den Sprung nach oben, wenn man ganz runterscrollt, als sehr abrupt. Und Du hast ja von langen Seiten gesprochen. Hab für dieses Prob auf dieser

  13. #12
    undefined ist offline Kaiser undefined befindet sich auf einem aufstrebenden Ast
    registriert
    08-08-2007
    Beiträge
    1.434

    AW: zum Seitenanfang springen

    Zitat Zitat von hansho Beitrag anzeigen
    Stellst Du Dir sowas vor? Hab mal ne kleine Beispielseite gebastelt, ist valide und läuft in FF, Opera, IE6 und IE7. Allerdings empfinde ich den Sprung nach oben, wenn man ganz runterscrollt, als sehr abrupt. Und Du hast ja von langen Seiten gesprochen. Hab für dieses Prob auf dieser
    Was möchtest Du uns damit sagen?
    Zitat Zitat von Toxictype Beitrag anzeigen
    Da ich von den meisten Usern dieses Forums sehr viel halte und immer die "richtigen" Antworten bekomme, wende ich mich lieber auch mit trivialen Fragen direkt an sie. Was helfen mir Foren, in denen zig verschiendene Lösungsansätze aufgezeigt werden und immer noch nicht weiß, welches nun der beste Weg ist...
    Keine Ahnung zu haben macht nix.

  14. #13
    hansho ist offline Jungspund hansho befindet sich auf einem aufstrebenden Ast
    registriert
    01-01-2008
    Beiträge
    10

    AW: zum Seitenanfang springen

    Zitat Zitat von anna55 Beitrag anzeigen
    Stellst Du Dir sowas vor? Hab mal ne kleine Beispielseite gebastelt, ist valide und läuft in FF, Opera, IE6 und IE7.
    [/PHP]

    Besten Dank

    Das ist genau, was ich suche.
    Ich hab Deinen Code für meine Zwecke modifiziert (wie ich glaubte, das es funktioniert)

    Unter Firefox läuft folgender Code:


    im head

    PHP-Code:
    <style type="text/css"

    span.fixed 
        
    positionfixed
        
    background:url(files/arrow_up2.gifno-repeat center bottom
        
    width40px
        
    height50px
        
    left0px
        
    top500px
        
    cursorhand

    </
    style

    <!--[if 
    lte IE 6]> 
    <
    style type="text/css"
    htmlbody 
        

        
    height100%; 
        
    overflowauto
        } 
    span.fixed 
        
    positionabsolute

    </
    style

    Anfang body

    PHP-Code:
      <a id="top" name="top"></a

    Ende Body


    PHP-Code:
    <a href="#top"><span class="fixed"></span></a

    Wenn ich im Firefox den Code des Body gesamt an den Anfang vom Body stelle, erscheint mein Bild/Imagelink zwar an der richtigen Stelle, aber, wenn ich mit der Maus drüber fahre, ändert sich der Zeiger nicht zur Hand. Ich muss dann mit dem Mauszeiger ganz an den linken Rand des Bildes fahren, damit der link funktioniert.

    Aus diesem Grund hab ich einen Teil des body-code an das Ende vom body gestellt. Dieser Modus würde im Firefox funktionieren


    Unter Internet Explorer funktioniert der Code leider nicht, wie gewünscht:

    Wenn ich den body Teil des Code gesamt an den Anfang vom Body stelle, erscheint das Bild/Imagelink in der oberen linken Ecke (nicht 500pixel drunter) des screen, geht beim Scrollen aber nicht mit...


    Wenn ich, wie es beim Firefox ok läuft, den body-Teil des Code teile und den Code für den link (siehe bitte oben) ans Ende des body stelle, dann erscheint das Bild/Imagelink links unten in der Exke am Ende der Seite (beim Scrollen ist auch hier kein Bild zu sehen)



    Bin leider ratlos, nachdem ich einiges versucht habe



    besten Dank
    Hans

  15. #14
    Avatar von anna55
    anna55 ist offline Moderator anna55 befindet sich auf einem aufstrebenden Ast
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.239

    AW: zum Seitenanfang springen

    Zitat Zitat von hansho Beitrag anzeigen
    Bin leider ratlos, nachdem ich einiges versucht habe
    Hast Du es schon mal mit nem richtigen Doctype versucht? Deine Beschreibung deutet darauf hin, dass sich Deine Seite im Quirksmode befindet.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

+ Antworten

Ähnliche Themen

  1. Mittels Angabe von Eintrags ID auf entsprechnde Seite springen?!
    Von Johannes Didask im Forum Serverseitige Programmierung
    Antworten: 3
    Letzter Beitrag: 19-02-2007, 12:43
  2. Mit JS auf einen Anker springen
    Von THEJS im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 21-08-2006, 22:01
  3. Antworten: 7
    Letzter Beitrag: 18-06-2004, 15:58
  4. Frage zum Springen innerhalb einer Seite
    Von sexyeyes_21 im Forum Allgemeines
    Antworten: 1
    Letzter Beitrag: 11-07-2003, 21:20
  5. in Formularen autom. von Feld zu Feld springen
    Von schipped im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 19-05-2003, 21:35

Lesezeichen

Berechtigungen

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