JavascriptProva

mercoledì 18 gennaio 2012

Primo tentativo rudimentale di muovere una linea disegnata mediante javaScript

Torno alle linee.
Dato che, a quanto pare, il DIV non supporta l'attributo name, ho trovato il modo di identificare un DIV come appartenente a una curva, assegnando il nome della curva seguito da un numero progressivo per formare l'ID di ciascun punto della curva.
<script>
function popola(){
 for (var n=1;n<=300;n++){
  document.write("<div id='uno"+n+"' style='position:absolute;left:"+n+"px;top:"+n+"px;background-color:blue;width:1px;height:1px'></div>");
  
 }
  
}
function muovi(){
 for(var n=1;n<=300;n++){
  var sinistra=Number((document.getElementById("uno"+n).style.left).replace("px",""));
  sinistra+=100;
  document.getElementById("uno"+n).style.left=sinistra;
 }
}
popola();
</script>

<body onClick="muovi();">

</body>
A ogni click sul corpo del documento la linea si sposta a destra.

Nessun commento:

Posta un commento