Comment passer un paramètre dans un ID

Version imprimable

Bonjour,

Je cherche à passer un paramètre pour différencier plusieurs composants,
le composant liste :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="select" class="select">
 <span id="select_text" class="select_text"><?php echo $loc_selected[0]->loc_nom; ?></span> <!-- Container select -->
 <img id="_select_opn" class="_select_opn" src="public/images/_select_opn.png"> <!-- Bouton affiche/masque la liste -->
 <div id="_select_list" class="select_list"> <!-- Si liste ouverte on peut sélectionner plusieurs ass sans fermer -->
  <span id="loc_selected" style="display: block;"><?php echo $loc_selected[0]->loc_nom; ?></span> <!-- Si clique, on ferme la liste, idem à bouton  -->
  <span class="_optgroup">Groupe ...</span>
  <?php 
  for ($i=0;$i<sizeof($ass_selected);$i++) {
  ?>
  <?php if ($i>0) { ?><br /><?php } ?><input type="checkbox" id="ass<?php echo $ass_selected[$i]->ass_code;?>" /> <label for="ass<?php echo $ass_selected[$i]->ass_code;?>" class="test"><?php echo sprintf("%02d",$ass_selected[$i]->ass_code).' - '.$ass_selected[$i]->ass_nom; ?>
  <?php } ?>
</div> 
</div>

Ce que je cherche à faire, c'est placer 2 composants liste ou plus sur la même page qui utiliseront des requêtes SQL différentes... Pour se faire, je passe un paramètre dans l'ID pour les différencier, enfin, je ne sais si c'est la bonne méthode non plus :oops:. Le paramètre une fois passé, est récupéré dans le script, mais voila ça ne fonctionne pas...

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
<div id="select_ass" class="select">
 <span id="text_ass" class="select_text"><?php echo $loc_selected[0]->loc_nom; ?></span> <!-- Container select -->
 <img id="_select_opn" class="_select_opn" src="public/images/_select_opn.png"> <!-- Bouton affiche/masque la liste -->
 <div id="list_ass" class="select_list"> <!-- Si liste ouverte on peut sélectionner plusieurs ass sans fermer -->
  <span id="loc_selected" style="display: block;"><?php echo $loc_selected[0]->loc_nom; ?></span> <!-- Si clique, on ferme la liste, idem à bouton  -->
  <span class="_optgroup">Groupe ...</span>
  <?php 
  for ($i=0;$i<sizeof($ass_selected);$i++) {
  ?>
  <?php if ($i>0) { ?><br /><?php } ?><input type="checkbox" id="ass<?php echo $ass_selected[$i]->ass_code;?>" /> <label for="ass<?php echo $ass_selected[$i]->ass_code;?>" class="test"><?php echo sprintf("%02d",$ass_selected[$i]->ass_code).' - '.$ass_selected[$i]->ass_nom; ?>
  <?php } ?>
</div> 
</div>

<div id="select_speleo" class="select">
 <span id="text_speleo" class="select_text"><?php echo $loc_selected[0]->loc_nom; ?></span> <!-- Container select -->
 <img id="_select_opn" class="_select_opn" src="public/images/_select_opn.png"> <!-- Bouton affiche/masque la liste -->
 <div id="list_speleo" class="select_list"> <!-- Si liste ouverte on peut sélectionner plusieurs ass sans fermer -->
  <span id="loc_selected" style="display: block;"><?php echo $loc_selected[0]->loc_nom; ?></span> <!-- Si clique, on ferme la liste, idem à bouton  -->
  <span class="_optgroup">Groupe ...</span>
  <?php 
  for ($i=0;$i<sizeof($ass_selected);$i++) {
  ?>
  <?php if ($i>0) { ?><br /><?php } ?><input type="checkbox" id="ass<?php echo $ass_selected[$i]->ass_code;?>" /> <label for="ass<?php echo $ass_selected[$i]->ass_code;?>" class="test"><?php echo sprintf("%02d",$ass_selected[$i]->ass_code).' - '.$ass_selected[$i]->ass_nom; ?>
  <?php } ?>
</div> 
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$("[id^='text_']").mousedown(function(e) {
		name = $(e.target).attr('id').substring(5); // Tout le reste, à partir de 5
		// alert(name); // ok
	});
 
	var select_text = $('#text_'+name);
	var select_opn = $('#select_opn');
	var select_list = $('#list_'+name);
	var loc_selected = $('#loc_selected');
 
	/**
	* Si mousedown sur select, bouton, .. : Ouvre/Ferme la liste
	*/
	$("#select_opn, #text_"+name+", #loc_selected").mousedown(function() {
		alert('tests');
	});

