A voir également:
- [HTML/JavaScript] Couleur de fond dynamique
- Tableau croisé dynamique - Guide
- Comment mettre un fond de couleur sur libreoffice writer - Guide
- Excel cellule couleur si condition texte - Guide
- Editeur html - Télécharger - HTML
- Boite a couleur - Télécharger - Divers Photo & Graphisme
5 réponses
Salut!
Voici le code qui te permet de faire cela:
;-)
HackTrack
Voici le code qui te permet de faire cela:
<html>
<!-- Author: HackTrack -->
<head>
<title>Démo de sélection de couleur de fond</title>
<script language="javascript" type="text/javascript">
function changeBackgroundColor(elm){
window.status=elm.style.backgroundColor;
document.body.style.backgroundColor=elm.style.backgroundColor;
}
</script>
<style>
table, tr, td{
margin: 0px;
padding:0px;
border: solid 1px #0f0f0f;
}
div{
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="4">Choisissez la couleur de fond</th>
</tr>
<tr>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #000000;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #111111;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #222222;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #333333;"></div></td>
</tr>
<tr>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #444444;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #555555;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #666666;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #777777;"></div></td>
</tr>
<tr>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #888888;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #999999;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #aaaaaa;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #bbbbbb;"></div></td>
</tr>
<tr>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #cccccc;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #dddddd;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #eeeeee;"></div></td>
<td><div onclick="javascript: changeBackgroundColor(this);" style="background-color: #ffffff;"></div></td>
</tr>
</table>
</body>
</html>
;-)
HackTrack
boulet-sensei
merci pour ce petit bout de code ! je ne connais quasiment pas javascript et ca m a bien servi pour un projet au boulot ! merci a toi
gilbert1995
Messages postés
414
Date d'inscription
Statut
Membre
Dernière intervention
29
comment crée un cookie pour sauvegarder la couleur sur les pages futur
oj
Bien joué. Simple et net.
Salut,
https://www.toutjavascript.com/main/script.php?url=chpcolor
Si tu t'y connais un peu en javascript, tu pourras sûrement adapter ce script prévu pour changer la couleur de fond d'un cadre en fonction de la valeur d'un champ texte...
Fondamentalement, ça doit marcher pareil que ce que tu veux faire, enfin je pense...
https://www.toutjavascript.com/main/script.php?url=chpcolor
Si tu t'y connais un peu en javascript, tu pourras sûrement adapter ce script prévu pour changer la couleur de fond d'un cadre en fonction de la valeur d'un champ texte...
Fondamentalement, ça doit marcher pareil que ce que tu veux faire, enfin je pense...
Merci, c super ton code, simple, pile ce que je cherchais, c bête qu'il ne soit pas mis plus en avant
Sait tu comment on fait la même chose avec une image de fond (changeBackgroundimage(this) ou changeBackgroundImage(this) ne marchent pas)
Sait tu comment on fait la même chose avec une image de fond (changeBackgroundimage(this) ou changeBackgroundImage(this) ne marchent pas)
Et bien merci tout d'abord ...
Mais par contre, je m'y connais un peu en JavaScript et ce truc ne m'aide pas trop trop ... :s
En fait j'avais vu un truc du genre on choisi parmi un menu defilant une couleur et hop le fond de la page prend cette couleur mais ca non plus ca m'aidait pas donc j'aurais vraiment besoin d'une aide ciblée si possible :) ...
En tout cas merci a toi :)
PS : je vais quand meme regarder en profondeur ce code ... ;)
Mais par contre, je m'y connais un peu en JavaScript et ce truc ne m'aide pas trop trop ... :s
En fait j'avais vu un truc du genre on choisi parmi un menu defilant une couleur et hop le fond de la page prend cette couleur mais ca non plus ca m'aidait pas donc j'aurais vraiment besoin d'une aide ciblée si possible :) ...
En tout cas merci a toi :)
PS : je vais quand meme regarder en profondeur ce code ... ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question