Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

NAVIGUER AVEC UN BOUTON RADIO PLUS BOUTON SUIVANT


Information sur la source

Catégorie :Formulaire Niveau : Débutant Date de création : 17/05/2005 Date de mise à jour : 23/05/2005 20:21:34 Vu / téléchargé: 7 725 / 1 597

Note :
Aucune note

Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
bonjour,

Vous avez des boutons radios un bouton annuler un bouton suivant et précédant si tu sélectionnes un bouton radio et puis tu fais suivant sa va sur une page et si tu sélectionne un autre sa va sur une autre page

le bouton suivant : naviguer
le bouton précédfant : page précédante
bouton annuler : quitter

le zip n'est pas obligatoire

contact : cedric_denotte@msn.com

mercu d'utiliser mon code

Astuces_jeux
 

Source

  • <html>
  • <head>
  • <script language="JavaScript">
  • function action_radio() {
  • // si aucun bouton n'est coché, lieu est 'nul'
  • var lieu = "#";
  • // si le premier bouton est coché...
  • if ( document.formulaire.choix[0].status ) {
  • // la destination est la valeur du premier bouton
  • lieu = document.formulaire.choix[0].value;
  • }
  • // et ainsi de suite...
  • if ( document.formulaire.choix[1].status ) {
  • lieu = document.formulaire.choix[1].value;
  • }
  • if ( document.formulaire.choix[2].status ) {
  • lieu = document.formulaire.choix[2].value;
  • }
  • // lancement du chargement de la page demandée
  • window.location.href = lieu;
  • }
  • </script>
  • </head>
  • <body>
  • <form name="formulaire">
  • Sélectionnez votre destination :
  • <input type="radio" name="choix" value="http://www.netscape.com"> Netscape
  • <input type="radio" name="choix" value="http://www.microsoft.com"> Microsoft
  • <input type="radio" name="choix" value="http://www.biblioscript.com"> Biblio script
  • <input type="radio" name="choix" value="http://www.msn.com">MSN
  • <input type="radio" name="choix" value="http://www.allsoluces.com"> All soluces
  • <input type="radio" name="choix" value="http://www.javascriptfr.com">JavaScriptFR
  • <input type="radio" name="choix" value="http://www.editeurjavascript.com">l'Editeur JavaScript
  • <input type="button" value="< précédant" OnClick="history.back()">
  • <input type="button" value="Suivant >" OnClick="action_radio();">
  • <input type="button" value="annuler" OnClick="window.close();">
  • </form>
  • </body>
  • </html>
<html>

<head>

<script language="JavaScript">
function action_radio() {

// si aucun bouton n'est coché, lieu est 'nul'
var lieu = "#";

// si le premier bouton est coché...
if ( document.formulaire.choix[0].status ) {

// la destination est la valeur du premier bouton
lieu = document.formulaire.choix[0].value;
}

// et ainsi de suite...
if ( document.formulaire.choix[1].status ) {
lieu = document.formulaire.choix[1].value;
}
if ( document.formulaire.choix[2].status ) {
lieu = document.formulaire.choix[2].value;
}

// lancement du chargement de la page demandée
window.location.href = lieu;
}
</script> 

</head>

<body>

<form name="formulaire">
Sélectionnez votre destination :
<input type="radio" name="choix" value="http://www.netscape.com"> Netscape
<input type="radio" name="choix" value="http://www.microsoft.com"> Microsoft
<input type="radio" name="choix" value="http://www.biblioscript.com"> Biblio script
<input type="radio" name="choix" value="http://www.msn.com">MSN
<input type="radio" name="choix" value="http://www.allsoluces.com"> All soluces
<input type="radio" name="choix" value="http://www.javascriptfr.com">JavaScriptFR
<input type="radio" name="choix" value="http://www.editeurjavascript.com">l'Editeur JavaScript
<input type="button" value="< précédant" OnClick="history.back()">
<input type="button" value="Suivant >" OnClick="action_radio();">
<input type="button" value="annuler" OnClick="window.close();">
</form>

</body>

</html>

Conclusion

Merci d'utiliser mon script

contact : cedric_denotte@msn.com
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

23 mai 2005 20:19:02 :
Merci d'utiliser ma source si vous voulez savoir quand ma source est modifiée demandé le moi à cedric_denotte@msn.com MERCI
23 mai 2005 20:21:34 :
N'oublie pas de me cotacter si tu veux savoir qand c'est modifié

Commentaires et avis

signaler à un administrateur
Commentaire de algori le 17/05/2005 20:56:17

niveau expert ???
A mon avis, t'as dû te tromper.
Pour le code, c'est basique...
Pas énormément d'intérêt car s'ouvre sur la même page. Cela aurait eu plus d'intérêt si tu ouvrais le lien dans une frame ou une autre page.
Mais t'es nouveau, donc je noterais pas ta source.
@++

signaler à un administrateur
Commentaire de garfield90 le 17/05/2005 21:10:01

Bonjour,

1) quel est l'interet de faire un menu de ce style ?
N'est pas plus simple de faire un menu classique ( moins d'operation pour le visiteur, 1 normalement, et la ca en fait 2)

2) utilise <script type="text/javascript"> plutot que <script language="javascript">

3) tu peux ameliorer ton script en cherchant l'index du radio selectionné plutot que faisant un if a chaque fois. Piste a développer
a la rigueur, développe avec un input text:
pour faire une redirection vers un moteur de recherche et les mots clés définis dans ce input text

4) Niveau expert pour ca, c'est pas un peu trop exagerer

5) Ferme tes balises qui ne sont pas fermée ( i.e. <input type="radio" ... />) pour le rendre conforme aux normes

Voila, si tu as des explications a me donner pour quelques(voir tous) je noterai ton source
sinon pour l'instant valeur 1 car je ne vois pas l'interet d'un code tel que le tien

Sinon a par ces quelques points, ton source est relativement propre (et correctement commenté, ni pas assez ni de trop, enfin pour un débutant)

signaler à un administrateur
Commentaire de coucou747 le 19/05/2005 20:19:22

et on accède aux éléments avec un ID...

signaler à un administrateur
Commentaire de astuces_jeux le 26/06/2007 20:27:01

Il est si mal mon code ??? Moi je voulais vous aider avec ce code... Et avec vos commentaires comme text/javascript et pas javascript tanc que mon code marche ???

signaler à un administrateur
Commentaire de coucou747 le 26/06/2007 21:45:49

on est pas la pour utiliser mais pour programmer...

signaler à un administrateur
Commentaire de garfield90 le 27/06/2007 09:19:53

"tanc que mon code marche ???" => ce n'est pas une raison. Un meme code peux fonctionner dans certain cas, et plus dans d'autres. PS une voiture peut rouler sur 3 roues, mais c'est pas la meilleur maniere de rouler ;)

Tu soumets ton code ici aux critiques, enfin je pense/j'espere car si tu mets ton code ici pour juste pour recevoir des éloges (lol ton kod é tro util, thx)  c'est pas le bon endroit (ou alors c'est moi qui me suis planté sur le principe de CS).

Après si ton code est bon, on le dira, si ton code est améliorable on le dira aussi (j'entends un surtout derriere moi;)). Ben vi, on critique généralement ce qui va mal et non quand tout est au vert.

Tiens y a du avoir une faille spacio temporelle, car le code est sorti de ca léthargie au bout de 2 ans ;)

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,250 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.