Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 22/04/2011, 14h42   #1
Invité régulier
 
Inscription : octobre 2007
Messages : 56
Détails du profil
Informations personnelles :
Âge : 23
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations forums :
Inscription : octobre 2007
Messages : 56
Points : 8
Points : 8
Par défaut transfert d'option de select vers tr de table

Bonjour,

je vous explique le contexte brièvement :

J'ai une liste d'élément à gauche, au milieu un bouton et à droite les élément du gauche ajoutés. Les éléments passés à droite ont un bouton pour les "supprimer" et ceux sont supprimés repasse à gauche. J'espère que c'est clair. Si vous avez des questions, posez-les.

Je l'ai mis en place avec du jQuery. je suis débutant, j'essaye de me débrouiller seul avec des recherches sur le net mais là j'ai vraiment besoin d'aide.

J'ai codé un peu pour vous faire voir ce que j'ai dans la tête. Voici tout le code :

HTML :
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
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>CopyList</title>
<link href="mystyle.css" type="text/css" rel="stylesheet" media="screen"/>
 
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" /></script>
 
<script type="text/javascript" src="js.js"></script>
 
 
</head>
<body>
 
	<div id="global">
 
 
 
		<div id="Gauche">
			<select multiple id="listeGauche">
 
						<option id="eltGauche" value="1">
							A
						</option>
 
						<option id="eltGauche" value="2">
							B
						</option>
 
						<option id="eltGauche" value="3">
							C
						</option>
 
						<option id="eltGauche" value="4">
							D
						</option>
 
						<option id="eltGauche" value="5">
							E
						</option>
 
			</select>
		</div>
 
 
 
		<div id="Droite">
 
			<table id="listeDroite" border="0" cellspacing="0">
 
			</table>
 
		</div>
 
 
 
		<div id="add">	
			<input type="button" value="Add >>" id="add" />	
		</div>
 
	</div>
 
 
 
</body>
</html>

JS :
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
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
 
 
	function initButton(){
		/*
		 * Role : disable button
		 */
 
		$('#add input').attr('disabled','disabled');
	}
 
	function initListe(){
		/*
		 * Role : initialize the list
		 */
 
		var $valeur='';
		$('#listeGauche').val('$valeur');
	}
 
	function activeButton(){
		/*
		 * Role : enable button
		 */
 
		$('#add input').removeAttr('disabled');
	}
 
 
	$(function(){     
 
		initButton();
		initListe();
 
 
 
 
		$('#listeGauche').click(function(){
 
			activeButton();
 
				//au moment du click sur le bouton ayant l'id "add"
				$('#add').click(function() {
 
 
					//Je stocke le texte de la balise option séléctionné (l'élément séléctionné) 
					//(!! option:selected ne fonctionne que pour les balises <select> !!)
					var $elementDeListeGauche = $('#listeGauche option:selected');
 
 
					/*avec la methode append, je rajoute à ma table ayant l'id "listeDroite".
					 *les éléments ajoutés sont dans <td> et leurs id sont passé dans <tr id="idElementPassé">.
					 * 
					 *la methode text(), on peut dire que c'est l'équivalent de la methode "toString()" en Java.
					 *elle permet de transformer en chaîne de caractère l'objet $maVariable.
					 */
 
					if($elementDeListeGauche.val()>=0){
						$('#listeDroite').append('<tr id="'+$elementDeListeGauche.val()+'" style="text-align:center;"><th colspan="5" style="text-align:left; background:#eee;"><b>'+$elementDeListeGauche.text()+'</b></th></tr>');
					}
					//et enfin je supprime l'élément ajouté de la liste gauche 
					$elementDeListeGauche.remove();
 
					initButton();
 
				});//fin click sur add
 
 
 
				/*
				 * Lorsqu’un élément est passé à droite, 
				 * « la valeur » de la liste gauche est renouvelée et 
				 * c’est ce renouvellement qui déclenche cet événement.
				 * Donc à chaque renouvellement de la valeur de la liste gauche, 
				 * on appelle la fontion initButton().
				 */
				$('#listeGauche').change(function() {
					initButton();
				});
 
		});//fin click sur select
 
 
 
 
		$('#del input').click(function(){
 
			var $id = $('$elementDeListeGauche.val()');
			var $tr = $('#'+$id);
 
			//rajout du l'elt à gauche
			//$('#listeGauche').append('<option value="'+$id+'">'+$elementDeListeGauche.text()+'</option>');
 
			//enlèvement de l'elt de droite
			$tr.remove();
 
		}); // fin delete
 
 
 
 
 
		$('#listeDroite').change(function() {
			initButton();
		});
 
 
 
	});// fin jQuery

Css :

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
 
@CHARSET "ISO-8859-1";
 
#global{
	margin:auto;
	height:500px;
	width:580px;
