Comment passer un paramètre dans un ID

**dominos** · 02/12/2011, 11h56

Bonjour,

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

Code php :

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

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

. Le paramètre une fois passé, est récupéré dans le script, mais voila ça ne fonctionne pas...

Code php :

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

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
$("[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

**SpaceFrog** · 02/12/2011, 12h10

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

**dominos** · 02/12/2011, 12h26

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

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

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

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
$(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() {
....
});
 
 
 
});

**dominos** · 02/12/2011, 16h12

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

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
$(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() {
....
});

**Macmillenium** · 02/12/2011, 16h57

Code :

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

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 :

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

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

Suffit, non?

**dominos** · 02/12/2011, 19h16

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

Comment passer un paramètre dans un ID

jQuery

Vue hybride

Discussions similaires

Partager

Partager