Petit bug avec des formulaires
Résolu
corentin.bc
Messages postés
449
Statut
Membre
-
corentin.bc Messages postés 449 Statut Membre -
corentin.bc Messages postés 449 Statut Membre -
Bonjour,
sur cette page :
https://dev.accessibiliteprogrammes.fr/redirections/7ZWin32Inst.html
j'aimerais que quand mon visiteur validera son choix effectué dans la liste déroulante l'URL contenue dans les éléments option s'ouvre.
Hors là ce n'est pas le cas et j'ignore comment faire.
Voici mon code :
merci beaucoup d'avance.
Amicalement! Corentin.
EDIT : AJOUT DES BALISES DE CODE
sur cette page :
https://dev.accessibiliteprogrammes.fr/redirections/7ZWin32Inst.html
j'aimerais que quand mon visiteur validera son choix effectué dans la liste déroulante l'URL contenue dans les éléments option s'ouvre.
Hors là ce n'est pas le cas et j'ignore comment faire.
Voici mon code :
<form method="post"> <label for="serveur_tel">Quel serveur utiliser pour le téléchargement ?</label> <select name="serveur_tel" id="serveur_tel"> <option value="[http://7-zip.org/a/7z1602.exe]">Serveur de l'éditeur</option> <option value="/logiciels/7z1602.exe" selected>Serveur Accessibilité Programmes</option> </select> <br /> <input type="submit" value="Valider" title="Valider, télécharger le logiciel" /> </form>
merci beaucoup d'avance.
Amicalement! Corentin.
EDIT : AJOUT DES BALISES DE CODE
A voir également:
- Petit bug avec des formulaires
- Iptv bug forum ✓ - Forum Box et Streaming vidéo
- Petit 2 ✓ - Forum Bureautique
- Iptv bug - Forum Box et Streaming vidéo
- Trier du plus petit au plus grand excel - Guide
- Comment écrire mètre carré avec un m+2 expos? ✓ - Forum Windows
6 réponses
Bonjour,
Fais le via javascript ...
exemple :
Fais le via javascript ...
exemple :
<select onchange="redirect(this);">
<option value="">Select...</option>
<option value="http://google.com">Google</option>
<option value="http://yahoo.com">Yahoo</option>
</select>
<script type='text/javascript'>
function redirect(elm){
var url = elm.value;
window.location = url;
}
</script>
Au risque de devenir chiant :
y a-t-il un moyen plus accessible ?
Je m'explique :
étant un site pour non-voyants l'accessibilité est primordiale :
hors, avec JavaScript il y a le problème suivant avec IE, Chrome, Opéra et d'autres navigateurs :
les non-voyants utilisants les flèches directionnelles du clavier pour se déplacer dans la liste déroulante la validation se fait toute seule alors que ça devrait attendre que l'utilisateur est validé par entrée.
Je ne sais pas si je suis bien clair mais si tu as compris je veux bien que tu me dises comment faire pour qu'il attende bien que le choix est été validé.
Merci.
y a-t-il un moyen plus accessible ?
Je m'explique :
étant un site pour non-voyants l'accessibilité est primordiale :
hors, avec JavaScript il y a le problème suivant avec IE, Chrome, Opéra et d'autres navigateurs :
les non-voyants utilisants les flèches directionnelles du clavier pour se déplacer dans la liste déroulante la validation se fait toute seule alors que ça devrait attendre que l'utilisateur est validé par entrée.
Je ne sais pas si je suis bien clair mais si tu as compris je veux bien que tu me dises comment faire pour qu'il attende bien que le choix est été validé.
Merci.
Dans ce cas il suffirait de ne pas utiliser l'event CHANGE mais plutot le ONKEYPRESS et tester si il a appuyé sur la touche ENTER
https://www.w3schools.com/jsref/event_onkeypress.asp
et dedans utiliser un if sur le keycode
https://www.w3schools.com/jsref/event_onkeypress.asp
et dedans utiliser un if sur le keycode
if (event.keyCode == 13) {
var url = elm.value;
window.location = url;
}
Alors si j'ai tout suivis et bien compris malgré mon anglais déplorable à l'article du W3C ça donne ça :
est-ce bien?
<form method="post">
<label for="serveur_tel">Quel serveur utiliser pour le téléchargement ?</label>
<select name="serveur_tel" id="serveur_tel" onkeypress="redirect(this);">
<option value="">Select...</option>
<option value="https://sourceforge.net/projects/sevenzip/files/7-Zip/16.02/7z1602.exe/download?use_mirror=freefr">Serveur de l'éditeur</option>
<option value="/logiciels/7z1602.exe" selected>Serveur Accessibilité Programmes</option>
</select>
<script type='text/javascript'>
if (event.keyCode == 13) {
var url = elm.value;
window.location = url;
}
</script>
</form>
est-ce bien?
Alors voilà une modif :
mais ça semble pas mieux en fait ?
Il faut mettre quoi à quel endroit, j'y comprends rien à ce JS, un jour faudra vraiment que je l'apprenne.
<form method="post">
<label for="serveur_tel">Quel serveur utiliser pour le téléchargement ?</label>
<select name="serveur_tel" id="serveur_tel" onKeyPress="if (event.keyCode == 13 redirect(this);">
<option value="">Select...</option>
<option value="https://sourceforge.net/projects/sevenzip/files/7-Zip/16.02/7z1602.exe/download?use_mirror=freefr">Serveur de l'éditeur</option>
<option value="/logiciels/7z1602.exe" selected>Serveur Accessibilité Programmes</option>
</select>
<script type='text/javascript'>
function redirect(elm){
var url = elm.value;
window.location = url;
}
</script>
</form>
mais ça semble pas mieux en fait ?
Il faut mettre quoi à quel endroit, j'y comprends rien à ce JS, un jour faudra vraiment que je l'apprenne.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Voici le code corrigé et fonctionnel :
<form>
<label for="serveur_tel">Quel serveur utiliser pour le téléchargement ?</label>
<select name="serveur_tel" id="serveur_tel" onKeyPress="redirect(event,this);">
<option value="">Select...</option>
<option value="http://7-zip.org/a/7z1602.exe">Serveur de l'éditeur</option>
<option value="/logiciels/7z1602.exe" selected>Serveur Accessibilité Programmes</option>
</select>
</form>
<script type='text/javascript'>
function redirect(event,elm){
if (event.keyCode == 13){
var url = elm.value;
window.location = url;
}
}
</script>