/* 	border:2px solid black; */
}
 
 
#Gauche{
	float:left;
	width:100px;
	height:400px;
/*  	border:2px solid red;  */
}
 
 
#add{
	margin:auto 410px auto auto;
	width:70px;
	height:30px;
/*  	border:2px solid blue;  */
}
 
 
#Droite{
	float:right;
	width:400px;
	height:400px;
/* 	border:2px solid green;*/
}
 
#add input{
	margin-left:-40px;
}


Merci d'avance !
n3x1n² est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 14h45   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
liste = quelle type de balise ?
ce sont des options de select ...

sinon poru le passage d'element il y a déja des réponses sur le forum ou dans les contributions
en gros il suffit d'appender l'element ailleurs il se deplace sans avoir a en créer un nouveau et supprimer l'ancien
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 14h45   #3
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 806
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 806
Points : 35 803
Points : 35 803
Citation:
Si vous avez des questions, posez-les.
Commençons par le début. C'est quoi ta question ?
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 14h59   #4
Invité régulier
 
Inscription : octobre 2007
Messages : 56
Détails du profil
Informations personnelles :
Âge : 23
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations forums :
Inscription : octobre 2007
Messages : 56
Points : 8
Points : 8
Citation:
Envoyé par SpaceFrog Voir le message
liste = quelle type de balise ?
ce sont des options de select ...

sinon poru le passage d'element il y a déja des réponses sur le forum ou dans les contributions
en gros il suffit d'appender l'element ailleurs il se deplace sans avoir a en créer un nouveau et supprimer l'ancien
Oui alors, à gauche ma liste c'est des option de select, à droite c'est un tableau. D'où dans mon code js, je "génère" des <tr></tr>.



Sinon petite précision :
L'id des <tr> à droite sont des variables car ils viennent de la base données.
C'est pour ça que je fais une concaténation dans la fonction delete.

Ma question... Bah ma fonction delete marche pas.
Je fais un petit alert("coucou"); et j'ai remarqué que je rentre même pas dans la fonction...

Il faut que ce soit fini absolument aujourd'hui... je suis en stage là donc j'ai pas trop le droit de passer 3 jours pour un problème...
n3x1n² est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h03   #5
Invité régulier
 
Inscription : octobre 2007
Messages : 56
Détails du profil
Informations personnelles :
Âge : 23
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations forums :
Inscription : octobre 2007
Messages : 56
Points : 8
Points : 8
Je pense que le titre "basculement d'éléments de liste" n'est pas trop approprié pour le sujet
n3x1n² est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h05   #6
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
Ben toujours mieux que ce qu'il y avait avant ...

on parle bien de transfert d'elements options depuis un select vers un table ...
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h16   #7
Invité régulier
 
Inscription : octobre 2007
Messages : 56
Détails du profil
Informations personnelles :
Âge : 23
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations forums :
Inscription : octobre 2007
Messages : 56
Points : 8
Points : 8
Non non mais je critique pas dans le sens négatif. Je suis un peu stressé. Bref c'est pas ça qui est important.

"on parle bien de transfert d'elements options depuis un select vers un table ... "

En fait, c'est plutôt: transfert d'élément sous forme <option> depuis une table.
Regardez et essayez mon code, ça aidera beaucoup pour comprendre.

