Discussion :

[mustapha_aim]

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

[headmax]

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

Bonne soirée

[Golgotha]

jQuery, sans hésiter.

[mustapha_aim]

je cherche la solution pas le choix entre jquery et javascrip. je suis sur un forum de developpement :p

[Bovino]

je suis sur un forum de developpement

Dans ce cas, montre nous du code, pas des images...

[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

[SpaceFrog]

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

[headmax]

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 :

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

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 :

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

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

[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

[andry.aime]

Bonjour,

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 ) en cas de soucis.

A+.

[mustapha_aim]

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.

[headmax]

Salut mustapha_aim,

Code :

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

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 :

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

1
2
 
remove();

Documentation sur jquery : remove()

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

et

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 :

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
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.

[Auteur]

bonsoir,

deux remarques :

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

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

je travail avec jquery ou JavaScript pure

JQuery contient du javascript "pur"

[mustapha_aim]

Salut mustapha_aim,

Code :

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

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 :

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

1
2
 
remove();

Documentation sur jquery : remove()

et

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
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

[SpaceFrog]

@Auteur,: ta famille s'agrandit ?

[mustapha_aim]

@Auteur,: ta famille s'agrandit ?

oui spaceFrog