Text mit <div> tag immer um 10 verschieben

G

grr

Grünschnabel
Hi,
ich habe ein Script in dem ich 2 Buttons habe. immer wenn ich auf einen button klicke soll er 10px weiter nach rechts oder links verschoben werden. wie bekomm ich das hin? konstante werde hab ich hinbekommen, aber wie mach ich das immer mit 10px mehr? hier mal der code:

Code: 
<html>
<head>
<script type="text/javascript">
function movelinks()
{
 document.getElementById("myText").style.setAttribute("left", "240", "false");
}
function moverechts()
{
 document.getElementById('myText').style.setAttribute("left", "260", "false");
}
</script>
</head>
<body>

<form name="form1">
<input type="button" name="links" value="links" onClick="movelinks()">
<input type="button" name="rechts" value="rechts" onClick="moverechts()">
</form>
<div id="myText" style="position:absolute; bottom:500px; left:250px;">DER TEXT SOLL SICH VERSCHIEBEN</div>
</body>
</html>

mfg
grr
 
Hi,

am besten liest du zunächst den linken bzw. rechten Wert des Textobjektes aus und parst den
Integerwert. Anschliessend erhöhst du diesen um den gewünschten Wert und setzt linken bzw.
rechten Abstand erneut.

Für das Schieben nach rechts könnte das zum Beispiel folgendermassen aussehen:
Code: 
function moverechts(){
  // Text-Objekt
  var objText = document.getElementById('myText');
  // Linken Wert in Integerwert konvertieren
  var intLeft = parseInt(objText.style.left);
  // Linken Wert erhöhen und wieder zuweisen
  objText.style.left = (intLeft + 10) + "px";
}
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück