[bouton radio] récupération
drinedrine
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
Benjamin -
Benjamin -
Bonjour,
Je suis entrain de créer une page web ou il y aura 3 boutons radio et un bouton Go.
J'aimerais qu'en appuyant sur GO, ca m'affiche sur une autre page web une image par rapport au choix du bouton radio !
Je ne sais pas si je me suis bien fais comprendre ?
Voilà mon code pour l'instant :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>bouton radio</title>
</head>
<body>
<input name="CHOX" value="rouge" type="radio">
Rouge <input name="CHOX" value="orange" type="radio">
Orange <input name="CHOX" value="Vert"
checked="checked" type="radio">
Vert <br>
<input name="Go" value="Go"
onclick="imagec.src='vert52.gif';imageb.src='orange52.gif';imagea.src='rouge52.gif'"
type="submit">
</body>
</html>
Merci d'avance pour votre précieuse aide !
Je suis entrain de créer une page web ou il y aura 3 boutons radio et un bouton Go.
J'aimerais qu'en appuyant sur GO, ca m'affiche sur une autre page web une image par rapport au choix du bouton radio !
Je ne sais pas si je me suis bien fais comprendre ?
Voilà mon code pour l'instant :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>bouton radio</title>
</head>
<body>
<input name="CHOX" value="rouge" type="radio">
Rouge <input name="CHOX" value="orange" type="radio">
Orange <input name="CHOX" value="Vert"
checked="checked" type="radio">
Vert <br>
<input name="Go" value="Go"
onclick="imagec.src='vert52.gif';imageb.src='orange52.gif';imagea.src='rouge52.gif'"
type="submit">
</body>
</html>
Merci d'avance pour votre précieuse aide !
A voir également:
- [bouton radio] récupération
- Radio française - Télécharger - Médias et Actualité
- Diagnostic bouton photo - Accueil - Outils
- Bouton reinitialisation pc - Guide
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
- Symbole arrêt marche - Forum Word
9 réponses
salut.
tu peux faire ca simplement en JS je pense (avec l'attribut onsubmit sur le formulaire)
Il suffit d'une fonction qui récupère la valeur du radio sélectionné.
tu peux faire ca simplement en JS je pense (avec l'attribut onsubmit sur le formulaire)
Il suffit d'une fonction qui récupère la valeur du radio sélectionné.
Ok mais, ca m'aide pas vraiment!
je suis un peu débutant et je fouille un petit peu partout! mais je trouve pas grand chose!
En fait j'aimerais que par rapport à un certain choix dans les boutons radios, une image se modifie sur une autre page web.
Voici mon nouveau code :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript"> function choixprop(form3) {
if (form3.choix[0].checked) { window.open('feux.html','feux', 'width=100,height=150') };
if (form3.choix[1].checked) { alert("Vous avez choisi la proposition " + form3.choix[1].value) };
if (form3.choix[2].checked) { alert("Vous avez choisi la proposition " + form3.choix[2].value) }; }
</script>
<title>gfdsagafd</title>
</head>
<body>
Entrez votre choix :
<form name="form3"><input name="choix" value="1"
type="radio">Rouge<br>
<input name="choix" value="2" type="radio">Orange<br>
<input name="choix" value="3" type="radio">Vert<br>
<input name="but" value="Go"
onclick="choixprop(form3)" type="button"></form>
</body>
</html>
merci d'avance
je suis un peu débutant et je fouille un petit peu partout! mais je trouve pas grand chose!
En fait j'aimerais que par rapport à un certain choix dans les boutons radios, une image se modifie sur une autre page web.
Voici mon nouveau code :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript"> function choixprop(form3) {
if (form3.choix[0].checked) { window.open('feux.html','feux', 'width=100,height=150') };
if (form3.choix[1].checked) { alert("Vous avez choisi la proposition " + form3.choix[1].value) };
if (form3.choix[2].checked) { alert("Vous avez choisi la proposition " + form3.choix[2].value) }; }
</script>
<title>gfdsagafd</title>
</head>
<body>
Entrez votre choix :
<form name="form3"><input name="choix" value="1"
type="radio">Rouge<br>
<input name="choix" value="2" type="radio">Orange<br>
<input name="choix" value="3" type="radio">Vert<br>
<input name="but" value="Go"
onclick="choixprop(form3)" type="button"></form>
</body>
</html>
merci d'avance
Ce n'est pas très compliqué, il faut utiliser du php:
donc tout d'abord tu a correctement nomé tes input en leur donnant le même nom,
la premiere page je la rédigerais ainsi:
index.php
Voici enfin le code de la secondepage.php
Je dis que la variable choix contient le value de ce qui a été coché à la page précédente.
Ensuite j'ecris ma ligne en fonction de ce que contient la variable.
ça devrait marcher
donc tout d'abord tu a correctement nomé tes input en leur donnant le même nom,
la premiere page je la rédigerais ainsi:
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>gfdsagafd</title> </head> <body> Entrez votre choix : <form name="form3" action="secondepage.php"> <input name="choix" value="1"type="radio">Rouge<br> <input name="choix" value="2" type="radio">Orange<br> <input name="choix" value="3" type="radio">Vert<br> <input name="but" value="Go" type="submit"></form> </body> </html>
Voici enfin le code de la secondepage.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <?php $choix = $_POST['choix'];
Je dis que la variable choix contient le value de ce qui a été coché à la page précédente.
if ($choix == 1){
print('<img src="vert52.gif" />');
}
if ($choix == 2){
print('<img src="orange52.gif" />');
}
if ($choix == 3){
print('<img src="rouge52.gif" />');
}
?>
</body>
</html>
Ensuite j'ecris ma ligne en fonction de ce que contient la variable.
ça devrait marcher
tu avais bien compris ce que j'avais demandé!
Je souhaite avoir un certain choix a faire sur une page et ensuite afficher le résultat sur une autre page !
Car cette page, je vais l'utiliser pour la mettre en signature dans mes mails outlook!
En fait si je t'explique mieux : je veux insérer cette page.html en signature dans mon mail.
En fait : il y aura trois images de feux Résultats, Coûts, Délai, et par rapport à l'avancement des travaux, je veux pouvoir choisir pour chaque catégorie la couleur du feu! (rouge,orange,vert)
Et je voulais automatiser la chose car si je dois créer une image pour tous les choix, ca fait beaucoup d'images!
Comprends-tu?
Et je ne savais pas trop comment faire ca alors je l'ai fait sur une page html...
Voila si tu peux un peu plus m'aider?
Merci d'avance
Je souhaite avoir un certain choix a faire sur une page et ensuite afficher le résultat sur une autre page !
Car cette page, je vais l'utiliser pour la mettre en signature dans mes mails outlook!
En fait si je t'explique mieux : je veux insérer cette page.html en signature dans mon mail.
En fait : il y aura trois images de feux Résultats, Coûts, Délai, et par rapport à l'avancement des travaux, je veux pouvoir choisir pour chaque catégorie la couleur du feu! (rouge,orange,vert)
Et je voulais automatiser la chose car si je dois créer une image pour tous les choix, ca fait beaucoup d'images!
Comprends-tu?
Et je ne savais pas trop comment faire ca alors je l'ai fait sur une page html...
Voila si tu peux un peu plus m'aider?
Merci d'avance
Ca marche sûrement, mais je pensais faire ca en JS parce recharger la page pour une image seulement...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Désolé je pensais que le choix se faisait sur une page et que l'affichage se faisait sur une autre.
voici ton application avec javascript le tout en une page.
voici ton application avec javascript le tout en une page.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>gfdsagafd</title>
<SCRIPT language="javascript">
function choixprop(form) {
if (form.choix[0].checked) {
document.getElementById('image_rouge').style.display = 'inline';
}else{
document.getElementById('image_rouge').style.display = 'none';
}
if (form.choix[1].checked) {
document.getElementById('image_orange').style.display = 'inline';
}else{
document.getElementById('image_orange').style.display = 'none';
}
if (form.choix[2].checked) {
document.getElementById('image_vert').style.display = 'inline';
}else{
document.getElementById('image_vert').style.display = 'none';
}
}
</SCRIPT>
</head>
<body>
Entrez votre choix :
<FORM NAME="form">
<INPUT TYPE="radio" NAME="choix" VALUE="1">rouge<BR>
<INPUT TYPE="radio" NAME="choix" VALUE="2">orange<BR>
<INPUT TYPE="radio" NAME="choix" VALUE="3">vert<BR>
<INPUT TYPE="button"NAME="but" VALUE="Quel et votre choix ?" onClick="javascript:choixprop(form);">
</FORM>
<img id="image_rouge" src="rouge.jpg" style="display:none;" >
<img id="image_orange" src="orange.jpg" style="display:none;">
<img id="image_vert" src="vert.jpg" style="display:none;">
</body>
</html>
Attention!!!
Pour ceux qui parcourent ce topic, j'ai pas fais gaffe, mais il y a une grosse erreur au post 3:
C'est FAUX!!! il ne contient pas du tout le value, mais le rang qu'occupe la sélection dans le tableau réponse des radiobox!!! c'est a dire
- 0 pour le choix 1
- 1 pour le choix 2
- 2 pour le choix 3
Mea Culpa
Pour ceux qui parcourent ce topic, j'ai pas fais gaffe, mais il y a une grosse erreur au post 3:
Je dis que la variable choix contient le value de ce qui a été coché à la page précédente.
C'est FAUX!!! il ne contient pas du tout le value, mais le rang qu'occupe la sélection dans le tableau réponse des radiobox!!! c'est a dire
- 0 pour le choix 1
- 1 pour le choix 2
- 2 pour le choix 3
Mea Culpa
Bravo bulb :-)
Une suggestion :
dans les conditions ou il n'y a qu'une action, tu peux enlever les accolades ;-)
Une suggestion :
dans les conditions ou il n'y a qu'une action, tu peux enlever les accolades ;-)
S'il vous plait, je crée un site web, mais je bloque devant un probleme de taille: comment puisje inserer des options RADIO et un TESTAREA dans un mail
qui serait sur un autre lien du meme site
exemple:
001.htm=> Je remplis nomalement ma page, je fait continuer(Lien vers 002.htm)
002.htm=> Mes options de la page precendente sont retransmises via php (svp le code) ou JS(idem) puis, l'utilisateur en faisant 'confirmer' envoie le mail avec toutes les options qu'il aurrais choisis
Voici mon code de 001.htm:
<code><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Info help</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {background-color:white ; color:black} /* page blanche avec une police noire */
.menu1 { /* boite qui contient le menu (les onglets) */
border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
padding-top:12px ; /* marge intérieure haute */
padding-bottom:0px} /* marge intérieure basse */
.onglet { /* style des onglets inactifs */
margin:5px 5px 0px 20px ; /* marge extérieure */
padding:11px 0px 0px 0px ; /* marge intérieure */
font-size : 16px ; /* taille de la police des onglets */
float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
width:100px ; /* largeur de la boite float */
background : url(onglet.gif) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
text-align:center} /* Le texte des onglets est centré */
a.onglet:hover {color:green} /* lors du survol d'un lien, la police devient verte */
.onglet-actif { /* style de l'onglet de la page active */
position:relative ; /* l'onglet inactif est mis en position relative */
top:2px ; /* pour pouvoir baisser l'onglet de 2 pixels */
border-bottom : solid 0px white} /*on efface le trait inférieur du menu */
.spacer {clear:both} /* force le retour à la ligne après des boites float */
a img {border:none} /* pas d'encadrement des images */
a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
a:hover img {width:300px ; height:216px} /* agrandi les images lors du survol */
</style>
</head>
<body link="red" vlink="red">
<div class="menu1"> <!-- début de la boite contenant les onglets -->
<a class="onglet" href="index.htm">Acceuil</a> <!-- onglet inactif -->
<span class="onglet onglet-actif">Aide windows</span> <!-- onglet ACTIF -->
<a class="onglet" href="contact.htm">Nous contacter</a> <!-- onglet inactif -->
<a class="onglet" href="part.htm">Partenaires</a> <!-- onglet inactif -->
<div class="spacer"></div> <!-- permet le retour à la ligne à la fin des boites float -->
</div>
<br><br><br><div align="center">Ici, laissez nous vos problemes, grave ou pas, nous tenterons de le resoudre
<br><br><br>
</div>
<form action="confirm.htm" method=post enctype="multipart/form-data">
<input type="hidden" name"Mon probleme" Value="ExForm1">
<font size="4">Votre nom:</font><br> <input type="text" size="20" Name="Name" Value="Tappez ici votre non..."><br><br>
<font size="4">Nature/symptomes du probleme:</font><br> <input type="text" size="20" Name="nature" Value="Exemple: panne résaux, Ecran bleu...">
<p><font size="4">Prioritée</font><br>
Haute: <input type="radio" name="priorite" value="H"><br>
Normal: <input type="radio" name="priorite" value="N"><br>
Basse: <input type="radio" name="priorite" value="L" checked><br>
<p>
<font size="4">Systeme d'exploitation:</font><br>
Windows: <input type="radio" name="OS" value="windows" checked><br>
Linux:<input type="radio" name="OS" value="Linux"><br>
Mac/apple:<input type="radio" name="OS" value="mac"><br>
<p>
<font size="4">Le faire avec assistance (vous faites vous meme la reparation avec les conseils d'un de nos technitiens)</font><br>
Oui<input type="radio" name="help" value="oui"><br>
Non<input type="radio" name="help" value="non" checked><br>
<p><font size="4">Afin de mieu vous aider, faites nous une beve description du probleme...</font><br>
<textarea name"explain" cols="50" rows="5">expliquez ici...
qui serait sur un autre lien du meme site
exemple:
001.htm=> Je remplis nomalement ma page, je fait continuer(Lien vers 002.htm)
002.htm=> Mes options de la page precendente sont retransmises via php (svp le code) ou JS(idem) puis, l'utilisateur en faisant 'confirmer' envoie le mail avec toutes les options qu'il aurrais choisis
Voici mon code de 001.htm:
<code><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Info help</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {background-color:white ; color:black} /* page blanche avec une police noire */
.menu1 { /* boite qui contient le menu (les onglets) */
border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
padding-top:12px ; /* marge intérieure haute */
padding-bottom:0px} /* marge intérieure basse */
.onglet { /* style des onglets inactifs */
margin:5px 5px 0px 20px ; /* marge extérieure */
padding:11px 0px 0px 0px ; /* marge intérieure */
font-size : 16px ; /* taille de la police des onglets */
float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
width:100px ; /* largeur de la boite float */
background : url(onglet.gif) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
text-align:center} /* Le texte des onglets est centré */
a.onglet:hover {color:green} /* lors du survol d'un lien, la police devient verte */
.onglet-actif { /* style de l'onglet de la page active */
position:relative ; /* l'onglet inactif est mis en position relative */
top:2px ; /* pour pouvoir baisser l'onglet de 2 pixels */
border-bottom : solid 0px white} /*on efface le trait inférieur du menu */
.spacer {clear:both} /* force le retour à la ligne après des boites float */
a img {border:none} /* pas d'encadrement des images */
a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
a:hover img {width:300px ; height:216px} /* agrandi les images lors du survol */
</style>
</head>
<body link="red" vlink="red">
<div class="menu1"> <!-- début de la boite contenant les onglets -->
<a class="onglet" href="index.htm">Acceuil</a> <!-- onglet inactif -->
<span class="onglet onglet-actif">Aide windows</span> <!-- onglet ACTIF -->
<a class="onglet" href="contact.htm">Nous contacter</a> <!-- onglet inactif -->
<a class="onglet" href="part.htm">Partenaires</a> <!-- onglet inactif -->
<div class="spacer"></div> <!-- permet le retour à la ligne à la fin des boites float -->
</div>
<br><br><br><div align="center">Ici, laissez nous vos problemes, grave ou pas, nous tenterons de le resoudre
<br><br><br>
</div>
<form action="confirm.htm" method=post enctype="multipart/form-data">
<input type="hidden" name"Mon probleme" Value="ExForm1">
<font size="4">Votre nom:</font><br> <input type="text" size="20" Name="Name" Value="Tappez ici votre non..."><br><br>
<font size="4">Nature/symptomes du probleme:</font><br> <input type="text" size="20" Name="nature" Value="Exemple: panne résaux, Ecran bleu...">
<p><font size="4">Prioritée</font><br>
Haute: <input type="radio" name="priorite" value="H"><br>
Normal: <input type="radio" name="priorite" value="N"><br>
Basse: <input type="radio" name="priorite" value="L" checked><br>
<p>
<font size="4">Systeme d'exploitation:</font><br>
Windows: <input type="radio" name="OS" value="windows" checked><br>
Linux:<input type="radio" name="OS" value="Linux"><br>
Mac/apple:<input type="radio" name="OS" value="mac"><br>
<p>
<font size="4">Le faire avec assistance (vous faites vous meme la reparation avec les conseils d'un de nos technitiens)</font><br>
Oui<input type="radio" name="help" value="oui"><br>
Non<input type="radio" name="help" value="non" checked><br>
<p><font size="4">Afin de mieu vous aider, faites nous une beve description du probleme...</font><br>
<textarea name"explain" cols="50" rows="5">expliquez ici...