kariert: Probleme in Schleife

Beitrag lesen

SELF-Forum

Probleme in Schleife

kariert
– Informationen zu den Bewertungsregeln

Hallo Kariert,

drückt man nun oben den Button zur Seite 2, würde page=2 gesetzt werden....

würde oder wird? Steht da var page=2; ? Und wenn ja, du also das Script auf jeder Seite anpassen musst, warum lässt du dann das if ... else if ... nicht einfach weg und schreibst nur das, was da wirklich hin soll. Oder wird das Script in eine exteren JS-Datei ausgelagert und auf der jeweiligen Seite steht nur var page = xxx?

Gruß, Jürgen

Naja laut meinem Quelltext, wird es gesetzt...aber beim wiederholten klicken auf die Buttons scheint "page" ungleich meiner gesetzten Festlegung zu sein.

auf wenn ich die Anweisung gebe

if (page==1) {
...}
if (page==2) {
...}
if (page==3) {
...}

funktioniert es nicht.

-->
<!DOCTYPE html>
<html>
<head>
  <style>

body, html { overflow: hidden; }

#navi {
  position:relative;
  background-color:#abc;
  margin: 10px auto auto auto;
  width:110px;
  height:30px;
}

#div1 {
  position:relative;
  background-color:#abc;
  margin: 50px auto auto auto;
  width:500px;
  height:800px;
}

#div2 {
  position:absolute;
  background-color:#abc;
  width:500px;
  height:800px;
  margin: -800px 0 0 2000px;
}

#div3 {
  position:absolute;
  background-color:#abc;
  width:500px;
  height:800px;
  margin: -800px 0 0 3290px;
}

</style>
  <script src="http://code.jquery.com/jquery-

latest.js"></script>
</head>

<body>
<div id="navi">
  <button id="b1">b1</button>
  <button id="b2">b2</button>
  <button id="b3">b3</button>
</div>

<div id="div1" class="block"></div>
<div id="div3" class="block"></div>
<div id="div2" class="block"></div>

<script>

var page=1;

if (page==1)
{
  $("#b1").click(function(){
  $(".block").animate({"left": "+=0px"}, "slow");
  page=1;});

$("#b2").click(function(){
  $(".block").animate({"left": "-=1290px"}, "slow");
  page=2;
  });

$("#b3").click(function(){
  $(".block").animate({"left": "-=2580px"}, "slow");
  page=3;
  });
}

if (page==2)
{
  if (page=2) {
  $("#b1").click(function(){
  $(".block").animate({"left": "+=1290px"}, "slow");
  page=1;});

$("#b2").click(function(){
  $(".block").animate({"left": "-=0px"}, "slow");
  page=2;
  });

$("#b3").click(function(){
  $(".block").animate({"left": "-=1290px"}, "slow");
  page=3;
  });
}

if (page==3)
{
  $("#b1").click(function(){
  $(".block").animate({"left": "+=2580px"}, "slow");
  page=1;});

$("#b2").click(function(){
  $(".block").animate({"left": "+=1290px"}, "slow");
  page=2;
  });

$("#b3").click(function(){
  $(".block").animate({"left": "-=0px"}, "slow");
  page=3;
  });
}

</script>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln