begin process at 2012 05 28 14:50:33
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Effets

 > SELECT BACKGROUNDCOLOR

SELECT BACKGROUNDCOLOR


 Information sur la source

Note :
10 / 10 - par 1 personne
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Initié Date de création :13/11/2002 Date de mise à jour :13/11/2002 09:53:43 Vu :10 726
Auteur : Deny

Ecrire un message privé
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

Ce script permet à un internaute de sélectionner la couleur de fond de la page Web.
Un léger remaniement permettrait même de sélectionner la couleur d'une autre page.
Pour ça dans la fonction Go, au lieu de document.body.style.backgroundColor=couleur[compte ur]; ajoutez le nom de la page devant.
Et ouvrez la page de sélection en popup.

Source

  • <html>
  • <head>
  • <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  • <META NAME="GENERATOR" CONTENT="UltraEdit-32">
  • <META NAME="date" CONTENT="2002-06-19">
  • <META NAME="Author" CONTENT="Thierry Denele">
  • <head>
  • <script type="text/JavaScript">
  • var compteur = 3;
  • var couleur = new Array("#FFFF00","#FF0000","#008000","antiquewhite","#FFA500","#FFFFFF","#0000FF","#EE82EE");
  • function selectplus() {
  • compteur = document.forms[0].elements[0].selectedIndex;
  • if (compteur < document.forms[0].elements[0].length-1) {compteur ++;}
  • document.forms[0].elements[0].selectedIndex=compteur;
  • document.forms[0].elements[0].style.backgroundColor=couleur[compteur];
  • }
  • function selectmoins() {
  • compteur = document.forms[0].elements[0].selectedIndex;
  • if (compteur > 0) {compteur --;}
  • document.forms[0].elements[0].selectedIndex=compteur;
  • document.forms[0].elements[0].style.backgroundColor=couleur[compteur];
  • }
  • function Go() {
  • compteur = document.forms[0].elements[0].selectedIndex;
  • document.body.style.backgroundColor=couleur[compteur];
  • document.forms[0].elements[0].style.backgroundColor=couleur[compteur];
  • }
  • function Selec() {
  • compteur = document.forms[0].elements[0].selectedIndex;
  • document.forms[0].elements[0].style.backgroundColor=couleur[compteur];
  • }
  • </script>
  • </head>
  • <body>
  • <p style="color:black;font-weight:700;background-color:white;border:3 orange groove;width:100px;font-size:18px">Select The background Color</p>
  • <form>
  • <p>
  • <select name="choix" size="1" value="mescouleurs" style="background-color:antiquewhite;color: black; width: 100" onChange="javascript:Selec()">
  • <option>yellow
  • <option>red
  • <option>green
  • <option selected>beige
  • <option>Orange
  • <option>white
  • <option>blue
  • <option>violet
  • </select>
  • <input type="button" value="Go !" onClick="Go();">
  • </p>
  • <p>
  • <input type="button" style="width:80" value="Select down" onClick="selectplus()"><br><input type="button" style="width:80" value="Select up" onClick="selectmoins()">
  • </p>
  • </form>
  • </body>
  • </html> 
<html>
<head> 
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 
<META NAME="GENERATOR" CONTENT="UltraEdit-32">
<META NAME="date" CONTENT="2002-06-19">
<META NAME="Author" CONTENT="Thierry Denele">
<head>
<script type="text/JavaScript"> 
var compteur = 3;
var couleur = new Array("#FFFF00","#FF0000","#008000","antiquewhite","#FFA500","#FFFFFF","#0000FF","#EE82EE");
function selectplus() {
compteur = document.forms[0].elements[0].selectedIndex;
	if (compteur < document.forms[0].elements[0].length-1) {compteur ++;} 
document.forms[0].elements[0].selectedIndex=compteur;
document.forms[0].elements[0].style.backgroundColor=couleur[compteur];
}
function selectmoins() {
compteur = document.forms[0].elements[0].selectedIndex;
	if (compteur > 0) {compteur --;} 
document.forms[0].elements[0].selectedIndex=compteur;
document.forms[0].elements[0].style.backgroundColor=couleur[compteur];
}
function Go() {
	compteur = document.forms[0].elements[0].selectedIndex;
	document.body.style.backgroundColor=couleur[compteur];
	document.forms[0].elements[0].style.backgroundColor=couleur[compteur];
	}
function Selec() {
compteur = document.forms[0].elements[0].selectedIndex;
document.forms[0].elements[0].style.backgroundColor=couleur[compteur];
}
</script>
</head>
<body>
<p style="color:black;font-weight:700;background-color:white;border:3 orange groove;width:100px;font-size:18px">Select The background Color</p>
<form>
<p>
<select name="choix" size="1" value="mescouleurs" style="background-color:antiquewhite;color: black; width: 100" onChange="javascript:Selec()">
<option>yellow
<option>red
<option>green
<option selected>beige
<option>Orange
<option>white
<option>blue
<option>violet
</select>
<input type="button" value="Go !" onClick="Go();">
</p>
<p>
<input type="button"  style="width:80"  value="Select down" onClick="selectplus()"><br><input type="button"  style="width:80" value="Select up" onClick="selectmoins()">
</p>
</form>
</body>
</html>

 Conclusion

R.A.S - Pas de mise à jour prévue - Laissez des commentaires si vous y trouvez des bugs ou si vous désirez en faire !


 Sources du même auteur

DHTML - MANIP CSS
OUVERTURE POPUP À URL ALÉATOIRE
Source avec Zip 96 SITES RÉPERTORIÉS : HTML, CSS, DHTML, JAVA, JAVASCRIPT, P...
BROWSER SNIFFER (RENIFLEUR)
Source avec Zip DHTML SCROLLTOP
Toutes les sources de Deny

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600
Toutes les sources de la catégorie Effets

Commentaires et avis

Commentaire de nitro120 le 13/11/2002 15:15:54

c pas du nivo 2 ca !
essaye pluto de controlé limage de fond stp ca me sera utile ...

Commentaire de Kiscool94 le 09/06/2007 02:11:24

complement d'accord avec nitro je prefere pendant la creation de ma v3 encore laissant mon fd d'ecran bleu degradé !

( www.kiscool.fr )

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,842 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)