Petit bug avec des formulaires
Résolu
corentin.bc
Messages postés
383
Date d'inscription
Statut
Membre
Dernière intervention
-
corentin.bc Messages postés 383 Date d'inscription Statut Membre Dernière intervention -
corentin.bc Messages postés 383 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Petit bug avec des formulaires
- Iptv bug forum ✓ - Forum Box et Streaming vidéo
- Iptv bug - Forum Box et Streaming vidéo
- Petit 2 ✓ - Forum Bureautique
- Trier du plus petit au plus grand excel - Guide
- Petit 3 ✓ - Forum Word
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>
