Résolu Quel langage utiliser pour...

Solutions (9)
Tags :
  • Input
  • Programmation
|
Bonjour,

Pour mon site professionnel, j'ai besoin d'une page qui permette au clients de connaitre le prix de la livraison en fonction du département où elle aura lieu.

J'ai pensé à un formulaire simple avec tout d'abord un choix à faire puis un bouton permettant de soumettre le choix et d'afficher la page correspondante. Type :

  1. <form method="post" action="script.php">
  2. <p>
  3. Veuillez indiquer le département de livraison :<br />
  4. <input type="radio" name="dep" value="01" id="01" /> <label for="01">liste des départements concernés</label><br />
  5. <input type="radio" name="dep" value="02" id="02" /> <label for="02">liste des départements concernés</label><br />
  6. </p>
  7.  
  8. <p>
  9. <input type="submit" />
  10. </p>
  11. </form>


Mon problème c'est que je n'ai pas du tout compris comment faire ouvrir une nouvelle page.
J'ai vu pour envoyer un formulaire par email, ce genre de chose, mais je n'ai pas compris comment lier une autre page.
J'imagine que ça s'inscrit dans la

Un petit éclaircissement serait le bienvenue. Je vous remercie.
Contenus similaires
Meilleure solution
partage
, Modérateur |
Salut,

Avec quelque chose dans ce genre (pas testé)

  1. <script type="text/javascript">
  2. function getCheckedPage(radioObj) {
  3. if(!radioObj)
  4. return "";
  5. var radioLength = radioObj.length;
  6. if(radioLength == undefined)
  7. if(radioObj.checked)
  8. return radioObj.lien;
  9. else
  10. return "";
  11. for(var i = 0; i < radioLength; i++) {
  12. if(radioObj[i].checked) {
  13. return radioObj[i].lien;
  14. }
  15. }
  16. return "";
  17. }
  18.  
  19. function GoToSelectedPage() {
  20. var selectedPage = getCheckedPage(document.forms['myform'].elements['dep']);
  21. if (selectedPage == "")
  22. alert('aucun choix');
  23. else
  24. location.href = selectedPage;
  25. }
  26. </script>
  27.  
  28. <form method="post" name="myform" onsubmit="GoToSelectedPage(); return false;">
  29. <p>
  30. Veuillez indiquer le département de livraison :<br />
  31. <input type="radio" name="dep" value="01" id="01" lien="page1.html" /> <label for="01">liste des départements concernés</label><br />
  32. <input type="radio" name="dep" value="02" id="02" lien="page2.html" /> <label for="02">liste des départements concernés</label><br />
  33. </p>
  34.  
  35. <p>
  36. <input type="submit" />
  37. </p>
  38. </form>
  • Commenter cette solution |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par soca_09.
  • Commenter cette réponse |
Score
0
òh
òi
|
OmaR a dit :
Ok, je vois.
Remplace return radioObj.lien; par return radioObj.attributes["lien"].value;
Et remplace return radioObj.lien; par return radioObj.attributes["lien"].value;


Parfait, ça fonctionne. Merci beaucoup pour ton aide.
Je vais essayer d'en apprendre un peu plus sur le javascript pour pouvoir me débrouiller la prochaine fois.
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Ok, je vois.
Remplace return radioObj.lien; par return radioObj.attributes["lien"].value;
Et remplace return radioObj.lien; par return radioObj.attributes["lien"].value;
  • Commenter cette réponse |
Score
0
òh
òi
|
OmaR a dit :
Il faut peut être ajouter l'URL de ton site avant.
Vu que les attributs lien sont relatifs (page1.html, page2.html), essaie de remplacer dans le javascript:
location.href = "http://www.monsite.com/mondossier/" + selectedPage;


J'ai testé, et même si le navigateur trouve bien la racine ttp://www.monsite.com/mondossier/ il termine par "undefined" au lieu de la page. J'ai testé pas mal de truc mais rien ne semble fonctionner.
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Il faut peut être ajouter l'URL de ton site avant.
Vu que les attributs lien sont relatifs (page1.html, page2.html), essaie de remplacer dans le javascript:
location.href = "http://www.monsite.com/mondossier/" + selectedPage;
  • Commenter cette réponse |
Score
0
òh
òi
|
OmaR a dit :
Salut,

Avec quelque chose dans ce genre (pas testé)


Merci.
J'ai testé, la mise en page fonctionne bien mais pas les liens. Quand je clique sur valider je me retrouve sur une page "lien brisé" quel que soit l'adresse que j'entre dans le code.
Je vais étudier ça et essayer de comprendre d'où vient le problème. Merci pour ton aide.
  • Commenter cette réponse |
Score
0
òh
òi
|
Merci pour ta réponse.

Je comprends qu'il faut un redirection dans la page script.php, mais j'avoue que je ne sais pas comment faire.
J'ai vu pas mal de choses sur le php mais ça me parait très complexe et je n'arrive pas à sortir les infos dont j'ai besoin.

En faisant quelques recherches j'ai trouvé un code javascript qui doit se rapprocher de ce que je recherche :
  1. <HTML>
  2. <HEAD>
  3. <SCRIPT language="Javascript">
  4. <!--
  5.  
  6. function Affiche1() {
  7. alert('Texte 1');
  8. }
  9. function Affiche2() {
  10. alert('Texte2');
  11. }
  12.  
  13. //-->
  14. </SCRIPT>
  15. </HEAD>
  16. <BODY>
  17.  
  18. <A href="javascript:;" onClick="Affiche1();">Texte1</A>
  19. <A href="javascript:;" onClick="Affiche2();">Texte2</A>
  20.  
  21. </BODY>
  22. </HTML>


A la place de Texte 1 et Texte 2 sans les fonctions Affiche, j'imagine que l'on peut insérer des url...
Si c'est effectivement possible, peut-on utiliser autre chose que du lien texte ? Parce que sinon, je fais un lien tout bête, pas besoin de m'embête en php ou javascript.

Dans l'idéal j'aimerais donner la possibilité au visiteur de faire un choix entre plusieurs option et en fonction du choix ouvrir la page correspondante.

Je m'y perds un peu...
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Salut,

Avec ce que t'as fait, il faut que ta page script.php fasse une redirection vers la page que tu veux.

Sinon, tu peux faire ça en JavaScript directement, quand la personne valide le formulaire, tu fais une redirection en fonction de la valeur sélectionnée
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS