Discussion :

[Snooky68]

Bonjour,

J'utilise multiselect (avec jquery), mais j'ai un problème pour faire des "onblur" ou "onchange".

Mon code:

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
window.onload = function(){
	var sel = document.getElementsByTagName('select');
	var control = "";

	$(document).ready(function() {
		for(var i=0; i<sel.length; i++){
			control += "#" + sel[i].id + ",";

		$(control).multiSelect({ oneOrMoreSelected: '*'}, function() {
			blur: fon_sel(param);
		});
	}
	});
}

Ceci marche très bien, et me permet donc de transformer tout mes select en multiSelect! Le problème, c'est qu'il me faudrait des paramètres différents pour chaque action, mais sa je peut pas le faire car je définie tout les selects en même temps!

Quelqu'un à déjà rencontré ce problème?

Merci.

[Sourrisseau]

d'abord commencer par simplifier ton code. Un des secrets de jquery c'est de faire un code très léger en utilisant les 'sélecteurs' adéquates . Ton code va devenir :

Code :

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

1
2
3
4
5
6
7
 
$(function(){
 
     $('select').multiSelect({ oneOrMoreSelected: '*'}, function() {
			blur: fon_sel(param);
		});
})

Jquery possédé des sélecteurs qui t'évitent d'avoir à parcourir les éléments du dom comme tu l'as fait.

Concernant les évènements "onblur" ou "onchange" tu te retrouves un peu bloqué car tous ces éléments ont été instanciés dans la même fonction . La solution la plus simple à ce moment là est de faire un traitement conditionnel à l'intérieur de la fonction . Cela donnerait par exemple pour la fonction onchange :

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
 
   onchange : function(){
     // on récupére l'id de l'élément que tu as changé
     id = $(this).attr('id');
 
    // on fait les traitements conditionnels
    if (id == 'totto') ... faire ceci 
    if (id == 'test')  ... faire cela
   ......
 
   //si les traitements sont identiques, mais à appliquer à un seul élément
   ma_fonction ($('#'+id))
 
  }
 
  // et en dehors du code de ta fonction sur les selects
function ma_fonction(that){
   that.css('color' , 'red')
  // enfin tu fait les traitements que tu veux
 
}

Pour le traitements conditionnels tu peux aussi utiliser un switch case , ou des else if ...

Voilà , j'espère que ma réponse t'aura éclairé.

[danielhagnoul]

Bonjour.

Il y a un tutoriel : http://khayyam.developpez.com/tutori...y/multiselect/

[Snooky68]

Bonjour,

Merci Sourrisseau, en effet, j'ai simplifier le code!
Pour la résolution du problème lui-même j'ai encore des problèmes!
Apparement mon $(this) me renvoi toujours un objet window (se qui me paraiit normal en faite), qui n'a bien sur pas d'id, et dons je ne peut rien faire!

Je ne comprend pas vraiment pourquoi!
Mon code:

Code :

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

1
2
3
4
5
		$(function() {
			$("select").multiSelect({ oneOrMoreSelected: '*'}, function() { 
				blur: fon_sel($(this).attr('id'));
			});
		});

J'ai essayer en plaçant une fonction onBlur (comme tu la montré) mais le problème est le même, et bien sur, je ne souhaite utiliser le onBlur que se les elements select!

Je ne suis pas très familier à jquery (ou javascript d'ailleurs) donc pas mal de chose m'échappe!

Par exemple: Comment se fait-il que dans mon "multiSelect(" le "this" devrais me renvoyer l'objet select? (Ou alors j'ai mal compris se que tu a voulu dire!)

Voilà, pourrait tu m'éclaircir? Je ne suis pas très douer en anglais (handicape? OUI) donc les doc ne m'aide pas beaucoup, et pour les sites fr sur jquery que j'ai trouvé, sa ne m'apporte pas vraiment de réponse clair!

Encore merci de m'aider.