Discussion :

[kingmandrax]

Bonjour,

J'ai un problème dans mon appli web, j'ai un tableau classique HTML et chaque case est cliquable par l'utilisateur. Une des fonctionnalités est la fusion des cellules. Lorsque l'utilisateur clique sur une cellule, un message demande combien de cellule il souhaite fusionner (verticalement ou horizontalement) et mon code javascript fait les manips nécessaires.

Actuellement aucun problème n'est apparu avec le fusionage horizontal (colspan), tout réagit correctement et le tableau est modifié en conséquence dynamiquement! Par contre j'ai un souci avec le fusionage vertical (rowspan), une cellule est bien effacée sur la ligne en dessous de celle que j'ai cliquée mais par contre le rowspan n'est pas effectué. Pour m'en persuader, j'ai créé une petite fonction qui prend le code généré et qui l'insère dans un fichier sur le disque. Lorsque j'ouvre ce fichier, le rowspan s'affiche tout à fait correctement!!! Preuve donc que le problème vient qu'il ne peut pas le faire dynamiquement...qqn aurait-il eu le même genre de phénomène??

Juste pour info, je fait tourner mon appli sous Firefox.

Merci d'avance, je galère vraiment là!

[kingmandrax]

Personne ne peut me donner une piste???

[kingmandrax]

En fait je génère dynamiquement mon tableau...je viens de me rendre compte que si le tableau est décrit en dur dans le fichier html alors là c'est tout bon! Comment se fait-il que le fait de créer ce tableau dynamiquement change le comportement? Surtout que le colspan marche tout de même!!!

Le fait d'écrire le code en dur n'est pas vraiment une solution pour moi, j'ai besoin de pouvoir créer ce tableau dynamiquement!

Merci d'avance!

[kingmandrax]

Personne n'a déjà rencontré ce "bug"? Je le redis : lorsque mon tableau est créé dynamiquement le rowspan ne s'applique pas dynamiquement sur les cellules incriminées par contre si le tableau a été codé en dur dans mon fichier XHTML alors c'est tout bon!! Bizarre bizarre...

[SpaceFrog]

quel code utilises tu pour créer ton tableau dynamiquement ...

tu le fais à l'arrache avec du innerHTML ou tu utilises le DOM ?

[kingmandrax]

J'utilise le DOM, voilà le code si jamais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
this.createLayout = function(nbColumns, nbLines) {
 
        // Insère une nouvelle ligne
	for (var l=0; l<nbLines; l++) {
 
		var tr = document.createElementNS(XMLNS_XHTML, "tr");
 
		// Insère une nouvelle cellule dans la ligne courante
		for (var c=0; c<nbColumns; c++) {
			var td = document.createElementNS(XMLNS_XHTML, "td");
			td.setAttribute("class", "layout");
			td.setAttribute("id", "td" + l + "" + c);
			td.setAttribute("onclick", "controller.insertComponent(this);");
 
			tr.appendChild(td);
		}
 
		document.getElementById("tableID").appendChild(tr);
	}
 
}