Comment changer la couleur de son site Internet en javascript ?

 

par meltech1 |

     

Dans votre site Internet il y a une couleur de fond qu'on appelle le background. Si l'internaute veut modifier cette couleur il ne peut pas car elle est programmée dans le code source et n'est pas modifiable par l'internaute. Donc il faut ajouter une possibilité de modifier ce background grâce à un choix qu'on pourra faire à partir du site Internet. Voici comment faire.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Commencez par ouvrir votre site Internet pour obtenir le code source qui est le programme. Pour ce faire vous faites 'fichier' puis 'ouvrir' avec le logiciel bloc notes. Maintenant que vous avez le code source cherchez la balise <head>.

2.

Ensuite veuillez insérer le script suivant dans la balise <head> :
<SCRIPT LANGUAGE="JavaScript">
function change_couleur()
{
var couleur = document.chgmt.code.selectedIndex;
document.bgColor = document.chgmt.code.options[couleur].value;
}
</script>.

3.

Maintenant insérez le script suivant dans la balise <body> :
<FORM NAME="chgmt">
<SELECT NAME="code" onChange="change_couleur()" style="background-color:#D6E2E4;color:#004080;font-family:verdana;font-size:10">
<OPTION>Choisissez
</option>
<OPTION VALUE="000000" STYLE="background-color:000000">
</option>
<OPTION VALUE="ff0000" STYLE="background-color:ff0000">
</option>
<OPTION VALUE="ff8000" STYLE="background-color:ff8000">
</option>
<OPTION VALUE="4890c0" STYLE="background-color:4890c0">
</option>
<OPTION VALUE="ffffff" STYLE="background-color:ffffff">
</option>
<OPTION VALUE="cc0000" STYLE="background-color:cc0000">
</option>
<OPTION VALUE="ffcc00" STYLE="background-color:ffcc00">
</option>
<OPTION VALUE="408000" STYLE="background-color:408000">
</option>
<OPTION VALUE="c0c0c0" STYLE="background-color:c0c0c0">
</option>
<OPTION VALUE="808080" STYLE="background-color:808080">
</option>
<OPTION VALUE="d6e2e4" STYLE="background-color:d6e2e4">
</option>
<OPTION VALUE="004080" STYLE="background-color:004080">
</option>
</select>
</form>.

4.

Pour terminer enregistrez le tout avec "bloc notes" et ouvrez avec IE. L'internaute peut maintenant modifier la couleur de votre site Internet.

Commentaires

test | 02/03/2012  

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on