Problème de rafraichissement d'une liste déroulante

Problème de rafraichissement d'une liste déroulante - HTML/CSS - Programmation

Marsh Posté le 08-07-2006 à 17:48:44    

Hello à tous.
Premier post ici en espérant y trouver une réponse. Voilà, je viens de me faire un formulaire d'envoie de mail sur une feuille PHP. La composition et l'envoi de mail marche bien  pas de soucis. Je voudrai juste ajouter un peu de souplesse et faire en sorte que la liste déroulante ou l'on peut choisir le destinataire se mette à jour suivant un argument passé dans l'URL.
 
En étant bref :
 
Lorsque l'url est : http://[xxx]/mailme.php?contact=JB
La liste déroulante se positionne sur JB
 
Lorsque l'url est : http://[xxx]/mailme.php?contact=Webmaster
La liste déroulante se positionne sur Webmaster
 
Tout cela marche bien sous IE mais pas sur Firefox.
Si quelqu'un a une idée je suis largement preneur.
 
 
 
Voici mon code :
 

Code :
  1. <html>
  2. <head>
  3. <title>Document sans titre</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <script language="JavaScript" type="text/JavaScript">
  7. function JBSelectContact(name) {
  8. var obj=document.getElementById("dest" );
  9. if (obj)
  10.  obj.value=name;
  11. }
  12. </script>
  15. </head>
  17. <?
  18. //Test is the variable contact is set
  19. if (!isset($contact))
  20. {
  21. $contact="Webmaster";
  22. }
  23. ?>
  25. <body bgcolor="#000000" text="#FFFFFF" onload= <? echo "JBSelectContact('". $contact ."')" ?> >
  26. <div align="center">
  27.   <h1>Contact </h1>
  28.   <p>&nbsp;</p>
  29.   <p align="center">Merci de bien vouloir utiliser le formulaire ci-dessous pour
  30.     nous contacter. Votre message sera aiguill&eacute; vers la bonne personne
  31.     qui vous r&eacute;pondra dans les plus bref d&eacute;lais.</p>
  32.   <p align="left">&nbsp;</p>
  33.   <form name="form1" method="post" action="envoi.php">
  34.     <p>&nbsp;</p>
  35.     <table width="90%" border="0">
  36.       <tr>
  37.         <td width="150" nowrap>Votre Adresse eMail :</td>
  38.         <td> <input name="emit" type="text" size="50"></td>
  39.       </tr>
  40.       <tr>
  41.         <td width="150" nowrap>Destinataire :</td>
  43.         <td><select name="dest">
  44.             <option value='Webmaster'>Webmaster</option>
  45.             <option value='JB'>JB</option>
  46.           </select>
  47.         </td>
  48.       </tr>
  50.       <tr>
  51.         <td width="150" nowrap>Sujet :</td>
  52.         <td> <input name="subject" type="text" size="100"></td>
  53.       </tr>
  55.       <tr>
  56.         <td width="150" nowrap>
  57.           <label>Votre message :</label> </td>
  58.         <td><textarea name="text" cols="100" rows="10"></textarea></td>
  59.       </tr>
  60.       <tr>
  61.         <td width="150" nowrap>&nbsp;</td>
  62.         <td><div align="center">
  63.             <input type="submit" name="Submit" value="Envoyer">
  64.             <input name="Cancel" type="reset" id="Cancel2" value="Annuler">
  65.           </div></td>
  66.       </tr>
  67.     </table>
  68.     <p>
  69.       <label> </label>
  70.     </p>
  71.   </form>
  72.   <p>&nbsp;</p>
  73. </div>
  74. </body>
  75. </html>


 

Reply

Marsh Posté le 08-07-2006 à 17:48:44   

Reply

Marsh Posté le 10-07-2006 à 09:59:37    

Personne pour me proposer une idée ????
:'(

Reply

Marsh Posté le 10-07-2006 à 10:04:07    

si :o
Tu ne "dois" pas pouvoir changer directement la value d'un select sous FF ( je suppose j'ai pas vérifié hein!).
Du coup tu vas être obligé de boucler sur toutes les options de ton select et de mettre selected à celle dont la valeur correspond.

Message cité 1 fois
Reply

Marsh Posté le 10-07-2006 à 10:18:22    

Déjà, moi je vois deux trucs :
 
1/ le premier, c'est que ça me semble un peu chelou comme t'as voulu faire, à mélanger du PHP et du JS
2/ tu peux le faire 100% en JS, ou 100% en PHP. Etant donné que le support du PHP est garanti mais pas celui du JS, la question ne se pose pas.
 
Tu fais donc :
 

Code :
  1. <td><select name="dest">
  2.   <option value='Webmaster'<?("Webmaster" == $contact)?echo(" selected=\"selected\"" );?>Webmaster</option>
  3.   <option value='JB'<?("JB" == $contact)?echo(" selected=\"selected\"" );?>>JB</option>
  4. </select></td>


 
