Petite question sur du JavaScript

[miklhcos]

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.

[Papy06]

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.