Supprimer une colonne en javascript

Bonjour à tous,

j'aimerais supprimer une colonne d'un tableau en fonction de la classe utilisé dans le TD.
Voici un exemple :

Code:

---

1 2 3 4 5 6 7 8 9

<table> <tr> <td class="suppr">.....</td> <td class="a garder">.....</td> <td class="suppr">.....</td> <td class="a garder">.....</td> <td class="suppr">.....</td> </tr> </table>

---

Il faudrait que je puisse supprimer en javascript tous les TD contenant la class="suppr".
Est ce possible? Si oui pourriez vous m'aiguillez?

Merci

Bonjour,

En récupérant tous les td qui ont la classe "suppr" puis les parcourir pour supprimer en faisant un truc du genre element.parentNode.removeChild(element).



Sinon, si tu utilises jQuery

Code:

---

$('.suppr').remove();

---

A+.

Tout d'abord, je te remercie pour ta réponse.

J'avais déjà lu dans des forums pour l'utilisation element.parentNode.removeChild(element).
Mais par contre la chose que je n'arrive pas à faire c'est de parcourir mon tableau et de récupérer les élements TD qui ont la classe suppr.

pourrais tu m'aider?

En utilisant le script du lien plus haut

Code:

---

1 2 3 4 5 6

var suppr = document.getElementsByReg("suppr","class"); for (i=0; i < suppr.length; i++) { element = suppr[i]; element.parentNode.removeChild(element); }

---

A titre d'info, il existe une fonction document.getElementsByClassName mais ce n'est pas crossbrowser (pas supporter par IE 5.5 IE 6 IE 7 IE8).

A+.

getElementsByTagName('td') puis tu boucles dessus pour tester le .className ...

• getElementsByClassName()
• querySelectorAll()

Beef => navigateurs récents ...

Citation:

---

Envoyé par SpaceFrog

getElementsByTagName('td') puis tu boucles dessus pour tester le .className ...

---

Comment je boucle là dessus ? Je n'ai pas vraiment de notion en JavaScript.
Pour récupérer l'élément className, je dois utiliser un getattribut, c'est bien ça ?

Oula fillot ...
T'emballes pas jquery n'est a mon avis pas encore à sa portée..
Et les regexp non plus ...

Mieux vaut aborder la question avec du bon vieux js de base

Code:

---

1 2 3 4 5 6 7

tabTds=document.getElementsByTagName('td') nbr=tabTds.length   for(i=0;i<nbr;i++){ if(tabTds[i].className=="suppr"){ tabTds[i].style.display="none" }

---

Je vous explique plus en détail. Je fais de la reprise de code et certaines choses ne marchent pas.

Code:

---

var contenu = p.Main.document.getElementById("blabla").outerHTML;

---

On récupère tous les éléments de la zone blabla et avec l'aide d'expression régulière on aimerait supprimer des infos de la variable contenu.
Comme ceci :

Code:

---

contenu.replace(/<TD[^>(?!class)]*[^>]class="?suppr[^>]*>([\s\S](?!<\/TD))*[\s\S]<\/TD>\s*(<T[DR][^<]*<\/TD>)*/igm, "");

---

Je ne comprends pas trop les expressions régulières mais je vois que l'on essai d'enlever toutes les balises TD qui ont la classe suppr.

Ceci ne fonctionne pas très bien.

Auriez-vous une idée ?

qui t'as parlé de replace ??? :cry:

Ce sont les personnes qui ont codé l'application avant moi qui ont fait ça.
Je dois réparer et remplacer les bugs.
Maintenant si tu as une autre solution je suis preneur sans utiliser les replace et expressions régulières. Crois-moi j'en pleure aussi depuis hier. :cry:

Je suis paumé, c'est la galère pour moi. Je garde espoir avec l'aide de personne comme toi.

Si tu avais lu ma réponse précédente :roll:

Citation:

---

Envoyé par SpaceFrog

Oula fillot ...
T'emballes pas jquery n'est a mon avis pas encore à sa portée..
Et les regexp non plus ...

Mieux vaut aborder la questiin avec du bon vieux js de base

---

Effectivement Spaffy :ccool:.

j'ai une erreur quand j'utilise ton code.
objet attendu à mon lien

Code:

---

<a class="Lien" href="#" onclick="ExportExcelPlan();return false;"><cmtrad>Écran</cmtrad></a>

---

Dois je rajouter quelque chose en paramètre d'appel de ma fonction ExportExcelplan(...)?

Citation:

---

Envoyé par Naruto_kun

Dois je rajouter quelque chose en paramètre d'appel de ma fonction ExportExcelplan(...)?

---

Ben... ça dépend :aie:
Elle sort d'où cette fonction ? Et quel est le rapport avec les messages précédents ???
Et au passage, la balise <cmtrad>, elle sort d'où elle aussi ?

Ben en faite, c'est lorsque je clique sur ce lien que mon export excel se lance.
Le cmtrad me permettra de faire une internationalisation des champs.

Voici le code executé lorsque je clique sur ExportExcelplan:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function ExportExcelPlan() { var chaineHtml = ""; var p = window.parent;   var contenu = p.Main.document.getElementById("MonTableau").outerHTML;   tabTds=document.getElementsByTagName('TD') nbr=tabTds.length   for(i=0;i<nbr;i++){ if(tabTds[i].className=="suppr"){ alert("ok"); }   contenu = contenu.replace(/<TD.*suppr.*<\/TD>.*/igm, "");

---

Code:

---

contenu = contenu.replace(/<TD.*suppr.*<\/TD>.*/igm, "");

---

8O8O8O
:calim2:

dans ta boucle tu teste si le class est suppr
si c'est true , colle un style display none

a quoi sert ton alert ?
a quoi sert ton replace ?

Tu peux aussi nous montrer la fonction en entier? J'ai peur qu'il te manque de "}" fermante pour la boucle "for".

A+.

Code:

---

var contenu = p.Main.document.getElementById("MonTableau").outerHTML;

---

outerHTML, c'est uniquement IE !

Si j'en crois ton code, il semblerait que ton tableau soit dans une frame ou une iframe, dans ce cas

Code:

---

tabTds=document.getElementsByTagName('TD')

---

a de fortes chances de ne pas te renvoyer les bons résultats (tu ne sembles pas être dans le bon document).

Sinon, tu ferais mieux d'utiliser le mot-clé var systématiquement lorsque tu déclares ou initialise une variable et de finir chaque instruction par un point-virgule.

Ensuite, ne le prends pas mal, mais

Citation:

---

Je dois réparer et remplacer les bugs.

---

C'est bien, mais

Citation:

---

Je n'ai pas vraiment de notion en JavaScript.

---

est légèrement incompatible... A moins bien sûr que ton but soit uniquement de "remplacer les bugs" :aie:

A mon sens, tu gagnerais fortement à commencer par apprendre au moins les fondamentaux de JavaScript. ;)