un SELECT born� par une variable JS

Version imprimable

bonjour,

j ai un select qui fonctione bien, mais dont je fixe les bornes en dur dans le div:
Code:

1 2 3 4 5 6 7 8 9 10 <SELECT NAME='SelectMenu' onChange='fonction_choix_blocage(this.value)'> <?php for($i=-3;$i<21;$i++) { if ($i == 0) {$selection="selected";} else {$selection="";} echo '<option '.$selection.' value='.$i.'>'.$i.'</option>'; } ?> </SELECT>
jusque l�, par de probleme.

mais j aimerais bien que la valeur de $i puisse etre maximum egale une variable qui existe dans le code JS

dans l'absolu, ca pourrait devenir un truc du style:
Code:

1 2 3 4 5 6 7 8 9 10 <SELECT NAME='SelectMenu' onChange='fonction_choix_blocage(this.value)'> <?php for($i=-3;$i<VARIABLE JS;$i++) { if ($i == 0) {$selection="selected";} else {$selection="";} echo '<option '.$selection.' value='.$i.'>'.$i.'</option>'; } ?> </SELECT>
comment faire ca?

merci les amis
eric

01/09/2007, 18h27
ryan

Yop!

Le probl�me est que le PHP est interpr�t� sur le serveur avant d'�tre envoy� sur le client, donc avant que la variable JS n'existe. A moins que tu ne nous parles d'ASP cod� en JS...
01/09/2007, 18h29
sebdu

bonjour,
renseigne toi mais je ne suis pas s�r que tu puisse r�cup�rer une variable javascript dans ton code php (c�t� client/c�t� serveur)
d�sol�
sinon attend qu'un vrai d�veloppeur vienne t'aider
01/09/2007, 22h57
Cpas2latarte

Il est vrais que je PHP s'ex�cute AVANT le JS donc le PHP ne peut connatre la valeur du JS.
Sauf si il y a plusieurs appel de la page m�me PHP, et que la page PHP doit tenir compte de la valeur s�lectionn� dans le JS.
Dans ce cas lors des appel successif de la page PHP, js peut lui transmettre la valeur via formulaire ou cookie,

Sinon tu peux toujours modifier ton select directement en JAVASCRIPT (ajout, supression d'option, modifiation ...)
du coup pas besoin de passer quoi que ce soit a PHP.
Que veux tu faire exactement? peux tu �tre plus pr�cis
02/09/2007, 11h36
rragnarok

la solution de passer par le JS pour faire le select m interesse, je suis pas but� :)

par contre, j ai aucune id�e par ou commencer...

j ai juste une question: je vais devoir mettre toutes les valeurs dans une bdd... j espere qu on peut questionner une bdd avec Js... sinon, je vais etre dans le ...

( en fait, j utilise JS pour faire un site propre, sans appels � la bdd � chaque rafraichissment de la page.)

voila.. :)

eric
02/09/2007, 13h10
sebdu

Citation:

Envoy� par rragnarok

j ai juste une question: je vais devoir mettre toutes les valeurs dans une bdd... j espere qu on peut questionner une bdd avec Js... sinon, je vais etre dans le ...

tu peux r�cup�rer les valeurs de ta bdd avec php puis les utiliser dans ton code javascript par exemple

Code:

document.forms[0].champ.value=<?php echo $variable;?>;

et � partir de �a tu peux faire tout ce que tu veux
vraiment pratique php/javascript, moi j'adore :D
02/09/2007, 14h00
rragnarok

je vais essayer ton truc..

si ca marche, c est genial et ca repond a plein de problemes..
et ce serait a mettre en premier dans tous les forums car il y a un nombre impressionnant de post qui posent le probleme de la portabilite des variables php/Js

aller.. au boulot et et a dans qq heures!!

eric
02/09/2007, 14h05
rragnarok

hehe... l� c est dans le sens php --> JS

mais dans l autre sens....

une variable JS a transformer en PHP.

dans mon probleme actuel, ce serait:

variable JS --> variable PHP

boucle for i=1 to variable php
select
fin select
fin boucle

t as une astuce pour ca aussi?

eric
02/09/2007, 14h07
rragnarok

sinon, pour recuper les valeurs de la bdd, c est nickel, merci, ca va ete extra.

:)

eric

Citation:

Envoy� par rragnarok

la solution de passer par le JS pour faire le select m interesse, je suis pas but� :)

par contre, j ai aucune id�e par ou commencer...

