Aller au contenu

Sujets conseillés

Posté (modifié)

Bonjour, je voudrait savoir comment faire un menu déroulant avec la fonction de choisir le fond d' écran,

j' ai trouver deux script sur le net :

Changement de fond d' écran :

<HTML><HEAD>
<TITLE>Changement de fond</TITLE>
<script LANGUAGE="JavaScript">
// D'autres scripts et des tutoriaux sur http://www.toutjavascript.com
function ChangeBackGround(fichier) {
document.body.background=fichier
}
</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#FAFAFF" alink="#000066" link="#000066" vlink="#000066" background='fondbleu.gif'>
<FONT FACE="Arial" SIZE='-1' COLOR="navy">
<BR><CENTER>
<BIG>Cliquez sur le bouton pour changer l'image de fond de page</BIG><BR><BR>
<FORM>
<INPUT type=button value='Fond Rouge' onClick="ChangeBackGround('http://www.freazer.com/perso/naruto-legend/dontdirectlink.gif')">
<INPUT type=button value='Fond Bleu' onClick="ChangeBackGround('http://www.freazer.com/perso/naruto-legend/fourswords_wp1_800.jpg')">
</FORM>

<BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR>

et le menu déroulant :

<form>
<select name=lissamenu3 size="1"
onchange="location.href=(form.lissamenu3.options[form.lissamenu3.selectedIndex].value)"
style="font-family: comic sans ms"
style="color: #FFFF00"
style="border: outset"
style="font-size: 12"
style="background: #CC99FF">
<option value="0">Choisissez</option>
<option value="0"></option>
<option value="...............">Nom</option>
<option value="...............">Nom</option>
<option value="...............">Nom Book</option>
<option value="...............">Nom</option>
</select>
</form>

Donc comment faire pour assembler ces deux codes pour obtenir un menu déroulant qui change le fond d' écran de la page ?

Merci d' avance !

Modifié par antoine3769
Posté

le fait de modifier le fond d'écran ne rendra pas votre menu déroulant plus accessible bien au contraire, sur le plan cognitif c'est assez destabilisant d'avoir un fond qui peut changer.

les infos contenu dans le menu déroulant doivent être accessible sans activer le javascript.

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...