[AJAX] [XAJAX]Transmition de variable

**Krorys** · 30/06/2010, 00h29

Salut a tous!
Je suis un gros débutant, un vrai noob de XAJAX, alors pas de " OLOLZ T NUL SA VE RIEN DIR SE KE TA FAIT", des explication concrète serait bien mieux^^.

Partie xajax:

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
function afficher()
{
        $reponse = new xajaxResponse();//Création d'une instance de xajaxResponse pour traiter les réponses serveur
		$contenue='Nom: '.$donnees_formulaire['nom'].' et Pseudo: '.$donnees_formulaire['pseudo'].' ';
		if(isset($donnees_formulaire['nom'] && $donnees_formulaire['pseudo'])){
		$reponse->assign('block', 'innerHTML', $contenue);//Enfin, on change le contenu du div block par le contenu de $chat
		}
		else{
		$reponse->assign('block', 'innerHTML', 'MER IL AY FOU');//Enfin, on change le contenu du div block par le contenu de $chat
		}
        return $reponse;
}
function envoyer($donnees_formulaire)
{
        $reponse = new xajaxResponse();//Création d'une instance de xajaxResponse pour traiter les réponses serveur
        $reponse->clear('pseudo', 'nom');//On vide le champ contenant le message du posteur
        $reponse->call('xajax_afficher');//On appelle la fonction afficher pour afficher les messages et que le posteur voit son message à l'écran
        return $reponse;
}

et partie form html:

Code :

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

1
2
<input type="submit" value="Envoyer les valeurs" onclick="xajax_envoyer(xajax.getFormValues('this.form')); return false;" />
						   <input type="submit" value="Lire les valeurs" onclick="xajax_afficher(); return false;" />

J'aimerais transmettre les variables du formulaire avec getFormValues a la fonction afficher, en passant par la fonction envoyer.
Bref faire comme la, sauf qu'il faudrait transmettre les variables de la f. envoyer a la f. afficher...
Je sais vraiment pas comment faire :'(

Merci d'avance

**E.Bzz** · 30/06/2010, 10h33

Bonjour et bienvenue sur nos forum

Envoyé par Krorys

pas de " OLOLZ T NUL SA VE RIEN DIR SE KE TA FAIT",

C'est pas trop dans les habitudes ici

Envoyé par Krorys

J'aimerais transmettre les variables du formulaire avec getFormValues a la fonction afficher, en passant par la fonction envoyer.

Heu ... pourquoi ?

Si c'est des éléments de ton formulaire, tu peux y accéder directement à partir de chaque fonction ...
Sinon, il suffit d'utiliser une variable globale (déclarée hors de toute fonction).

A+

**Krorys** · 30/06/2010, 11h54

Bonjour et merci de ta réponse

Eh bien justement, comment y accéder alors?

Et sinon, pour la variable global, je devrais la définir dans le "onclick" ?

Encore merci, et bonne journée

**E.Bzz** · 30/06/2010, 12h06

Envoyé par Krorys

Eh bien justement, comment y accéder alors?

En JavaScript "standard" (sans librairie), tu donnes un id à tes éléments

un id doit toujours être unique dans la page

Code :

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

<input type="text" id="un_input">

et tu y accèdes en JS de n'importe où dans la page (d'une fonction, d'un onclick ou autre) avec

Code :

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

document.getElementById('un_input')

Envoyé par Krorys

Et sinon, pour la variable global, je devrais la définir dans le "onclick" ?

Définir ?
Tu dois la déclarer dans la partie <head> de ta page réservée au code JavaScript, mais pas dans une fonction.
Ensuite, tu peux l'utiliser (la lire ou la modifier) de n'importe où dans ton code, donc à la fois dans ta fonction afficher() et dans ta fonction envoyer().

A+

**Krorys** · 30/06/2010, 12h13

Merci beaucoup pour la réponse.

Je vais essayer le truc du JS. ( je n'y connais rien, et l'AJAX se rapproche beaucoup a du JS, c'est pour ça que j'utilise le XAJAX qui est plus en PHP...^^ )

Jvai voir aussi pour la variable global.

Grand merci, je reposterais si j'ai besoin encore d'aide, forum super actif et généreux x)

Sinon, bonne continuation a tous

**E.Bzz** · 30/06/2010, 12h26

Envoyé par Krorys

( je n'y connais rien, et l'AJAX se rapproche beaucoup a du JS, c'est pour ça que j'utilise le XAJAX qui est plus en PHP...^^ )

Ouuhlààà !

Belle phrase qui nécessite quelques précisions si tu dois te pencher plus avant sur ces problèmes

