Comment soumettre une variable JS à PHP ?

Version imprimable

:oops:Bonjour,

Je galère à faire communiquer javascript et php.
Ma fonction en .js (fonctionne très bien, testée via un alert dans un body onLoad...)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script type="text/javascript" > function resolution() { var resolution = ""; var resolution_failed = "no_trace"; var hauteur = screen.height; var largeur = screen.width; var bits = screen.colorDepth; if((hauteur > 0) && (largeur > 0) && (bits > 0)){ resolution += "("+largeur+"x"+hauteur+")"+":"+bits; return resolution; }else{ return resolution_failed; } } </script>
Je voudrais récupérer ce résultat dans un input HTML.
Donc j'ai essayé toute sorte de chose et j'arrive pas. Dernier essaie ci-dessous.

Code:

<input type="hidden" name="resolution" id="resolution" value="\"<script language="javascript">resolution();</script>"\"">

Question : Comment ajouter à la valeur de cet input, le résultat renvoyé par ma fonction javascript.

Merci de votre aide.

27/09/2009, 12h54
Bovino

Salut,
Tu ne peux pas affecter le value d'un input comme ça !

Code:

<input type="hidden" name="resolution" id="resolution" value=""">

et

Code:

<body onload="document.getElementById('resolution').value = resolution()">

par exemple.

Code:

1
2
3
4
5
6
7
8
window.onload = function() { resolution('resolution'); } // id de l'élément
 
resolution (eltId) {
 ...
 if (resolution) { // valeur de la variable resolution existante
  document.getElementById(eltId).value = resolution;
 }
}

avec une méthode comme ca, ca n'irait pas des fois ?

27/09/2009, 17h33
helrick

Ok, je fais ça.

Code:

<body onload="document.getElementById('resolution').value = resolution()">

Mais comment je récupère cette info dans PHP.
Pour l'instant j'ai fait un truc comme ça parce que je vois pas comment faire autrement

Code:

$resolution = $_GET['resolution'];

Merci de m'aider

Peut-etre mais je ne comprends pas ta syntaxe. Et pareil quand j'arrive en php j'arrive pas à récupérer cette info.
Citation:
Envoyé par Neii Mad
Code:

1 2 3 4 5 6 7 8 window.onload = function() { resolution('resolution'); } // id de l'élément resolution (eltId) { ... if (resolution) { // valeur de la variable resolution existante document.getElementById(eltId).value = resolution; } }
avec une méthode comme ca, ca n'irait pas des fois ?

27/09/2009, 18h30
sebhm

Bonjour,

Citation:

window.onload = function() { resolution('resolution'); } // id de l'élément
...
document.getElementById(eltId).value = resolution;

ou

Citation:

<body onload="document.getElementById('resolution').value = resolution()">

c'est du kif-kif.

ca va juste récupérer la résolution donnée par ton javascript et l'affecter à un champ Input de ta page.

Pour le récupérer en PHP, il faut obligatoirement valider la page, donc il te faut un formulaire qui contiendra au minimum le Input

Code:

<input type="hidden" name="resolution" id="resolution" value=""">

et un bouton Submit bien sûr pour valider.
Alors dans la page suivante (celle contenue dans le champ action de ton formulaire), tu auras ta résolution (mais là, c'est du PHP pur).

Citation:

Envoyé par moi même

Pour le récupérer en PHP, il faut obligatoirement valider la page

on peut le faire en AJAX aussi !!

Re,
Les gars c'est bon ça fonctionne. Heureusement que vous m'avez donné un coup de pouce avec les explications.
Voici la solution finale que j'ai retenue:
Entre balises <head></head> j'ai ma fonction
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script language=javascript> function resolution() { var resolution = ""; var resolution_failed = "no_trace"; var hauteur = screen.height; var largeur = screen.width; var bits = screen.colorDepth; if((hauteur > 0) && (largeur > 0)){ return resolution += "("+largeur+"x"+hauteur+")"+":"+bits; //alert(resolution += "("+largeur+"x"+hauteur+")"+":"+bits); }else{ return resolution_failed; } } </script>
Ensuite, dans mon body, j'appelle la fonction

Code:

<body onload="document.getElementById('resolution').value =resolution()">

Enfin, entre mes balises <form></form> j'ai mis ça pour récupérer la valeur (comme vous m'avez suggéré).

Code:

<input type="hidden" name="resolution" id="resolution" value="">

Encore un grand merci pour vos conseils.
J'ai mieux compris ce qui ce trame dans ce javascript.
A+