[DOM] innerhtml et fermeture de balise

**riete** · 20/10/2008, 16h56

Quand j'utilise la propri�t� innerhtml, je n'arrive pas � refermer les balise HTML car le slash pose probl�me.
Voici mon code:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

resultat.innerHTML += '<td class=modif colspan=9>Un texte de test<\/td>';

**SpaceFrog** · 20/10/2008, 17h00

passe plutot par le DOM pour ajouter une cellule ...

**Auteur** · 20/10/2008, 17h03

voir cette discussion

ou la

: ajouter une ligne

**riete** · 20/10/2008, 18h04

Merci pour vos infos, ca gazouille. Sauf que maintenant j'ai une autre question.

Comment puis-je �viter de cr�er une case suppl�mentaire � chaque fois que le client click? Existe-t-il un test qui me permette de savoir si une cellule existe je la d�truit ?

La fonction de 'delete' devrait pouvoir �tre conditionnelle (une bascule), mais je ne sais pas comment ?
Merci

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
resultat.deleteCell(0);
	Case = resultat.insertCell(0);
	Case.className="tdmodif";
	Case.colSpan=9;
 
	for (i=0;i<items.length;i++)
	{
		Case.innerHTML += items.item(i).firstChild.data + " ";
	}

**Auteur** · 22/10/2008, 14h40

attention tu utilises un nom de variable qui peut pr�ter � confusion :
tu as une variable Case, tu risques de confondre avec le mot clef case :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
switch (variable)
{
   case 0: // instruction
              break;
   case 1: // instruction
              break;
  // etc. 
}

**riete** · 22/10/2008, 16h26

Merci pour l'infos, mais compte tenu de la remarque constructive de SpaceFrog, je me suis pench� sur les fonctions insertRow(), insertCell() et autres propri�t�s rowIndex... du DOM, ce qui est bien plus propre.

Je cr�� maintenant dynamiquement des lignes dans des <table>.

Par contre je suis toujours en train de me d�battre avec les "display: none;" ou "display: table-row;".
Mon objectif �tant de faire apparaitre une "ligne formulaire" au dessus de la ligne que l'utilisateur veut modifier dans un tableau de donn�es.

Je ne sais pas quel nom porte cette technique, mais elle est courante sur des sites bien fait et conviviaux.
En cours de consultation d'une liste de donn�es sous forme de tableau. L'utilisateur, peut en cliquant sur le bouton modif de la ligne faire apparaitre une nouvelle ligne qui lui permet d'entr�e en mode modification.

J'aimerais pouvoir comparer ma m�thode, complexit� et le r�sultat avec d'autres. Si vous avez des liens, je suis preneur.
Merci

**RomainVALERI** · 22/10/2008, 17h28

Envoy� par riete

... je me suis pench� sur les fonctions insertRow(), insertCell() et autres propri�t�s rowIndex... du DOM...

Dans ton cas, va peut-�tre aussi jeter un oeil sur insertBefore()

**riete** · 23/10/2008, 09h03

Envoy� par RomainVALERI

Dans ton cas, va peut-�tre aussi jeter un oeil sur insertBefore()

Bien tent� Romain, mais

MS n'est m�me pas capable de mettre en exemple qui fonctionne. Dans cet exemple, il est fait appel � un objet "oUL1" qui n'est pas d�clarer. Comme je ne travail pas avec IE :-/.
Quoi qu'il en soit merci quand m�me.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
function insertElement()
    {
        var nod=document.createElement("li");
        oUL1.insertBefore(nod, oLIYellow);
        nod.innerText="Orange";
    }