et tu vires tout le reste
 
ps: chuis pas sûr de la syntaxe, chuis une quille en php

Reply

Marsh Posté le 10-07-2006 à 10:24:35    

ah, en plus je vois ce que t'as voulu faire... spa glorieux comme truc :o, et en effet, seul IE autorise de modifier l'attribut "value" d'un objet select. il faut passer par les options, et sélectionner celle que tu veux ;)
 
La version 100% JavaScript aussi :
 

Code :
  1. function Contact()
  2. {
  3.     if (window.location.href.indexOf("?" ) > -1)
  4.     {
  5.         var contactVal = "";
  6.         var params = window.location.href.substr(window.location.href.indexOf("?" ) + 1).split("&" );
  7.         for (var i = 0; i < params.length; i++)
  8.         {
  9.             if (params[i].split("=" )[0] == "contact" )
  10.             {
  11.                 contactVal = params[i].split("=" )[1];
  12.                 break;
  13.             }
  14.         }
  16.         if (contactVal.length > 0)
  17.         {
  18.             for (var i = 0; i < document.getElementById("contactSelect" ).options.length; i++)
  19.             {
  20.                 if (document.getElementById("contactSelect" ).options[i].value > contactVal)
  21.                 {
  22.                     document.getElementById("contactSelect" ).options[i].selected = true;
  23.                     break;
  24.                 }
  25.             }
  26.         }
  27.     }
  28. }
  30. document.onload = Contact;


 
Tu vires toute trace de PHP et des JS dans ta page, et ça marche, à condition de recevoir en URL un paramètre nommé "contact" et que ton select ait pour id "contactSelect"

Message cité 1 fois
Message édité par Arjuna le 10-07-2006 à 10:31:01
Reply

Marsh Posté le 10-07-2006 à 10:38:41    

LOL ... merci pour les soluces :)
J'ai pris la version PHP ;)
 
Et désolé de faire des trucs pas glorieux du tout mdr ... j'ai totalement lâche le dev web depuis des lustres et je rame pour m'y remettre !
 
Merci en tout cas ;)
 
JB

Reply

Marsh Posté le 10-07-2006 à 10:41:33    

anapajari a écrit :

si :o
Tu ne "dois" pas pouvoir changer directement la value d'un select sous FF.
Du coup tu vas être obligé de boucler sur toutes les options de ton select et de mettre selected à celle dont la valeur correspond.


Arjuna a écrit :

ah, en plus je vois ce que t'as voulu faire... spa glorieux comme truc :o, et en effet, seul IE autorise de modifier l'attribut "value" d'un objet select. il faut passer par les options, et sélectionner celle que tu veux ;)


 
Y'a de l'echo :o :o :o
Et je comprends pas une ligne dans ton truc:

Arjuna a écrit :


Code :
  1. if (document.getElementById("contactSelect" ).options[i].value > contactVal)



== plutot que > non?


Message édité par anapajari le 10-07-2006 à 10:41:55
Reply

Marsh Posté le 10-07-2006 à 10:43:59    

Yes, c'est == :)
 
C'est normal aussi, je suis reparti d'un autre script que j'ai écrit pour faire qqchose d'autre. Pis la zone de "Réponse rapide", elle est pas top pour corriger du code :p
 

Code :
  1. // This file add the "debug" directive to all links on the page if it is set on the current url
  2. // In other words, it extends the debug feature to the whole site
  4. function UpdateLinksWithDebugFlag()
  5. {
  6.     if (window.location.href.indexOf("?" ) > -1)
  7.     {
  8.         var debugEnabled = false;
  9.         var params = window.location.href.substr(window.location.href.indexOf("?" ) + 1).split("&" );
  10.         for (var i = 0; i < params.length; i++)
  11.         {
  12.             if (params[i] == "debug=1" )
  13.             {
  14.                 debugEnabled = true;
  15.                 break;
  16.             }
  17.         }
  19.         if (debugEnabled)
  20.         {
  21.             for (var i = 0; i < document.links.length; i++)
  22.             {
  23.                 if (document.links[i].href.indexOf("?" ) > -1)
  24.                 {
  25.                     document.links[i].href += "&debug=1";
  26.                 }
  27.                 else
  28.                 {
  29.                     document.links[i].href += "?debug=1";
  30.                 }
  31.             }
  33.             for (var i = 0; i < document.forms.length; i++)
  34.             {
  35.                 if (document.forms[i].action.indexOf("?" ) > -1)
  36.                 {
  37.                     document.forms[i].action += "&debug=1";
  38.                 }
  39.                 else
  40.                 {
  41.                     document.forms[i].action += "?debug=1";
  42.                 }
  43.             }
  44.         }
  45.     }
  46. }
  48. window.onload = UpdateLinksWithDebugFlag;


Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed