Ergebnis 1 bis 3 von 3

Thema: named anker sprung

  1. #1
    Azubi(ne)
    Registriert seit
    20.11.2008
    Beiträge
    68
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard named anker sprung

    Hallo,

    ich habe auf einer seite mehrere named anker und rechts 2 pfeile sitzen die position fixed sind. Jetzt möchte ich wenn man auf den pfeil nach unten klickt soll dann die seite von anker zu anker springen... bzw. wenn man den pfeil nach oben klickt soll der inhalt nach oben springen...


    Danke wenn ihr mir helfen würdet.

    Gruß
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: named anker sprung

    mach ma den code frisch....
    sich den ganzen schmock aus den fingern saugen is ätzend

    edit:
    haste glück dass ich grad langeweile hatte...
    HTML-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">
    
    <html>
    <head>
        <title>titel kommt hier hin</title>
        
    <style type="text/css">
    <!--
      #wrapper{
      width:900px;
      margin:0 auto;
      }  
      #content{
      float:left;
      width:650px;
      height: 500px;
      overflow:auto;
      margin-left:95px;
      margin-top: 30px;
      border: 2px solid black;
      background: white;
      padding:20px;
      }
      #up{
      width:40px;
      height:20px;
      position:absolute;
      right:20px;
      top:40px;
      background:red;
      cursor:pointer;
      }
      #down{
      width:40px;
      height:20px;
      position:absolute;
      right:20px;
      top:90px;
      background:green;
      cursor:pointer;
      }
    -->
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
    var anker = new Array();
    anker[0] = "top";
    anker[1] = "blubb";
    anker[2] = "flop";
    anker[3] = "knop";
    anker[4] = "b4bottom";
    anker[5] = "bottom";
    var count = -1;
    var tmpaddress = top.location.href;
    var address = tmpaddress.substr(0, tmpaddress.indexOf("#"))
    $(document).ready(function(){
        $("#down").click(function(){
            if(count < anker.length-1){
                count++;
                top.location.href = address +"#"+anker[count];
            }
        });
        $("#up").click(function(){
            if(count > 0){
                count--;
                top.location.href = address +"#"+anker[count];
            }
        });
    });
    </script>
    </head>
    
    <body>
    <div id="up">rauf</div>
    <div id="down">runter</div>
    <div id="content">
    <a name="top">inhalt</a>
    <br /><br />
    text<br /><br />
    text<br /><br />
    <a name="blubb"></a>
    text<br /><br />
    text<br /><br />
    texawdawt<br /><br />
    teawdxt<br /><br />
    <a name="flop"></a>
    teawdawt<br /><br />
    text<br /><br />
    text<br /><br />
    teawdawdxt<br /><br />
    text<br /><br />
    <a name="knopp"></a>
    text<br /><br />
    teawdaxt<br /><br />
    text<br /><br />
    <a name="b4bottom"></a>
    tewfafxt<br /><br />
    teawfawdxt<br /><br />
    tefawfxt<br /><br />
    tewdawfaxt<br /><br />
    tewfaxt<br /><br />
    tefaat<br /><br />
    text<br />
    <a name="bottom">ende</a>
    </div>
    
    
    </body>
    </html>
    
    Geändert von synaptic (10.03.2010 um 13:55 Uhr) Grund: code ergänzt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Azubi(ne)
    Themenstarter

    Registriert seit
    20.11.2008
    Beiträge
    68
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: named anker sprung

    Danke. Bin getsern leider nicht mehr dazu gekommen. ICh probier eihn nacher mal aus...

    Danke

Ähnliche Themen

  1. No module named TIForum.transforms.bbcode_to_html
    Von Klaus im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 2
    Letzter Beitrag: 17.06.2008, 14:18
  2. ungewollter RollOver/RollOut Sprung
    Von im Forum Flash Forum
    Antworten: 9
    Letzter Beitrag: 17.07.2007, 13:34
  3. Iframe mit anker - hauptseite lädt iframe anker
    Von Odo im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.03.2007, 16:38
  4. Anker
    Von Gurkenhappen im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 18.01.2005, 17:57
  5. Bei Reload immer der Sprung auf die Startseite
    Von snakey im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 11.03.2004, 23:24

Stichworte

Berechtigungen

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