Interaction PHP et Javascript

Version imprimable

03/07/2007, 18h02
GTJuanpablo

Interaction PHP et Javascript

Bonjour,

j'ai un bouton radio qui lors du click change le contenu d'une div via une fonction ajax:

Code:

onClick="makeRequest('sections/preferences-style-preview.php?color=<?php echo $dir?>','image_preview')" />

La valeur de dir change en fonction du bouton radio. J'aimerais ajouter dans ce lien ceci:

Code:

onClick="makeRequest('sections/preferences-style-preview.php?color=<?php echo $dir?>','image_preview')&background=document.getElementByName('a').checked" />

En gros je veux que mon lien change en fonction d'un autre formulaire de boutons radios, en allant chercher la valeur du bouton radio coché dans l'autre formulaire. est-ce possible? suis-je près du but?

merci d'avance
03/07/2007, 19h07
SpaceFrog

oui mais faut concaténer ta requête ...

Code:

onclick="makeRequest('sections/preferences-style-preview.php?color=<?php echo $dir?>','image_preview')&background='+document.getElementByName('a').checked;" />
04/07/2007, 09h35
GTJuanpablo

ok, mais je n'arrive pas ç faire marcher, je dois avoir un problème de syntaxe:

Code:

onClick="makeRequest('sections/preferences-style-preview.php?color=<?php echo $dir?>&background='+document.getElementByName('background').checked;'+,'image_preview')" />
04/07/2007, 09h44
buzzkaido

Code:

onClick="makeRequest('sections/preferences-style-preview.php?color=<?php echo $dir?>&background='+document.getElementByName('background').checked;'+,'image_preview')" />

A vue de nez, je dirais plutot :

Code:

onClick="makeRequest('sections/preferences-style-preview.php?color=<?php echo $dir?>&background='+document.getElementByName('background').checked+image_preview)" />

Si image_preview est bien une variable javascript

Edit : pardon, mon nez me trouble... plutot ça :

Code:

onClick="makeRequest('sections/preferences-style-preview.php?color=<?php echo $dir?>&background='+document.getElementByName('background').checked,'image_preview');" />
04/07/2007, 09h46
GTJuanpablo

oui image_preview est une variable javascript mais de ma fonction makerequest(c'est mon deuxieme paramètre), ça ne marche donc pas
04/07/2007, 09h48
buzzkaido

Oui, j'ai compris après, c'est pour ça que j'ai edité.

Les quotes autour de image_preview, c'est parceque j'ai cru que c'etait une chaine, sinon faut les enlever
04/07/2007, 09h53
GTJuanpablo

image_preview est une variable correspondant à une div sur ma page, donc je suppose qu'il faut les laisser.

arf ça ne marche toujours pas, voici le code d'erreur javascript:

Citation:

cet objet ne gère pas cette propriété ou cette méthode.
04/07/2007, 10h03
buzzkaido

Ben fais voir un peu plus de ton code, sinon ça va etre dur de t'aider...

Au moins la fonction makeRequest

voici ma fonction makerequest:

Code:

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
function makeRequest(url, doc) {
 
        var httpRequest = false;
 
        if (window.XMLHttpRequest) { // Mozilla, Safari,...
            httpRequest = new XMLHttpRequest();
            if (httpRequest.overrideMimeType) {
                httpRequest.overrideMimeType('text/xml');
                // Voir la note ci-dessous à propos de cette ligne
            }
        }
        else if (window.ActiveXObject) { // IE
            try {
                httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch (e) {
                try {
                    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch (e) {}
            }
        }
 
        if (!httpRequest) {
            alert('Abandon :( Impossible de créer une instance XMLHTTP');
            return false;
        }
        httpRequest.onreadystatechange = function() { alertContents(httpRequest, doc); };
        httpRequest.open('GET', url, true);
        httpRequest.send(null);
 
    }
 
    function alertContents(httpRequest, doc) {
 
        if (httpRequest.readyState == 4) {
            if (httpRequest.status == 200) {
				document.getElementById(doc).innerHTML=httpRequest.responseText;
            } else {
                alert('Un problème est survenu avec la requête.');
            }
        }
 
    }

et mon input:

Code:

1
2
3
<input type="radio" name="color" id="color_<?php echo $dir?>" value="<?php echo $dir?>" 
 
								onClick="makeRequest('sections/preferences-style-preview.php?color=<?php echo $dir?>&background='+document.getElementByName('background').checked,'image_preview');" />

04/07/2007, 10h09
buzzkaido

Hum, je vois pas trop, parceque là, ça m'a l'air correct comme code...

T'as bien un element qui accepte le innerHTML (DIV ou autre) dont l'ID est "image_preview" ?

Tu peux charger ta page et faire "Afficher la source" histoire de voir si ton PHP est interpreté correctement ?
04/07/2007, 10h14
GTJuanpablo

Citation:

Envoyé par buzzkaido

Hum, je vois pas trop, parceque là, ça m'a l'air correct comme code...

T'as bien un element qui accepte le innerHTML (DIV ou autre) dont l'ID est "image_preview" ?

Oui

Citation:

Envoyé par buzzkaido

Tu peux charger ta page et faire "Afficher la source" histoire de voir si ton PHP est interpreté correctement ?

Code:

<input type="radio" name="color" id="color_blue" value="blue" onClick="makeRequest('sections/preferences-style-preview.php?color=blue&background='+document.getElementByName('background').checked,'image_preview');" />

A noté que ça marche avec mon ancienne version qui ne va pas chercher mon élément background donc le problème viendrait plutot de la:

Code:

onClick="makeRequest('sections/preferences-style-preview.php?color=grey','image_preview')"
04/07/2007, 10h16
buzzkaido

Et si essaye avec ça :

Code:

<input type="radio" name="color" id="color_blue" value="blue" onClick="makeRequest('sections/preferences-style-preview.php?color=blue&background=true','image_preview');" />

Codé "en dur" dans la page, sans PHP ?
04/07/2007, 10h18
GTJuanpablo

codé en dur, ça marche
04/07/2007, 10h21
buzzkaido

L'erreur vient de là :

document.getElementByName('background').checked

Ton element "background" ne doit pas avoir de proprieté "checked"...

C'est quoi comme tag ?
04/07/2007, 10h22
GTJuanpablo

c'est un bouton radio. Je me suis trompé je veux récupérer la valeur du bouton radio coché. cependant meme en mettant .value ça ne marche pas...
04/07/2007, 10h30
buzzkaido

Les boutons radio fonctionnent par groupe :

Tu leur donne tous le meme "NAME" et ensuite tu peux recuperer à travers form.name.value la valeur de celui qui est coché.
04/07/2007, 10h38
GTJuanpablo
Je vois le genre, j'ai créer une fonction qui me récupère la valeur du bouton radio coché:
Code:

1 2 3 4 5 6 7 8 9 10 11 function recupradio() { for(i=0,i<=2,i++) { if(document.form_style.background[i].checked) { Var Recup=document.form_style.background[i].value; } } return Recup; }
et je l'appelle ici:

Code:

onClick="makeRequest('sections/preferences-style-preview.php?color=<?php echo $dir?>&background='+recupradio(); ,'image_preview');" />

c'est ça?
04/07/2007, 10h43
buzzkaido

Ca, ça doit marcher.

Mais tu dois aussi pouvoir faire :

recup = document.form_style.background.value;
04/07/2007, 10h53
GTJuanpablo

aie çe me met malheureusement des erreurs du genre "," ou "(" manquante
04/07/2007, 11h07
GTJuanpablo

c'est bon, ça marche!

MERCI:yaisse2: