Faire passer une variable dans load() suite à un on() [Résolu]

[arthuro45]

Bonsoir,

Je me concocte un petit plugin

J'ai une fonction recupValeurSelect() avec un événement $(this).on('change', ... qui renvoie une valeur.
Quand je fais un alert la fonction renvoie bien les valeurs mais elles ne passent pas dans le val du load().
Comment faire passer val dans le load() ?

Code :

1
2
3
4
5
6
7
8
9
10
11
 
...
var opts = $.extend(defaults, options);
 
  if(recupValeurSelect()) { var val = recupValeurSelect(); } else { var val = ''; }
 
	$(this).load(opts.linkInclude + ' #' + opts.nomTable, { 'str':val }, function(){
 
	creationTableau();
 
});

[danielhagnoul]

Bonsoir

Code :

if(recupValeurSelect()) { var val = recupValeurSelect(); } else { var val = ''; }

Rien ne vous choque ?

Vos deux déclarations "var" sont locales. La variable val dans la méthode "load" est donc "undefined".

[arthuro45]

Envoyé par danielhagnoul

Bonsoir

Code :

if(recupValeurSelect()) { var val = recupValeurSelect(); } else { var val = ''; }

Rien ne vous choque ?

Vos deux déclarations "var" sont locales. La variable val dans la méthode "load" est donc "undefined".

3h05 !

Oui effectivement, la variable est en locale

Quelque chose m'échappe, car même en globale rien ne passe dans la méthode load :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
var val = '';
 
if(recupValeurSelect()) { val = recupValeurSelect(); } else { val = ''; }
 
$(this).on('change', '#' + opts.nomTable, function() {
	val = recupValeurSelect();
	alert(val); // Renvoi bien les valeurs
});
 
	$(this).load(opts.linkInclude + ' #' + opts.nomTable, { 'str':val }, function(){
 
			initCreationTableau();
	});

[danielhagnoul]

Bonsoir

La variable "str" passe très bien au travers du petit test que je me suis amusé à faire, car il y avait tellement longtemps que je n'avais plus écrit du PHP, un langage que j'adore. (Ma conscience : "Menteur !" )

Le fichier qr6.php :

Code :

1
2
3
4
5
6
7
8
9
<?php
    header('Content-Type: text/html; charset=utf-8');
 
    if ( isset($_REQUEST['str']) && empty($_REQUEST['str']) == false ){
        echo '<p>'.$_REQUEST['str'].'</p>';
    } else {
		echo '<p>Erreur !</p>';
	}
?>

Mon test :

Code :

1
2
3
4
5
var val = "bonjour";
 
$( "section.conteneur" ).load( "qr6.php", { 'str': val }, function( data ){
	console.log( data );
});

Et tant dans la console que dans la page web, j'ai le résultat attendu : <p>bonjour</p>

[arthuro45]

Bonsoir

pour en finir avec cette discution, voici mon code fonctionnel avec la fonctionalité que je voulais :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
var $t = $(this); // Ce qui change tout :)
 
initTab(opts.v);
 
function initTab(val)
{
 
    $t.load(opts.linkInclude + ' #' + opts.nomTable, { 'str':val }, function(){
 
	initCreationTableau();
    });
 
}
 
$t.on('change', '#' + opts.nomTable, function() {
	initTab(recupValeurSelect());
});

Mon erreur venait du fait qu'il y avait confusion avec les $(this) à l'intérieur du plugin, entre ceux qui faisaient référence à l'élément appelé par le plugin et ceux des fonctions internes du plugin (je ne sais pas si je suis très clair ).