Version imprimable
Bonjour à tous,
j'aimerais supprimer une colonne d'un tableau en fonction de la classe utilisé dans le TD.
Voici un exemple :
Il faudrait que je puisse supprimer en javascript tous les TD contenant la class="suppr".Code:
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>
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
A+.Code:$('.suppr').remove();
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
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).Code:
2
3
4
5
6
A+.
getElementsByTagName('td') puis tu boucles dessus pour tester le .className ...
- getElementsByClassName()
- querySelectorAll()
Beef => navigateurs récents ...
Citation:
Envoyé par SpaceFrog
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:
2
3
4
5
6
7
Je vous explique plus en détail. Je fais de la reprise de code et certaines choses ne marchent pas.
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.Code:var contenu = p.Main.document.getElementById("blabla").outerHTML;
Comme ceci :
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.Code:contenu.replace(/<TD[^>(?!class)]*[^>]class="?suppr[^>]*>([\s\S](?!<\/TD))*[\s\S]<\/TD>\s*(<T[DR][^<]*<\/TD>)*/igm, "");
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:
Effectivement Spaffy :ccool:.Citation:
Envoyé par SpaceFrog
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(...)?
Ben... ça dépend :aie:Citation:
Envoyé par Naruto_kun
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:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
8O8O8OCode:contenu = contenu.replace(/<TD.*suppr.*<\/TD>.*/igm, "");
: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+.
outerHTML, c'est uniquement IE !Code:var contenu = p.Main.document.getElementById("MonTableau").outerHTML;
Si j'en crois ton code, il semblerait que ton tableau soit dans une frame ou une iframe, dans ce cas
a de fortes chances de ne pas te renvoyer les bons résultats (tu ne sembles pas être dans le bon document).Code:tabTds=document.getElementsByTagName('TD')
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
C'est bien, maisCitation:
Je dois réparer et remplacer les bugs.
est légèrement incompatible... A moins bien sûr que ton but soit uniquement de "remplacer les bugs" :aie:Citation:
Je n'ai pas vraiment de notion en JavaScript.
A mon sens, tu gagnerais fortement à commencer par apprendre au moins les fondamentaux de JavaScript. ;)
Pour commencer, je dois supprimer les balises TD qui contiennent la classe suppr. Je ne dois pas faire de display:none car je fais un export excel.
Ensuite, je suis d'accord avec toi bovino et je ne prend pas mal tes remarques au contraire tu essaies de m'aider. Je suis nouveau sur ce projet et vu que je n'ai jamais fait d'asp, je cherche les solutions sur le web et j'adapte pour faire fonctionner l'appli. Je n'ai pas vraiment le temps de tous relire car tout doit etre livré vendredi midi.
Ce n'est pas moi qui ai mis en place ce code mais j'essai de l'arranger pour faire fonctionner l'export. Les replaces permettent de supprimer les choses que l'on ne veut pas côté excel. On cherche à supprimer les balises contenant le noexcel.
je vous montre le code :
Ce code est contenu dans un fichier asp qui a un include d'un fichier js qui contient le code suivantCode:<a class="Lien" href="#" onclick="ExportExcelPlan();return false;"><cmtrad>Écran</cmtrad></a>
J'espere que vous comprendrez quelque chose à tous ça.Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
J'ai pensé a parcourir le document et enlever les balises td contenant la classe noexcel. Le problème est que le code que vous me fournissez ne marche il attend un objet dans l'appel lors du clic.
Merci:(
Il te manque un "}" pour fermer la boucle for comme je me souciais plus haut.
Ca fonctionne je recupère bien quelque chose Merci andry.aime.
il faudrait que je supprime cette élément et qu'a la fin je reaffecte ma valeur à sans les TD à contenu.
Pour supprimer je dois utiliser un deleteCell je crois mais pour reaffecter je fais comment ?
Je suis bête je fais mon traitement avant de l'affecter à contenu.
Par contre maintenant je voudrais faire différement, il faudrait que je recupere le premier TD d'une ligne TR et le dernier TD d'une ligne TR et que je les supprimes.
Est ce que je peux utiliser firstchild et lastchild ?
comprendre question la avant nous il faut repondre possible.Citation:
il faudrait que je supprime cette élément et qu'a la fin je reaffecte ma valeur à sans les TD à contenu.
Il faudrait qu'avec ce code
je supprime le premier TD et le dernier TD contenu dans le tabTR[i].Code:
2
3
4
5
6
7
8
9
Comment récupérer le premier TD? le dernier? Comment les supprimer?
Je ne sais pas si tu comprends l'utilisation de getElementsByTagName mais tu feras le même pour récupérer les TD de chaque TR ensuite supprime le premier et dernier indice retourner.
Est ce correct?Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18tabTR = p.Main.document.getElementsByTagName("TR"); nbr = tabTR.length; for (i = 0; i < nbr; i++) { if (tabTR[i].className == "LigneRubrique") { tabTD = tabTR[i].getElementsByTagName("TD"); nbTD = tabTD.length; for (j = 0; j < nbTD; j++) { if (j == 0 || j == nbTD) { tabTR[i].parentNode.removeChild(tabTD[j]); } } } }
Cela ne fonctionne pas, il me dit Argument non valide.
J'ai trouvé mais ce n'est pas ce que je veux car je souhaiterais supprimer les colonnes qui vont apparaitre dans le fichier excel et non celle de ma page.
Ma page courante doit rester intacte.
Cette solution tombe à l'eau sauf si on arrive à modifier le contenu du fichier excel.
Heu tu espère effacer des colonnes dans excel à partir de js ???Citation:
souhaiterais supprimer les colonnes qui vont apparaitre dans le fichier excel
Exactement, j'aimerais supprimer des colonnes dans l'excel ou le faire juste avant de faire l'export.
Comme vu dans le code, il y a un passage du contenu l_CnuXls à Frl_Xls
J'aimerais modifier Frl_Xls et plus ma page courante car elle ne doit pas changer et si j'ai bien lu le code c'est le submit du Frl_Xls qui effectue l'export.
Ne puis je pas agir sur l'export excel enfin juste avant. Il appel la page Xpr_xls.asp donc si dans cette page dans le onload je met le traitement qui supprime les TD est ce faisable?
Voici le code de la page Xpr_Xls.asp
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Je ne vois là aucun rapport avec javascript ...
JS n'a pas la main sur ton fichier excel
c'est totalement hors de portée de javascript
Ne puis je pas modifier Request.form("TabXls") pour lui supprimer les colonnes genantes?
Si aucune méthode alors je suis foutu lol:cry:
Il va falloir que je modifie le contenu avec expressions regulieres