Insérer dynamiquement div dans td

Résolu
Tryphon71 Messages postés 49 Statut Membre -  
Tryphon71 Messages postés 49 Statut Membre -
Bonjour à tous,

Après plusieurs heures (jours...) de recherche, je n'ai pus trouver la solution à mon problème.

En effet, je développe un site web intranet ( qui sera utilisé seulement sous IE 6 et plus ) et je souhaiterais insérer dynamiquement des <divs> à l'intérieur de cellule de tableau <td>.

Problème lorsque j'insère mon div dans les cellules il se pose par dessus le contenu de la cellule ( meme en instaurant des margin et padding qui vont bien....)

S'il le faut je peut poster le code .

Je ne sait pas si j'ai bien été clair....


Merci d'avance pour toute aide.

EDIT : Voici la création de mes cellules de tableau en javascript: 

text += "<tr>";
		for (ii=0;ii<=6;ii++)
		{

			text += "<td id='sp" + aa + "' value='0' >1</td>";

			aa += 1;
		}
		text += "</tr>";



Ensuite la ligne permettant l'insertion du div ( qui est appelée alors que le tableau est deja entierement construit) : 

document.getElementById("sp"+ii).innerHTML = '<div class="divtd">pop</div>';
A voir également:

4 réponses

Réponse 1 / 4
thunder413 Messages postés 169 Statut Membre 23
 
salut:
essai avec appendChild
document.getElementById("sp"+ii).appendChild = '<div class="divtd">pop</div>';
0
Réponse 2 / 4
Tryphon71 Messages postés 49 Statut Membre 3
 
Salut, merci de ton aide.

Cependant cela ne fonctionne pas, le div n'apparait pas ...

Je viens de voir pourquoi: le append child se met en paramètre du td : 

 <td class="c1" id="sp3" contentEditable="inherit" colSpan="1" rowSpan="1" value="1" appendChild="
pop
">1</td>
0
Réponse 3 / 4
thunder413 Messages postés 169 Statut Membre 23
 
excuse moi je me suis tromper je croyer que tu utiliser CreateElement pour crer tes td mais pourtant j'ai testé avec innerHtml et sa fonctionne verifie bien les id passer en paramettre et verifie si tes balise table tr et td son bien fermer
0
Réponse 4 / 4
Tryphon71 Messages postés 49 Statut Membre 3
 
Erf j'suis vraiment un boulet....

Suffisait de faire : 

text += "<td><div id='sp" + aa + "' value='0' >1</div><div class='divtd'>POP</div></td>";



Ensuite , il suffisait de cacher le deuxième div à l'aide d'un ptit coup de css....

Et pour finir au moment ou je voulait insérer le div, il suffit de changer la propriété css ( display:block) puis de modifier le contenu du div

Je cherche vraiment trop compliqué...

En tout cas merci du coup de main et bonne journée.


EDIT : Comment passe-t-on le sujet en résolu ?
RE-EDIT : c'est bon (vraiment pas en forme moi aujourd'hui ... )
0