Ciao ragazzi. Potete darmi una mano? Non riesco a far girare questo codice.
voglio creare una matrice dinamica di div.
Posto il codice qui sotto. Non è difficile da interpretare:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div {
background-color: yellow;
border: 2px;
}
</style>
</head>
<body onload="creamatrice(righe,colonne)">
<div id="divprincipale"> </div>
<script language="JavaScript" type="text/javascript">
<!--
var righe=3;
var colonne=3;
function creamatrice(righe,colonne){
for(var i=0;i<righe;i++) {window.alert("riga"+(i+1));
var newdiv = document.createElement("div");
newdiv.setAttribute('id',i);
var a = document.getElementById("divprincipale");
a.appendChild(newdiv);
for(var j=0;j<colonne;j++){window.alert("colonna"+(j+1));
var newdivfiglio = document.createElement("div")
newdivfiglio.setAttribute('id',j);
var t = document.createTextNode(" "+(i+1)+"-"+(j+1)+" ");
newdivfiglio.appendChild(t);
var mettodivfiglio = document.getElementById(i);
mettodivfiglio.appendChild(newdivfiglio);
}
var contenitori = document.getElementById(i);
contenitori[i].style.display = "inline";
}
}
//-->
</script>
</body>
</html>
L'idea è creare un divriga e dentro questo div crearne altri, e cosi via fino a completare la matrice.
In questo caso non mi prende l attributo style. Se qualcuno puo aiutarmi anche postandomi una soluzione piu veloce e migliore gliene sarei grato. Grazie mille in anticipo e Buona serata.
Rispondi quotando
