Naviguer avec un bouton radio plus bouton suivant

Soyez le premier à donner votre avis sur cette source.

Vue 11 429 fois - Téléchargée 1 747 fois

Description

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 / Exemple :


<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

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
388
Date d'inscription
lundi 7 juillet 2003
Statut
Webmaster
Dernière intervention
10 février 2009

"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 ;)
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
on est pas la pour utiliser mais pour programmer...
Messages postés
731
Date d'inscription
mercredi 15 novembre 2000
Statut
Membre
Dernière intervention
27 mai 2010

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 ???
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
et on accède aux éléments avec un ID...
Messages postés
388
Date d'inscription
lundi 7 juillet 2003
Statut
Webmaster
Dernière intervention
10 février 2009

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. ) 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)
Afficher les 6 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.