Merci d'avance des conseils

02/12/2011, 11h10
SpaceFrog

J'ai pas tout compris, mais j'ai l'impression que tu te mélanges un peu les crayons entre php et js

php est interprété coté serveur et ne peut que collere des elements fixes pour js

Montre nous plutot le html généré, ce sera plus clair

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="select_ass" class="select">
<span id="text_ass" class="select_text">FFS</span>
<img id="add_ass" class="select_add" src="public/images/flt_select_add.png" />
<img id="opn_ass" class="select_opn" src="public/images/flt_select_opn.png" />
<div id="list_ass" class="select_list">
 <span id="selected_ass" class="ass_selected">FFS</span>
 <span class="optgroup">--- par région ---</span>
   <input type="checkbox" id="ass09" /><label for="ass09" class="checkbox">09 - Ari&egrave;ge</label>
   <br /><input type="checkbox" id="ass12" /><label for="ass12" class="checkbox">12 - Aveyron</label>
   <br /><input type="checkbox" id="ass31" /><label for="ass31" class="checkbox">31 - Haute-Garonne</label>
   <br /><input type="checkbox" id="ass32" /><label for="ass32" class="checkbox">32 - Gers</label>
   <br /><input type="checkbox" id="ass46" /><label for="ass46" class="checkbox">46 - Lot</label>
   <br /><input type="checkbox" id="ass65" /><label for="ass65" class="checkbox">65 - Hautes-Pyr&eacute;n&eacute;es</label>
   <br /><input type="checkbox" id="ass81" /><label for="ass81" class="checkbox">81 - Tarn</label>
   <br /><input type="checkbox" id="ass82" /><label for="ass82" class="checkbox">82 - Tarn-et-Garonne</label>
  </div> 
</div>

le parmètre est passé lors du mousedown

Code:

1
2
3
4
$("[id^='text_']").mousedown(function(e) {
		name = $(e.target).attr('id').substring(5);
			//alert(name); // Affiche "ass" ou ... si down
	});

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
$(function() {
 
	var select = $("[id^='select_']");
 
	$("[id^='text_']").mousedown(function(e) {
		name = $(e.target).attr('id').substring(5);
			//alert(name);
	});
 
	var select_text = $('#text_'+name);
	var select_opn = $('#opn_'+name);
	var select_list = $('#list_'+name);
	var selected_def = $('#selected_'+name);
 
	/**
	* Si mousedown sur select, bouton, ... : Ouvre/Ferme la liste
	*/
	$("#opn_"+name+", #text_"+name+", #selected_"+name+"\"").mousedown(function() {
....
});
 
 
 
});

Avec le code suivant ça fonctionne, mais il faut recharger la page après avoir désigné (cliqué) sur la liste :zen:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$(function() {
 
	var select = $("[id^='select_']");
 
	$("[id^='text_']").mousedown(function(e) {
		name = $(e.target).attr('id').substring(5);
			//alert(name);
	});
 
	var select_text = $('#text_'+name);
	var select_opn = $('#opn_'+name);
	var select_list = $('#list_'+name);
	var selected_def = $('#selected_'+name);
 
	/**
	* Si mousedown sur select, bouton, ... : Ouvre/Ferme la liste
	*/
	$("#opn_"+name+", #text_"+name+", #selected_"+name).mousedown(function() {
....
});

Code:

1
2
3
4
5
$("[id^='text_']").mousedown(function(e) {
		name = $(e.target).attr('id').substring(5); // Tout le reste, à partir de 5
		// alert(name); // ok
	});

donc

Code:

1
2
 
var wName = $("[id^='text_']").attr('id').substring(5);

Suffit, non? :koi:

02/12/2011, 18h16
dominos

Merci, j'utilisais la méthode onmousedown car cela me permettait de récupérer l'Id, ce cette façon je pensais réutiliser celui-ci pour le faire circuler dans le script et ainsi utiliser le même script pour plusieurs composants, m'enfin bref, j'ai pas trouvé la solution de toute façon et je galère encore...
03/12/2011, 09h50
SpaceFrog

pourquoi ne pas passer par le class ?
03/12/2011, 16h24
dominos

c-a-d ?
03/12/2011, 19h04
SpaceFrog

Ben mets ton "name" en class ... ça t'evitera d'avoir à parser l'id ...
03/12/2011, 20h56
dominos

Un petit exemple svp parce que je ne vois pas trop l'idée.