named anker sprung

guuls

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ß

synaptic

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

<!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>

Alles anzeigen

guuls

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

Danke

Tags