Hallo zusammen,
wir haben erst kürzlich in der "Schule" mit JavaScript angefanen und somit ist diese Materie noch recht frisch für mich.
Zu meinem Problem:
Ich möchte, wenn ich auf ein Element klicke, dass es sich ein Stück weiter nach rechts bewegt. Sprich, steht auf 100px von links und soll dann um weitere 50px nach rechts bei Klick auf dieses Element wandern. Das habe ich auch geschafft (siehe Quellcode). Ich möchte es allerdings erreichen, dass jedesmal wenn ich auf das Element klicke es um weitere 50px nach rechts wandert. Also beim 2. Mal klicken befindet es sich bei 200px von links u.s.w.
Ist das möglich? :)
Für eine Antwort wäre ich mehr als dankbar!
Beste Grüße
Cathrin
Quellcode:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace" xml:lang="de" lang="de">
<head>
<title>Pferderennen</title>
<meta name="generator" content="Scribe! 2 [http://scribe.de]" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
<!--
function go()
{document.getElementById("gruppe1").style.left="150px"; }
//-->
</script>
</head>
<body>
<div id="container"></div>
<input class="anklickButton" type="button" value="GRUPPE EINS" onclick="go()" id="gruppe1"></div>
<div id="gruppe2">Gruppe ZWEI</div>
<div id="gruppe3">Gruppe DREI</div>
<div id="gruppe4">Gruppe VIER</div>
<div id="gruppe5">Gruppe FÜNF</div>
<div id="gruppe6">Gruppe SECHS</div>
</body>
</html>
wir haben erst kürzlich in der "Schule" mit JavaScript angefanen und somit ist diese Materie noch recht frisch für mich.
Zu meinem Problem:
Ich möchte, wenn ich auf ein Element klicke, dass es sich ein Stück weiter nach rechts bewegt. Sprich, steht auf 100px von links und soll dann um weitere 50px nach rechts bei Klick auf dieses Element wandern. Das habe ich auch geschafft (siehe Quellcode). Ich möchte es allerdings erreichen, dass jedesmal wenn ich auf das Element klicke es um weitere 50px nach rechts wandert. Also beim 2. Mal klicken befindet es sich bei 200px von links u.s.w.
Ist das möglich? :)
Für eine Antwort wäre ich mehr als dankbar!
Beste Grüße
Cathrin
Quellcode:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace" xml:lang="de" lang="de">
<head>
<title>Pferderennen</title>
<meta name="generator" content="Scribe! 2 [http://scribe.de]" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
<!--
function go()
{document.getElementById("gruppe1").style.left="150px"; }
//-->
</script>
</head>
<body>
<div id="container"></div>
<input class="anklickButton" type="button" value="GRUPPE EINS" onclick="go()" id="gruppe1"></div>
<div id="gruppe2">Gruppe ZWEI</div>
<div id="gruppe3">Gruppe DREI</div>
<div id="gruppe4">Gruppe VIER</div>
<div id="gruppe5">Gruppe FÜNF</div>
<div id="gruppe6">Gruppe SECHS</div>
</body>
</html>