jquery et plusieurs events

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : jquery et plusieurs events

d@kn1ko

bonjour

Depuis quelques jours je commence à utiliser le framework jquery.
ce matin je me heurte à un problème. Je ne sais pas comment lancer une fonction sur plusieurs événements.
concrètement dans mon formulaire je voudrais lancer une fonction sur un click dans un select ou un keyup sur un input text.

pour résoudre mon problème je suis passé par une fonction et j appelle cette fonction sur click dans mon select et onKeyup dans ma zone input(voir deuxième code ci_dessous).

J'aimerais savoir si il est possible d'éviter de faire ces appels de fonction dans le code html avec jquery?

code nok. actuellement mon code ne se déclenche que sur l'événement keyup alors que je voudrais keyup sur l'id id_coclico et click sur l'id campagne.

Code :

$(document).ready(function(){
var id = $('#id_coclico,#campagne');
$.each(id, function() {
$(this).keyup(function(event){
coclico = $("#id_coclico" ).val();
campagne = $("#campagne" ).val();
$.post('ajax/ajax_test_coclico.php',{
coclico:coclico,campagne:campagne},
function(data){
//si la requête s'est bien déroulée
if (data=='1'){
$("#test_nok" ).hide();
$('#test_ok').fadeIn("slow", 0, function(){
$("#test_ok" ).show();
});
}
else
{
$("#test_ok" ).hide();
$('#test_nok').fadeIn("slow", 0, function(){
$("#test_nok" ).show();
});
}
});
});
});
});

code ok, mais pas vraiment ce que je veux puisque je dois mettre des appels de fonction dans mon formulaire:

Code :

function test_client(){
var id = $('#id_coclico,#campagne');
$.each(id, function() {
coclico = $("#id_coclico" ).val();
campagne = $("#campagne" ).val();
$.post('ajax/ajax_test_coclico.php',{
coclico:coclico,campagne:campagne},
function(data){
//si la requête s'est bien déroulée
if (data=='1'){
$("#test_nok" ).hide();
$('#test_ok').fadeIn("slow", 0, function(){
$("#test_ok" ).show();
});
}
else
{
$("#test_ok" ).hide();
$('#test_nok').fadeIn("slow", 0, function(){
$("#test_nok" ).show();
});
}
});
});
}

merci de votre aide

Message édité par d@kn1ko le 28-09-2009 à 10:47:09

Publicité

pataluc

j'ai rien compris a ce que tu veux...

dans ton second code ya pas d'events, c'est normal?

pourquoi tu mets pas qqchose du genre

Code :

$("ton_select" ).click(nom_de_ta_fonction);
$("ton_input_text" ).keyup(nom_de_ta_fonction);

Message cité 1 fois

d@kn1ko

pataluc a écrit :

j'ai rien compris a ce que tu veux...

dans ton second code ya pas d'events, c'est normal?

pourquoi tu mets pas qqchose du genre

Code :

$("ton_select" ).click(nom_de_ta_fonction);
$("ton_input_text" ).keyup(nom_de_ta_fonction);

le second code je l'appel avec onClick="test_client()" et onKeyup="test_client()" dans mon formulaire et je voudrais éviter cela au maximum puisque jquery permet de s en passer.

tu as compris ce que je voulais .
je vais essayer ta solution.

d@kn1ko

ok ca fonctionne bien plus besoin d'appel de fonction dans mon formulaire.

par contre il n'existe pas une fonction en jquery qui permet de cumuler des événements?

merci de ton aide :hello:

Code :

function test_client(){
var id = $('#id_coclico,#campagne');
$.each(id, function(){
coclico = $("#id_coclico" ).val();
campagne = $("#campagne" ).val();
$.post('ajax/ajax_test_coclico.php',{
coclico:coclico,campagne:campagne},
function(data){
//si la requête s'est bien déroulée
if (data=='1'){
$('#test_ok').fadeIn("slow", 0, function(){
$("#test_ok" ).show();
});
$("#test_nok" ).hide();
}
else
{
$("#test_ok" ).hide();
$('#test_nok').fadeIn("slow", 0, function(){
$("#test_nok" ).show();
});
}
});
});
}
$(function(){
$("#id_coclico" ).keyup(function(event){test_client();});
$("#campagne" ).click(function(event){test_client();});
});

Message édité par d@kn1ko le 28-09-2009 à 11:16:59