Ajax c'est du JavaScript (il s'agit plutôt d'une "technique" faisant appel à un objet spécifique XMLHttpRequest)
Xajax (que je n'utilise pas) n'est pas "plus PHP" même si pour toi le fonctionnement en est plus compréhensible : c'est aussi du JavaScript, mais "habillé" pour masquer certaines complexités
Ajax n'a pas "besoin" de PHP : il permet d'appeler une page sur le serveur, c'est tout. Si c'est une page PHP, elle s'exécute et renvoie une réponse, mais il peut aussi s'agir simplement d'ouvrir un fichier texte

Mais ça sera certainement plus clair si tu lis ça

Sinon, bonne continuation à toi aussi

A+

**Krorys** · 30/06/2010, 12h45

Ah...ok

Bon, eh bien me revoila, encore a ne rien comprendre

...

Voici le code de ma page, je ne comprends pas ou ça merde :'(

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<?php
//
//Notre fonction PHP pour afficher les messages
//
function afficher()
{
        $reponse = new xajaxResponse();//Création d'une instance de xajaxResponse pour traiter les réponses serveur
		// $contenue = 'Nom: '.$nom.' et Pseudo: '.$pseudo.' ';
		$nom = "<script language='Javascript'> document.getElementById('nom'); </script>";
		$contenue = 'Nom: '.$nom.' ';
		$reponse->assign('block', 'innerHTML', $contenue);//Enfin, on change le contenu du div block par le contenu de $contenue
        return $reponse;
}
function envoyer($donnees_formulaire)
{
        $reponse = new xajaxResponse();//Création d'une instance de xajaxResponse pour traiter les réponses serveur
         $reponse->clear('pseudo', 'nom');//On vide le champ contenant le message du posteur
        $reponse->call('xajax_afficher');//On appelle la fonction afficher pour afficher les messages et que le posteur voit son message à l'écran
        return $reponse;
}
//Ouverture de la librairie xajax
//Instanciation d'un objet de la classe xajax, puis déclaration de nos fonctions php
//
@require_once('./xajax_core/xajax.inc.php');
$xajax = new xajax(); //On initialise l'objet xajax
$xajax->setCharEncoding('iso-8859-1');//On précise à xAjax qu'on souhaite travailler en ISO-8859-1
$xajax->register(XAJAX_FUNCTION, 'afficher');//on enregistre nos fonctions
$xajax->processRequest();//Fonction qui va se charger de générer le Javascript, à partir des données que l'on a fournies à xAjax APRES AVOIR DECLARE NOS FONCTIONS
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
        <head>
                <title>Test xAjax</title>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
				 <?php $xajax->printJavascript(); /* Affiche le Javascript */?>
 
				// <?php global $nom, $pseudo; ?> Essai de global ici, sans résultat...
        </head>
        <body>
                <div id="block">Ici est mort un brave petit div nommé block...</div>
                <form action="">
                        <fieldset>
                         <legend>Entrer ici votre message :</legend>
                         <div>
                          <label>Nom : <input type="text" size="15" id="nom" /></label><br />
                          <label>Pseudo : <input type="text" size="50" id="pseudo" /></label><br />
                          <input type="submit" value="Envoyer les valeurs" onclick="xajax_envoyer(xajax.getFormValues('this.form')); return false;" />
						   <input type="submit" value="Lire les valeurs" onclick="xajax_afficher(); return false;" />
                         </div>
                        </fieldset>
                </form>
        </body>
</html>

Que faire?^^
Quand je fais avec ce code il ne marque que "Nom: " sans la variable...
Je desespère...

**E.Bzz** · 30/06/2010, 14h05

D'une part il s'agit ici de code PHP (qui s'exécute donc sur le serveur)

n'espère pas y récupérer la valeur d'un élément affiché dans le navigateur (donc côté client).
D'autre part

Code :

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

document.getElementById('nom');

correspond à l'objet lui-même

en supposant que c'est la valeur de cet objet que tu veux récupérer c'est

Code :

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

document.getElementById('nom').value;

Il ne s'agit pas ici de problématiques Ajax, mais ce genre d'erreurs risque de planter ton code et donc l'exécution de l'appel Ajax qui suit (chronologiquement).

Par contre, je vois pas ce qu'est censé faire ton code

A+

**Krorys** · 30/06/2010, 15h26

Mon code, c'est juste un ptit test.
Et avec "document.getElementById('nom').value;" cela ne change rien, toujours "Nom: " sans la variable de fin...
Et pour les globals j'ai essayé, en vain aussi...
Oui, un vrai noob, c'est ça que je suis

**E.Bzz** · 30/06/2010, 15h37

Envoyé par Krorys

Oui, un vrai noob, c'est ça que je suis

On en est tous passés par là

Relis la 1° phase de mon post précédent : je pense que c'est sur cette logique générale qu'il faut que tu creuses afin de l'avoir bien en tête.
Beaucoup de ce que tu considères comme des problèmes deviendront évident après ça

Par contre, tout le reste sera insoluble avant

A+

**E.Bzz** · 30/06/2010, 15h40

Envoyé par E.Bzz

Relis la 1° phase de mon post précédent : je pense que c'est sur cette logique générale qu'il faut que tu creuses afin de l'avoir bien en tête.

Pour préciser : il faut absolument que tu comprennes la distinction client/serveur, la notion de génération de code via PHP, la logique des requêtes/réponses et la chronologie de l'ensemble.
Tu pourras ainsi, comme tu as essayé, faire interagir JavaScript <-> PHP sans poser de problème de cohérence ...

A+

**Krorys** · 30/06/2010, 15h58

Donc:
JS = Client
PHP = Serveur

Impossible d'intéragir ensemble?><
Je ne vois pas ou tu veux en venir

EDIT:Jdois etre désespérant hein...mais je suis noob pour le moment

**E.Bzz** · 02/07/2010, 12h05

Envoyé par Krorys

Je ne vois pas ou tu veux en venir

Là où je veux en venir, c'est que tu as déjà tous les éléments.
Il n'y a rien à expliquer de plus tant que tu n'as pas compris toi le fonctionnement client/serveur (et donc la chronologie et les interactions entre PHP et HTML+JavaScript).

Pour être clair : apprends les bases

A+

**Krorys** · 02/07/2010, 15h09

C'est bon, j'ai réussi avec les $_GET.
Désolé pour la gene occasioné.
Je laisse le code au cas ou.

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?php
//
//Notre fonction PHP pour afficher les messages
//
function afficher()
{
        $reponse = new xajaxResponse();//Création d'une instance de xajaxResponse pour traiter les réponses serveur
                $reponse->clear('pseudo', 'nom');//On vide le champ contenant le message du posteur
                $nom = $_GET['nom'];
                $pseudo = $_GET['pseudo'];
                if($_GET['nom'] == "" || $_GET['pseudo'] == ""){
                $contenue = 'Vous n\'avez rien mis! <br> Réessayez ;) ';
                }
                else {
                $contenue = 'Nom: '.$nom.'<br> Pseudo: '.$pseudo.' ';
                }
                $reponse->assign('block', 'innerHTML', $contenue);//Enfin, on change le contenu du div block par le contenu de $chat
        return $reponse;
}
function envoyer($donnees_formulaire)
{
        $reponse = new xajaxResponse();//Création d'une instance de xajaxResponse pour traiter les réponses serveur
        // $reponse->clear('pseudo', 'nom');//On vide le champ contenant le message du posteur
                // $nom = $donnees_formulaire['nom'];
                // $pseudo = $donnees_formulaire['pseudo'];
        $reponse->call('xajax_afficher');//On appelle la fonction afficher pour afficher les messages et que le posteur voit son message à l'écran
        return $reponse;
}
//Ouverture de la librairie xajax
//Instanciation d'un objet de la classe xajax, puis déclaration de nos fonctions php
//
@require_once('./xajax_core/xajax.inc.php');
$xajax = new xajax(); //On initialise l'objet xajax
$xajax->setCharEncoding('iso-8859-1');//On précise à xAjax qu'on souhaite travailler en ISO-8859-1
$xajax->register(XAJAX_FUNCTION, 'afficher');//on enregistre nos fonctions
$xajax->processRequest();//Fonction qui va se charger de générer le Javascript, à partir des données que l'on a fournies à xAjax APRES AVOIR DECLARE NOS FONCTIONS
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
        <head>
                <title>Test xAjax</title>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
				 <?php $xajax->printJavascript(); /* Affiche le Javascript */ ?>
                <script type="text/javascript">
                function refresh()//script javascript qui va appeler le fonction afficher toutes les 5 secondes
                {
                        // xajax_afficher();
					    // var nom = document.getElementById('nom');
                        setTimeout(refresh, 5000);
                }
                </script>
        </head>
        <body>
                <div id="block">Ici est mort un brave petit div nommé block...</div>
                <form action="" name="form1">
                        <fieldset>
                         <legend>Entrer ici votre message :</legend>
                         <div>
                          <label>Nom : <input type="text" size="15" id="nom" name="nom"/></label><br />
                          <label>Pseudo : <input type="text" size="50" id="pseudo" name="pseudo"/></label><br />
                          <input type="submit" value="Envoyer" onclick="var nom = document.getElementById('nom'); var pseudo = document.getElementById('pseudo');" />
						   <input type="button" value="Lire les valeurs" onclick="xajax_afficher(); return false;" />
                         </div>
                        </fieldset>
                </form>
                <script type="text/javascript">
                        refresh();//On appelle la fonction refresh() pour lancer le script
                </script>
        </body>
</html>

[AJAX] [XAJAX]Transmition de variable

AJAX

Discussions similaires

Partager

Partager