jquery ou javascipt tableau HTML

Version imprimable

17/10/2012, 17h04
mustapha_aim

2 pièce(s) jointe(s)

jquery ou javascipt tableau HTML

bonjour,
j'ai tester presque 100 fois sans résultat
je veux passer de l'image 1 a l'image 2
avec les conditions suivant
si il ya dans le tableau HTML deux niveau B qui ont le meme nom je vérifier le niveau A si aussi porte le meme nom, je fusionne les deux niveau A dans un TR et les Niveau B dans un TR pour obtient l'image 2
je travail avec jquery ou JavaScript pure

merci d'avance
17/10/2012, 20h20
headmax

Je dirais jquery dans ce cas tu ira beaucoup plus vite et se sera au final moins lourd à développer.

Bonne soirée ;)
17/10/2012, 21h27
Golgotha

jQuery, sans hésiter. :ccool:
22/10/2012, 01h09
mustapha_aim

je cherche la solution pas le choix entre jquery et javascrip. je suis sur un forum de developpement :p
22/10/2012, 08h41
Bovino

Citation:

je suis sur un forum de developpement

Dans ce cas, montre nous du code, pas des images... :whistle:
23/10/2012, 15h18
mustapha_aim

je veux un code jquery qui joue sur les tr et le innerHTML de TD pour passer du image 1 a image 2
23/10/2012, 15h23
SpaceFrog

???
rien compris ...
tu veux modifier le src ???

Comme dit Bovino ou est ton code, on a bien compris que tu ne maitrise pas javascript, j'ai vu tes deux images, en gros si tu as un doublon de niveau A ou B tu les fusionne en un.
Tout ça n'est pas bien difficile, mais il serait plus judicieux pour toi de montrer au moins ton HTML générée par la page en question (la page des deux lignes tr à fusionnées).

Un code javascript s'inspire du contenue de ta page, ses cibles id, class, tag html, comme on ne sais pas comment ta page est faite, tu n'aura que de vagues réponses tout aussi vague que ton topic "jquery ou javascript tableau HTML" j'aurais plutôt marqué "Aide réalisation script gestion de doublon sur élément TR".

Un vague code :
js
Code:

1 2 3 4 5 6 7 8 9 10 11 function kickDoublon(title){ var cible = $("tr td:contains('"+title+"')"); cible.each(function(){ $(":last").remove(); }); }; //je test sur le titre "hello" des td's $(function(){ kickDoublon('hello'); });
html
Code:

1 2 3 4 5 6 7 8 9 <table> <tr> <td>hello</td> </tr> <tr> <td>hello</td> </tr> </table>
Ici on ne fusionne pas de tableau... on supprime un tr doublon, le dernier de la liste par exemple en lui passant un paramètre, le titre doublon de ton td child du tr.
Après ça on boucle sur les tr contenant le doublon rechercher et on supprime le dernier.
Avec ça tu pourra créer une boucle sur l'ensemble de tes tr td et supprime les doublons, a adapter a ton code html bien entendu...
Bonne soirée

25/10/2012, 03h52
mustapha_aim

Merci mais moi je veux supprimer si les niveau B ont le meme niveau A

exemple

niveau A
--niveau B
---xxxx

niveau A
--niveau B
--- yyyyy

niveau A
--niveau C
--- zzzzzz

resultat
--------

niveau A
-- Niveau B
---xxxx
---yyyy

--niveau C
---zzzzzz
25/10/2012, 08h06
andry.aime

Bonjour,

Citation:

Envoyé par mustapha_aim

Merci mais moi je veux supprimer si les niveau B ont le meme niveau A

Nous ne sommes pas ici pour coder à ta place. headmax t'a proposé un bout de code pour te donner des idées et que tu puisses démarrer, adapte le à ton besoin et revient (avec le code que tu as fait :aie:) en cas de soucis.

A+.
25/10/2012, 15h44
mustapha_aim

Citation:

Envoyé par andry.aime

Bonjour,

Nous ne sommes pas ici pour coder à ta place.

A+.

oui je sais , j'ai mon clavier et je veux developpez l’aidé avec headmax.

Salut mustapha_aim,
Code:

1 2 Merci mais moi je veux supprimer si les niveau B ont le meme niveau A
Si tu t'aurais donné la peine de regarder dans la doc du site officiel jquery tu aurait vu, que la function :
Code:

1 2 remove();
Documentation sur jquery : remove()

Citation:

.remove( [selector] )
selectorA selector expression that filters the set of matched elements to be removed.

et

Citation:

