Discussion :

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

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

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 :

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

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]

Bonsoir

Code :

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

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 :

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

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 :

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

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 :

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

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 :

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