Forum de discussion
Forum « Programmation Javascript » (archives)
Re: Faire apparaitre une cellule avec innerHTML ou avec createElement
Envoyé: 9 mars 2004, 8h16 par Oznog
Tu as plusieurs solution, de la plus complexe à la plus simple.
Le plus complexe consiste à naviguer le DOM et d'y ajouter carrément des éléments, toujours sur le même principe, cibler (getElementsByTagName), créer (createElement) et ajouter (appendChild). Tu peux t'amuser avec cette fonction.
<html>
<head>
<title>Trucsweb - Génération d'un tableau avec le DOM</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="javascript">
function twTableau(_x,_y,_bordure) {
// Script gratuit des Trucswwb.com
// Laisser cette remarque s.v.p.
var monDocument = document.getElementsByTagName("body").item(0);
monTableau = document.createElement("TABLE");
monCorpTableau = document.createElement("TBODY");
for(j=0;j<_x;j++) {
maLigne = document.createElement("TR");
for(i=0;i<_y;i++) {
maCellule = document.createElement("TD");
monTexte = document.createTextNode("ligne "+j+", colonne "+i);
maCellule.appendChild(monTexte);
maLigne.appendChild(maCellule);
}
monCorpTableau.appendChild(maLigne);
}
monTableau.appendChild(monCorpTableau);
monDocument.appendChild(monTableau);
monTableau.setAttribute("border",_bordure);
}
</script>
</head>
<body bgcolor="#FFFFFF" onload="twTableau(12,2,1)">
<h1>Trucsweb : Génération d'un tableau avec le DOM</h1>
</body>
</html>
Tu peux simplement jouer sur un même noeud. Avec la propriété "innerHTML". Va lire ce tutoriel "Modifier le contenu et la position des objets en DHTML" (http://www.trucsweb.com/DHTML/trucs.asp?no=280&type=2).
Ciao
Oznog
Réponses
|