HOME PAGE > TUTORIALS > Dreamweaver > un JS pour changer les couleurs de votre page

javascript : background et color picker

un JS pour changer les couleurs de votre page

Placer ce code dans une nouvelle page. Dans le header, un javascript qui modifiera la couleur de la page (bgColor) et la couleur des textes (body.text) en fonction des choix qui seront faits dans les menus déroulants du corps de la page.

- SOURCE ET DEMO : Bravenet.com

<html>
<head>
<title> Background and font Color picker </title>
<script language="JavaScript">
<!-- hiding
function color() {
document.bgColor=(""+ colc.cc.value +"");
document.body.text=(""+ colc.tc.value +"");
}
//  End -->
</script>
</head>

<body>
<div align="center">
<form name="colc">
<table border="1">
<td colspan="2">
<b><center>Please Enter a Color</td><tr><td>
<b>Background:</td><td><select name="cc" size="1">
   <option value="black">Black
        <option value="blue">Blue
        <option value="green">Green
        <option value="skyblue">Light Blue
        <option value="orange">Orange
        <option value="purple">Purple
        <option value="red">Red
   <option value="silver">Silver
        <option value="Yellow">Yellow
        <option selected value="white">White
          </select></td><tr><td>
<b>Text:</td><td>
   <select name="tc" size="1">
   <option selected value="black">Black
          <option value="blue">Blue
        <option value="green">Green
        <option value="skyblue">Light Blue
        <option value="orange">Orange
        <option value="purple">Purple
        <option value="red">Red
   <option value="silver">Silver
        <option value="Yellow">Yellow
        <option value="white">White
        </select>
</td><tr><td colspan="2">
<center><input type="button" name="button" value="Change Color!" onclick="color()">
</td>
</table>
</form>
</div>
</body>
</html>

REAGIR A CET ARTICLE ET PARTICIPER AU FORUM