Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Modifier la couleur de fond de page

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de changer la couleur du fond de la page selon le choix de l'utilisateur.
  Principe
La simple propriété 'bgColor' de l'élément 'document' peut être modifiée à la volée même une fois la page chargée.
On va donc simplement lui affecter la valeur saisie par le visiteur dans un champ de formulaire.
  Le script
dans la partie <head>
<script language="JavaScript">
function modifier(couleur) {
document.bgColor = couleur;
}
</script>

dans la partie <body>
<form name="formulaire">
Quelle nouvelle couleur ? <input type="text" name="choix" size="10">
(nom, valeurs hexa)
<input type="button" value="Appliquer" OnClick="modifier(this.form.choix.value);">
</form>
  Démonstration
Quelle nouvelle couleur ?
(nom, valeurs hexa)
  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    div_bgcolor.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    div_bgcolor2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter