Interaction PHP et Javascript

**GTJuanpablo** · 03/07/2007, 18h02

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** · 03/07/2007, 19h07

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** · 04/07/2007, 09h35

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** · 04/07/2007, 09h44

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** · 04/07/2007, 09h46

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

**buzzkaido** · 04/07/2007, 09h48

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** · 04/07/2007, 09h53

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** · 04/07/2007, 10h03

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

Au moins la fonction makeRequest

**GTJuanpablo** · 04/07/2007, 10h04

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** · 04/07/2007, 10h09

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** · 04/07/2007, 10h14

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

Envoy� par buzzkaido

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** · 04/07/2007, 10h16

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** · 04/07/2007, 10h18

cod� en dur, �a marche

**buzzkaido** · 04/07/2007, 10h21

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** · 04/07/2007, 10h22

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** · 04/07/2007, 10h30

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** · 04/07/2007, 10h38

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** · 04/07/2007, 10h43

Ca, �a doit marcher.

Mais tu dois aussi pouvoir faire :

recup = document.form_style.background.value;

**GTJuanpablo** · 04/07/2007, 10h53

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

**GTJuanpablo** · 04/07/2007, 11h07

c'est bon, �a marche!

MERCI

Interaction PHP et Javascript

JavaScript

Discussions similaires

Partager

Partager