Guten Tag...
Mit dem Code unten versuch ich ein div Mit einem Klick vor und mit einem 2ten Klick zurück zubewegen. Ich kann auch beide Intervale einmal ausführen. Aber dannach passiert nichts mehr bis ich die Seite neu geladen hab.
Jemand eine Idee ?
Vielen Dank
<script type="text/javascript">
var richtung = 1;
var nullpostion =-384;
var rausgefahren = 0;
var rein;
var raus;
function Starten()
{
if(rausgefahren == 0)
{
raus = setInterval(raus,5);
} else {
rein = setInterval(rein,5);
}
}
function rein()
{
if(rausgefahren == 0)
{
rein = clearInterval(rein);
/*document.write(rausgefahren + "|" + rein + "|" + raus);
window.location.reload(true);*/
}
rausgefahren = rausgefahren - richtung;
document.getElementById("anmelden").style.marginLeft = nullpostion - rausgefahren;
}
function raus()
{
if(rausgefahren == 200)
{
raus = clearInterval(raus);
}
rausgefahren = rausgefahren + richtung;
document.getElementById("anmelden").style.marginLeft = nullpostion - rausgefahren;
}
</script>
<input id="button" type="button" value="Anmelden" onclick="javascript:Starten();"/>
<div id="anmelden" style="position:fixed; left:50%; margin-left:-384px; width:220px; height:220px; background-color:#666;"></div>