pataluc

qu'est ce que tu entends par "cumuler les events"?

sinon normalement ca, ca marche pareil que ce que tu as mis, mais c'est plus lisible:

Code :

$("#id_coclico" ).keyup(test_client);
$("#campagne" ).click(test_client);

Edit: et sinon, tu as mis "$(function(){", tu voulais dire "$(document).ready(function(){" je suppose?

Message cité 1 fois
Message édité par pataluc le 28-09-2009 à 11:49:59

d@kn1ko

pataluc a écrit :

qu'est ce que tu entends par "cumuler les events"?

sinon normalement ca, ca marche pareil que ce que tu as mis, mais c'est plus lisible:

Code :

$("#id_coclico" ).keyup(test_client);
$("#campagne" ).click(test_client);

Edit: et sinon, tu as mis "$(function(){", tu voulais dire "$(document).ready(function(){" je suppose?

c est a dire déclencher ma fonction sur click ou keyup pour un seul id sans devoir rappeler plusieurs fois la fonction

un truc du genre $("#id_colico" ).keyup.click(test_client());

Message édité par d@kn1ko le 28-09-2009 à 13:35:14

pataluc

ah ouais ben ca doit marcher normalement... t'as essayé?

Message cité 1 fois

d@kn1ko

pataluc a écrit :

ah ouais ben ca doit marcher normalement... t'as essayé?

non v tester

edit non ca ne fonctionne pas

Message édité par d@kn1ko le 28-09-2009 à 13:49:47

pataluc

ouais ca vient du fait qu'avec un #id ca ne remonte que le premier élément... ca serait un .class ca marcherait.

http://docs.jquery.com/Selectors/id#id "Matches a single element with the given id attribute."

Message cité 1 fois
Message édité par pataluc le 28-09-2009 à 13:53:21

d@kn1ko

pataluc a écrit :

ouais ca vient du fait qu'avec un #id ca ne remonte que le premier élément... ca serait un .class ca marcherait.

http://docs.jquery.com/Selectors/id#id "Matches a single element with the given id attribute."

oui ca me semble normal puisqu'un id doit être unique dans le document.

mais moi je cherche a déclencher ma fonction sur click ou keyup sur un seul id

Publicité

pataluc

tu veux dire? mettre le .click à la suite du .keyup comme tu as fait: .keyup.click(...) ?

Message cité 1 fois

d@kn1ko

pataluc a écrit :

tu veux dire? mettre le .click à la suite du .keyup comme tu as fait: .keyup.click(...) ?

non c etait juste pour illustrer.

mais c'est pas grave j arrive a m en sortir avec les appels de fonction

edit maintenant j ai un autre probléme ca ne fonctionne pas sur ie6 ...
reedit resolut avec l ajout de var

Code :

function test_client(){
var id = $('#id_coclico,#campagne');
$.each(id, function(){
var coclico = $("#id_coclico" ).val();
var campagne = $("#campagne" ).val();
$.post('ajax/ajax_test_coclico.php',{
coclico:coclico,campagne:campagne},
function(data){
//si la requête s'est bien déroulée
if (data=='1'){
$('#test_ok').fadeIn("slow", 0, function(){
$("#test_ok" ).show();
});
$("#test_nok" ).hide();
}
else
{
$("#test_ok" ).hide();
$('#test_nok').fadeIn("slow", 0, function(){
$("#test_nok" ).show();
});
}
});
});
}
$(function(){
$("#id_coclico" ).keyup(function(event){test_client();});
$("#campagne" ).click(function(event){test_client();});
});

Message édité par d@kn1ko le 29-09-2009 à 09:21:11

FORUM HardWare.fr

Programmation

HTML/CSS

jquery et plusieurs events

Sujets relatifs
Après plusieurs années sans coder...quel langage?	[AS] zoom avec un onMouseWheel sur plusieurs clip [RESOLU]
background et plusieurs images	Problème Jquery
SELECT MATCH sur plusieurs colonnes	Group By - Mysql: Comment eviter de faire plusieurs requetes ?
Problème avec jQuery	PHP - envoyer un mail à plusieurs destinataire
JQuery Form: ajaxForm + JQuery UI: Sortable	Sélectionner plusieurs fichiers du même dossier
Plus de sujets relatifs à : jquery et plusieurs events

Page générée en 0.106 secondes