Discussion :

[GTJuanpablo]

Bonjour,

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

Code :

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

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 :

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

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

[SpaceFrog]

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

Code :

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

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

[GTJuanpablo]

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

Code :

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

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

[buzzkaido]

Code :

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

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 :

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

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 :

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

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

[GTJuanpablo]

oui image_preview est une variable javascript mais de ma fonction makerequest(c'est mon deuxieme paramètre), ça ne marche donc pas

[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

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

cet objet ne gère pas cette propriété ou cette méthode.

[buzzkaido]

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

Au moins la fonction makeRequest

[GTJuanpablo]

voici ma fonction makerequest:

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

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

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');" />

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

[GTJuanpablo]

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

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

Code :

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

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

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

onClick="makeRequest('sections/preferences-style-preview.php?color=grey','image_preview')"

[buzzkaido]

Et si essaye avec ça :

Code :

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

<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 ?

[GTJuanpablo]

codé en dur, ça marche

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

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

[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é.

[GTJuanpablo]

Je vois le genre, j'ai créer une fonction qui me récupère la valeur du bouton radio coché:

Code :

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

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 :

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

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

c'est ça?

[buzzkaido]

Ca, ça doit marcher.

Mais tu dois aussi pouvoir faire :

recup = document.form_style.background.value;

[GTJuanpablo]

aie çe me met malheureusement des erreurs du genre "," ou "(" manquante

[GTJuanpablo]

c'est bon, ça marche!

MERCI