ci dessous un petit code qui te montre comment commenc� ;)
CAD ajout suppression d'opton dans un select en JS PURE
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 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title></title> <script> function creerOption() { var newOption = document.createElement("option"); newOption.text = document.getElementById("nlibelle").value; document.getElementById("nlibelle").value =""; document.getElementById("monSelect").options.add(newOption); } function supprimerOption () { if(document.getElementById("monSelect").selectedIndex<0) { alert("Selectionnez l'element à supprimer"); return; } document.getElementById("monSelect").remove(document.getElementById("monSelect").selectedIndex); } </script> </head> <body> <select id="monSelect"> </select><br/> <input type="text" id="nlibelle"/> <input type="button" value="ajouter" onclick="creerOption()"/> <input type="button" value="supprimer" onclick="supprimerOption()"> </body> </html>
Concerant les valeur issu de la BDD, tu peux utiliser un requ�te AJAX(apres chargement de la page) pr�remplir a l'aide de PHP des variable JS (avant chargement) un comme comme �a
Code:

1 2 3 4 5 6 7 <? $resultat = 'xxxx' ?> <Script> var valeurJS ="<?=$resultat?>" </script>
�videmment, la solution avec ajax est plus �l�gante, mais celle ci et pour moi plus simple a comprendre et � mettre en ouvre. Si tu veux un exemple avec ajax, fait signe.

02/09/2007, 21h53
sebdu

merci Cpas2latarte pour ton code, je pense que �a pourra me servir
et je veux bien l'exemple ajax ou un site qui explique bien comment faire parce que �a me plairait bien mais j'ai un peu de mal � comprendre sans un bon tutoriel
:oops:
merci
03/09/2007, 19h27
sebdu
tu peux essayer
Code:

1 2 3 4 boucle for i=1 to <?php echo variable php;?> select fin select fin boucle
expliqu� comme tu l'as fait �a reste dans le sens php->js
par contre js->php impossible (� ma connaissance) peut �tre avec ajax mais l� faudra demander � quelqu'un d'autre :cry:
(je veux bien une r�ponse ajax :D)

Bon je vais donner un exemple cette fois si bas� sur AJAX.

Je reprend l'exemple que j'avais donn�e pr�c�demment que je modifie pour faire une requette AJAX.
Il y a maintenant 2 pages
la page qui soumet la requ�te et la page qui traite la requ�te et qui envoi une r�ponse ) la 1ere page
Code de la page 1 (page1.php)

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  <script>
 
  function creerOption(libelle) {
   var newOption = document.createElement("option");
   newOption.text = libelle;
   document.getElementById("nlibelle").value ="";
   document.getElementById("monSelect").options.add(newOption);
  }
  function supprimerOption () {
    if(document.getElementById("monSelect").selectedIndex<0) {
      alert("Selectionnez l'element à supprimer");
      return;
    }
    document.getElementById("monSelect").remove(document.getElementById("monSelect").selectedIndex);
  }
 
  function getAjaxObject(){
    var ao = null;
    if(window.XMLHttpRequest) // Firefox et autres
      ao = new XMLHttpRequest();
    else if(window.ActiveXObject){ // Internet Explorer
      try {
        ao = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
        ao = new ActiveXObject("Microsoft.XMLHTTP");
      }
    } else { 
      ao = false;
    }
    return ao
  }
 
  function sendRequest(){
    var ajaxObject = getAjaxObject()
    ajaxObject.onreadystatechange = function(){
      if(ajaxObject.readyState == 4 && ajaxObject.status == 200){
        creerOption(ajaxObject.responseText);
      }
    }
    ajaxObject.open("GET","page2.php?param1=" + document.getElementById("nlibelle").value,true);
    ajaxObject.send(null);
  }  
 
 
  </script>
  </head>
  <body>
 
  <select id="monSelect">
  </select><br/>
  <input type="text" id="nlibelle"/>
  <input type="button" value="ajouter" onclick="sendRequest()"/>
  <input type="button" value="supprimer" onclick="supprimerOption()">
  </body>
</html>

et maintenant la page 2 qui traite la requ�te. Dans mon exemple cette page doit obligatoirement s'appeler "page2.php"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
<?
// page PHP qui va recevoir la requête AJAX
 
// obtention des param (ICI GET)
$param = $_GET['param1'];
 
// traitement divers par exemple reqûete BDD...
$param = 'la valeur est ' . $param;
 
//ecriture de la réponse pour AJAX
echo $param;
?>

Enjoy ;)

04/09/2007, 05h15
sebdu

:merci:
�a me fait un bon d�but pour attaquer ajax
:king: