Aller au contenu
miklhcos

Petite question sur du JavaScript

Messages recommandés

Bonjour,

après une très longue absence sur le forum je reviens pour vous exposer un problème que je rencontre avec du Javascript.

 

J'ai le code suivant :

<div id="abcdef">
<noscript>
<form method="post" action="https://www.accessibiliteprogrammes.fr/redirection_navigation.php">
<label for="menu_destination">Quelle page ouvrir?</label>
<select name="menu_destination" id="menu_destination">
<option value="/Accessibilite-Programmes-quoi-de-neuf.php">Quoi de neuf sur le site?</option>
<option value="/accueil.php">Accueil</option>
<option value="/AccessiKey.php">AccessiKey</option>
<option value="/autres_sites_utiles.php">Autres sites utiles</option>
<option value="/bureautique.php">Bureautique</option>
<option value="/compression-decompression.php">Compression et décompression</option>
<option value="/courriers-electroniques-et-messageries.php">Courriers électroniques et messageries instantanées</option>
<option value="/audio.php">Écoute et retouche de fichiers audios et vidéos</option>
<option value="/hebergement_fichier.php">Hébergements de fichiers</option>
<option value="/internet.php">Internet</option>
<option value="/jeux.php">Jeux</option>
<option value="/vocal.php">Lecteurs d'écran</option>
<option value="/MaintenanceKey.php">MaintenanceKey</option>
<option value="/modulesNVDA.php">Modules complémentaires du lecteur d'écran NVDA</option>
<option value="/securite_et_nettoyage.php">Sécurité et nettoyage</option>
<option value="/tutos.php">Tutoriels</option>
<option value="/utilitaires.php">Utilitaires</option>
<option value="/contact.php">Contact et réseaux sociaux</option>
<option value="/flu_du_site.Xml">Flux RSS du site</option>
<option value="/wanewsletter-3.0.0/subscribe.php">Inscription et désinscription à la newsletter du site</option>
<option value="/settings.php">Options</option>
<option value="/logiciels">Télécharger des logiciels installables sans parcourir les pages du site</option>
<option value="/logiciels/portables">Télécharger des logiciels portables sans parcourir les pages du site</option>
<option value="http://www.nvda-fr.org">Consulter le site NVDA-fr de Michel Such</option>
</select>
<br />
<input type="submit" value="Valider" title="valider mon choix et ouvrir la page demandée" />
</form>
</noscript>
</div>
<form>
<label for="ouvrir_page">Quelle page ouvrir ?</label>
<select name="ouvrir_page" id="ouvrir_page" onKeyPress="redirect(event,this);">
<option value="">Faites votre choix...</option>
<option value="/Accessibilite-Programmes-quoi-de-neuf.php" selected>Quoi de neuf sur le site?</option>
<option value="/accueil.php">Accueil</option>
<option value="/AccessiKey.php">AccessiKey</option>
<option value="/autres_sites_utiles.php">Autres sites utiles</option>
<option value="/bureautique.php">Bureautique</option>
<option value="/compression-decompression.php">Compression et décompression</option>
<option value="/courriers-electroniques-et-messageries.php">Courriers électroniques et messageries instantanées</option>
<option value="/audio.php">Écoute et retouche de fichiers audios et vidéos</option>
<option value="/hebergement_fichier.php">Hébergements de fichiers</option>
<option value="/internet.php">Internet</option>
<option value="/jeux.php">Jeux</option>
<option value="/vocal.php">Lecteurs d'écran</option>
<option value="/MaintenanceKey.php">MaintenanceKey</option>
<option value="/modulesNVDA.php">Modules complémentaires du lecteur d'écran NVDA</option>
<option value="/securite_et_nettoyage.php">Sécurité et nettoyage</option>
<option value="/tutos.php">Tutoriels</option>
<option value="/utilitaires.php">Utilitaires</option>
<option value="/contact.php">Contact et réseaux sociaux</option>
<option value="/flu_du_site.Xml">Flux RSS du site</option>
<option value="/wanewsletter-3.0.0/subscribe.php">Inscription et désinscription à la newsletter du site</option>
<option value="/settings.php">Options</option>
<option value="/logiciels">Télécharger des logiciels installables sans parcourir les pages du site</option>
<option value="/logiciels/portables">Télécharger des logiciels portables sans parcourir les pages du site</option>
<option value="http://www.nvda-fr.org">Consulter le site NVDA-fr de Michel Such</option>
</select>
</form>
<script type='text/javascript'>
function redirect(event,elm){
if (event.keyCode == 13){
var url = elm.value;
window.location = url;
}
}
</script>
<script type="text/javascript">
document.getElementById('abcdef').style.display="none";
</script>

 

j'aimerais faire en sorte que, si JavaScript est désactivé chez mon visiteur, la partie ne contenant pas le bouton de validation, à savoir la partie ne commençant que à l'ouverture de la deuxième balise form ne s'affiche pas.

 

Comment faire svp?

 

Merci beaucoup d'avance.

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour Miklhcos,

 

Il suffit pour cela de donner l'attribut css "display:none" au formulaire en question pour le masquer, et ensuite de l'afficher par du javascript/jquery à l'évènement onload() ou onready(). La balise form en question et son contenu seront donc masqués par défaut, et ne pourront s'afficher que si javascript est activé. Il est préférable pour cela de donner un id unique à ce formulaire pour le cibler en javascript.

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×