Similar to .empty(), the .remove() method takes elements out of the DOM. Use .remove() when you want to remove the element itself, as well as everything inside it. In addition to the elements themselves, all bound events and jQuery data associated with the elements are removed. To remove the elements without removing data and events, use .detach() instead.
Code:

1 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 <script> function kickDoublon(title,level){ var cible = $("[class="+level+"]:contains('"+title+"')"); var nb = cible.length; cible.each(function(){ if(nb>1){ $("[class="+level+"]:last").remove(); } nb--; }); }; $(function(){ $("tr").each(function(){ kickDoublon($(this).text(),$(this).attr("class")); }); }); </script> <style type="text/css"> .niveauA{ background-color:#CCC; } .niveauB{ background-color:#FEC; } .niveauC{ background-color:#DFD; } </style> </head> <body id="corps"> <center> <input TYPE="button" value="Jouer" ONCLICK="jouer()" id="jouer"/> <div id="saisie"></div> </center> <table> <tr class="niveauA"> <td>hello</td> </tr> <tr class="niveauB"> <td>Pas_de_code</td> </tr> <tr class="xxxx"> <td>Pas_de_code</td> </tr> <tr class="niveauA"> <td>hello</td> </tr> <tr class="niveauB"> <td>Pas_de_code</td> </tr> <tr class="YYYY"> <td>Pas_de_code</td> </tr> <tr class="niveauA"> <td>hello</td> </tr> <tr class="niveauC"> <td>Pas_de_code</td> </tr> <tr class="ZZZZZZ"> <td>Pas_de_code</td> </tr> </table> </body> </html>
Un peu d'effort ça fait pas de mal ;)

bonne soirée.

25/10/2012, 21h01
Auteur

bonsoir,

deux remarques :

Citation:

Envoyé par mustapha_aim

je cherche la solution pas le choix entre jquery et javascrip.

JQuery n'est pas un langage mais une bibliothèque de fonctions javascript.

Citation:

Envoyé par mustapha_aim

je travail avec jquery ou JavaScript pure

JQuery contient du javascript "pur"

Citation:

Envoyé par headmax

Salut mustapha_aim,

Code:

1
2
 
Merci mais moi je veux supprimer si les niveau B ont le meme niveau A

Si tu t'aurais donné la peine de regarder dans la doc du site officiel jquery tu aurait vu, que la function :

Code:

1
2
 
remove();

Documentation sur jquery : remove()

et

Code:

1
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
 
<script>
		function kickDoublon(title,level){
			var cible = $("[class="+level+"]:contains('"+title+"')");
			var nb = cible.length;
			cible.each(function(){
			 if(nb>1){
				$("[class="+level+"]:last").remove();
			 }
			 nb--;
			});
		};
		$(function(){
			$("tr").each(function(){
				kickDoublon($(this).text(),$(this).attr("class"));
			});
 
 
		});
 
		</script>
<style type="text/css">
.niveauA{
	background-color:#CCC;			
}
.niveauB{
	background-color:#FEC;			
}
.niveauC{
	background-color:#DFD;			
}
 
</style>
	</head>
	<body id="corps">
		<center>
			<input TYPE="button" value="Jouer" ONCLICK="jouer()" id="jouer"/>
			<div id="saisie"></div>
		</center>
 
		<table>
			<tr class="niveauA">
				<td>hello</td>
			</tr>
			<tr class="niveauB">
				<td>Pas_de_code</td>
			</tr>
			<tr class="xxxx">
				<td>Pas_de_code</td>
			</tr>
			<tr class="niveauA">
				<td>hello</td>
			</tr>
			<tr class="niveauB">
				<td>Pas_de_code</td>
			</tr>
			<tr class="YYYY">
				<td>Pas_de_code</td>
			</tr>
			<tr class="niveauA">
				<td>hello</td>
			</tr>
			<tr class="niveauC">
				<td>Pas_de_code</td>
			</tr>
			<tr class="ZZZZZZ">
				<td>Pas_de_code</td>
			</tr>
		</table>
	</body>
</html>

Un peu d'effort ça fait pas de mal ;)

bonne soirée.

merci mon frère le problèmes est résolu avec ton code j'ai rien ajouté .merci bcppp

05/11/2012, 13h26
SpaceFrog

@Auteur,: ta famille s'agrandit ? :mrgreen:
05/11/2012, 14h34
mustapha_aim

Citation:

Envoyé par SpaceFrog

@Auteur,: ta famille s'agrandit ? :mrgreen:

oui spaceFrog :D