[bouton radio] récupération
Fermé
drinedrine
Messages postés
4
Date d'inscription
mardi 22 août 2006
Statut
Membre
Dernière intervention
23 novembre 2006
-
22 nov. 2006 à 14:50
Benjamin - 9 sept. 2007 à 10:35
Benjamin - 9 sept. 2007 à 10:35
A voir également:
- [bouton radio] récupération
- Radio française - Télécharger - Médias et Actualité
- Recuperation compte google - Guide
- Réinitialiser chromecast sans bouton - Guide
- Telecharger radio - Télécharger - Audio & Musique
- Radio sur freebox pop - Forum Freebox
9 réponses
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
22 nov. 2006 à 15:26
22 nov. 2006 à 15:26
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é.
drinedrine
Messages postés
4
Date d'inscription
mardi 22 août 2006
Statut
Membre
Dernière intervention
23 novembre 2006
22 nov. 2006 à 15:29
22 nov. 2006 à 15:29
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
Bulb
Messages postés
63
Date d'inscription
mercredi 22 novembre 2006
Statut
Membre
Dernière intervention
19 février 2008
18
22 nov. 2006 à 17:11
22 nov. 2006 à 17:11
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
drinedrine
Messages postés
4
Date d'inscription
mardi 22 août 2006
Statut
Membre
Dernière intervention
23 novembre 2006
23 nov. 2006 à 15:10
23 nov. 2006 à 15:10
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
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
22 nov. 2006 à 17:16
22 nov. 2006 à 17:16
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
Bulb
Messages postés
63
Date d'inscription
mercredi 22 novembre 2006
Statut
Membre
Dernière intervention
19 février 2008
18
22 nov. 2006 à 18:36
22 nov. 2006 à 18:36
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>
Bulb
Messages postés
63
Date d'inscription
mercredi 22 novembre 2006
Statut
Membre
Dernière intervention
19 février 2008
18
22 nov. 2006 à 18:45
22 nov. 2006 à 18:45
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
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
22 nov. 2006 à 18:55
22 nov. 2006 à 18:55
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 ;-)
Bulb
Messages postés
63
Date d'inscription
mercredi 22 novembre 2006
Statut
Membre
Dernière intervention
19 février 2008
18
22 nov. 2006 à 19:38
22 nov. 2006 à 19:38
:D merci,
pour les accolades c'est vrais, question d'habitude
pour les accolades c'est vrais, question d'habitude
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...