Regardez surtout ma fonction delete, c'est elle qui me pose un problème
$('#del input').click(function(){ ... }
n3x1n² est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h20   #8
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
avant d'aller plus en profondeur dans le code ...
un id DOIT etre unique sur la page
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h25   #9
Invité régulier
 
Inscription : octobre 2007
Messages : 56
Détails du profil
Informations personnelles :
Âge : 23
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations forums :
Inscription : octobre 2007
Messages : 56
Points : 8
Points : 8
Bah chaque <tr> a un id différent et ils sont uniques.
n3x1n² est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h38   #10
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
toutes tes options ont le même id ...
il y a deux id add ...

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
72
73
74
75
76
77
78
79
<html>
<head>
<script type="text/javascript" src="JQScripts/jquery-1.4.3.min.js"></script>
<title>FLOAT</title>
<script type="text/javascript">
$(function(){ 
/*var opts= new Array()
$("#listeGauche options").each(function(){
   $("#listeGauche").data("opts",opts.push($(this)))
	})
	*/
$("#add").click(function(){
	$("#listeGauche option:selected").each( function(){$(this).remove();
	texte=$(this).text()
	valeur=$(this).val()
	$("#listeDroite").append("<tr><td>"+valeur+"=>"+texte+"</td></tr>")
	})
})
 
})
 
</script>
 
</script>
</head>
 
<body>
 
<div id="global">
 
 
 
		<div id="Gauche">
			<select multiple id="listeGauche">
 
						<option value="1">
							A
						</option>
 
						<option value="2">
							B
						</option>
 
						<option value="3">
							C
						</option>
 
						<option value="4">
							D
						</option>
 
						<option value="5">
							E
						</option>
 
			</select>
		</div>
 
 
 
		<div id="Droite">
 
			<table id="listeDroite" border="0" cellspacing="0">
 
			</table>
 
		</div>
 
 
 
		<div >	
			<input type="button" value="Add >>" id="add" />	
		</div>
 
	</div>
 
 
	</body>
</html>
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h39   #11
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 806
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 806
Points : 35 803
Points : 35 803
Code :
var $id = $('$elementDeListeGauche.val()');
C'est quoi comme sélecteur "$elementDeListeGauche.val()"
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h42   #12
Invité régulier
 
Inscription : octobre 2007
Messages : 56
Détails du profil
Informations personnelles :
Âge : 23
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations forums :
Inscription : octobre 2007
Messages : 56
Points : 8
Points : 8
Code :
var $elementDeListeGauche = $('#listeGauche option:selected');
n3x1n² est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h44   #13
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
regarde plutot le code que je t'ai donné
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h45   #14
Invité régulier
 
Inscription : octobre 2007
Messages : 56
Détails du profil
Informations personnelles :
Âge : 23
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations forums :
Inscription : octobre 2007
Messages : 56
Points : 8
Points : 8
Citation:
Envoyé par SpaceFrog Voir le message
toutes tes options ont le même id ...il y a deux id add ...
dans le code html, mes options n'ont pas d'id mais des value...et les 2 add tu les vois où à part le bouton add s'il te plait?


Je viens de regarder ton code. C'est ok. Mais mon "add" marche bien. C'est à la fonction delete qu'il faut regarder...
n3x1n² est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h51   #15
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
Je sais que j'a la vue qui baisse, mais je ne prends pas encore les vessies pour des lanternes !!!
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
 
<body>
 
	<div id="global">
 
		
		
		<div id="Gauche">
			<select multiple id="listeGauche">
				
						<option id="eltGauche" value="1">
							A
						</option>
					
						<option id="eltGauche" value="2">
							B
						</option>
			
						<option id="eltGauche" value="3">
							C
						</option>
			
						<option id="eltGauche" value="4">
							D
						</option>
			
						<option id="eltGauche" value="5">
							E
						</option>
			
			</select>
		</div>

<div id="add">	
			<input type="button" value="Add >>" id="add" />	
		</div>
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h51   #16
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 806
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 806
Points : 35 803
Points : 35 803
Citation:
Envoyé par Bovino
Code :
var $id = $('$elementDeListeGauche.val()');
C'est quoi comme sélecteur "$elementDeListeGauche.val()"
Citation:
Envoyé par n3x1n²
Code :
var $elementDeListeGauche = $('#listeGauche option:selected');
Oui, c'est bien ce que je veux dire !
Code :
var $id = $('$elementDeListeGauche.val()');
c'est pas pareil que
Code :
var $id = $($elementDeListeGauche.val());
et dans les deux cas, ce n'est pas un sélecteur valide !
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 15h58   #17
Invité régulier
 
Inscription : octobre 2007
Messages : 56
Détails du profil
Informations personnelles :
Âge : 23
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations forums :
Inscription : octobre 2007
Messages : 56
Points : 8
Points : 8
Citation:
Envoyé par SpaceFrog Voir le message
Je sais que j'a la vue qui baisse, mais je ne prends pas encore les vessies pour des lanternes !!!
Pardon, je n'avais pas fait attention. Mais de toute façon l'id "eltGauche" n'est jamais utilisé dans le code js. Donc c'est pas trop grave j'imagine. Ceci était un code html fait vite fait. Le vrai code html est trop long, c'est un espèce de forum alors j'intègre juste des fonctions... Bref..


@Bovino :

Tu as surement raison. Comme j'ai dit au tout début c'est mon Tout Premier vrai script jQuery, donc je suis débutant...

J'aimerais bien que tu me conseilles sur ce que je pourrais mettre à la place s'il te plait
n3x1n² est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 16h05   #18
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
Il ne te plait pas le code donné ci dessus ... ???
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 16h12   #19
Invité régulier
 
Inscription : octobre 2007
Messages : 56
Détails du profil
Informations personnelles :
Âge : 23
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations forums :
Inscription : octobre 2007
Messages : 56
Points : 8
Points : 8
C'est pas ça la question. Je te remercie d'avoir codé pour m'aider, c'est très gentil. Mais j'ai déjà ma fonction "add" qui marche.

Mon problème, je répète, c'est ma fonction delete. J'arrive pas à le coder... ça demande une expérience sur js comme la votre.
n3x1n² est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/04/2011, 16h17   #20
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
ben y'a le delete dans ma fonction
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 06h02.


 
 
 
 
Partenaires

Hébergement Web