begin process at 2010 02 10 06:54:15
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > NAVIGUER AVEC UN BOUTON RADIO PLUS BOUTON SUIVANT

NAVIGUER AVEC UN BOUTON RADIO PLUS BOUTON SUIVANT


 Information sur la source

Note :
Aucune note
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é :8 275 / 1 603

Auteur : astuces_jeux

Ecrire un message privé
Site perso
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

Les Membres Club peuvent 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é

 Sources du même auteur

Source avec Zip AFFICHER ADRESSE PAGE D'ACCUEIL

 Sources de la même categorie

Source avec Zip Source avec une capture CALCULS RAYNAUX V2 par Ali Bibi
Source avec Zip Source avec une capture VALIDATION D'UN FORMULAIRE par grarestephane
Source avec Zip Source avec une capture CHAT VIRTUEL par grarestephane
Source avec Zip Source avec une capture AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE par grarestephane
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet

Commentaires et avis

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.
@++

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)

Commentaire de coucou747 le 19/05/2005 20:19:22

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

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 ???

Commentaire de coucou747 le 26/06/2007 21:45:49

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

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...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,484 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales