Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Défilement vertical de couleurs

Script posté par :

rf92
Vous aussi, postez vos scripts en cliquant ici.

Description

Défilement vertical des couleurs adoptées par le W3C
La balise n'étant plus conseillée par le W3C, ce script permet de faire défiler de façon verticale (de bas en haut) les couleurs et modifier ainsi le fond d'écran.
Réf. : http://www.editeurjavascript.com/forum/topic,16,40071,0.html
http://css.alsacreations.com/Tutoriels-et-articles-divers/Les-balises-et-proprietes-HTML-depreciees-et-obsoletes

Ce script est une adaptation du script "Fenetre de textes defilants" du site editeurjavascript.com
(http://www.editeurjavascript.com/scripts/scripts_textes_1_79.php)

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1.5 et +
	Netscape Navigator : Incompatible
	Internet Explorer : 6 et +

Chiffres :

Date de création : 24/11/2006
Dernière modif : -
Visites de la page : 38051
Envois par mail : 382

Exemple :

Le code :

Entre <HEAD> et </HEAD> :

Entre <BODY> et </BODY> :

<form action="input_text_value.htm">
		<input name="prix" 
		       type="text" 
		       size="100" 
		       value="Voici un défilement vertical avec modification de la couleur du fond de page" readonly>
	</form>
	<STYLE TYPE="text/css">
		.ejs_scroll {font-size:11px;font-family:Verdana;color:#000000;text-decoration:none}
		.ejs_scroll:hover {font-size:11px;font-family:Verdana;color:red;text-decoration:underline}
	</STYLE>
	<script  type="text/javascript" language="javascript">
		/* Défilement vertical des couleurs adoptées par le W3C
		 * La balise <marquee> n'étant plus conseillée par le W3C, ce script permet de faire défiler de 
		 * façon verticale (de bas en haut) les couleurs et modifier ainsi le fond d'écran.
		 * http://www.editeurjavascript.com/forum/topic,16,40071,0.html
		 * http://css.alsacreations.com/Tutoriels-et-articles-divers/Les-balises-et-proprietes-HTML-depreciees-et-obsoletes
		 *
		 * Ce script est une adaptation du script "Fenetre de textes defilants" du site editeurjavascript.com
		 * 		http://www.editeurjavascript.com/scripts/scripts_textes_1_79.php
		 * 		Ce script va vous permettre de placer des liens de votre choix defilant dans un cadre.
		 */
		var code_coul = new Array;
		code_coul[0] = "9ACD32";
		code_coul[1] = "FAEBD7";  code_coul[2] = "00FFFF";  code_coul[3] = "7FFFD4";  code_coul[4] = "F0FFFF";
		code_coul[5] = "F5F5DC";  code_coul[6] = "FFE4C4";  code_coul[7] = "000000";  code_coul[8] = "FFEBCD";
		code_coul[9] = "0000FF";  code_coul[10] = "8A2BE2";  code_coul[11] = "A52A2A";  code_coul[12] = "DEB887";
		code_coul[13] = "5F9EA0";  code_coul[14] = "7FFF00";  code_coul[15] = "D2691E";  code_coul[16] = "FF7F50";
		code_coul[17] = "6495ED";  code_coul[18] = "FFF8DC";  code_coul[19] = "DC143C";  code_coul[20] = "00FFFF";
		code_coul[21] = "00008B";  code_coul[22] = "008B8B";  code_coul[23] = "B8860B";  code_coul[24] = "A9A9A9";
		code_coul[25] = "006400";  code_coul[26] = "BDB76B";  code_coul[27] = "8B008B";  code_coul[28] = "556B2F";
		code_coul[29] = "FF8C00";  code_coul[30] = "9932CC";  code_coul[31] = "8B0000";  code_coul[32] = "E9967A";
		code_coul[33] = "8FBC8F";  code_coul[34] = "483D8B";  code_coul[35] = "2F4F4F";  code_coul[36] = "00CED1";
		code_coul[37] = "9400D3";  code_coul[38] = "FF1493";  code_coul[39] = "00BFFF";  code_coul[40] = "696969";
		code_coul[41] = "1E90FF";  code_coul[42] = "B22222";  code_coul[43] = "FFFAF0";  code_coul[44] = "228B22";
		code_coul[45] = "FF00FF";  code_coul[46] = "DCDCDC";  code_coul[47] = "F8F8FF";  code_coul[48] = "FFD700";
		code_coul[49] = "DAA520";  code_coul[50] = "808080";  code_coul[51] = "008000";  code_coul[52] = "ADFF2F";
		code_coul[53] = "F0FFF0";  code_coul[54] = "FF69B4";  code_coul[55] = "CD5C5C";  code_coul[56] = "4B0082";
		code_coul[57] = "FFFFF0";  code_coul[58] = "F0E68C";  code_coul[59] = "E6E6FA";  code_coul[60] = "FFF0F5";
		code_coul[61] = "7CFC00";  code_coul[62] = "FFFACD";  code_coul[63] = "ADD8E6";  code_coul[64] = "F08080";
		code_coul[65] = "E0FFFF";  code_coul[66] = "FAFAD2";  code_coul[67] = "90EE90";  code_coul[68] = "D3D3D3";
		code_coul[69] = "FFB6C1";  code_coul[70] = "FFA07A";  code_coul[71] = "20B2AA";  code_coul[72] = "87CEFA";
		code_coul[73] = "778899";  code_coul[74] = "B0C4DE";  code_coul[75] = "FFFFE0";  code_coul[76] = "00FF00";
		code_coul[77] = "32CD32";  code_coul[78] = "FAF0E6";  code_coul[79] = "FF00FF";  code_coul[80] = "800000";
		code_coul[81] = "66CDAA";  code_coul[82] = "0000CD";  code_coul[83] = "BA55D3";  code_coul[84] = "9370DB";
		code_coul[85] = "3CB371";  code_coul[86] = "7B68EE";  code_coul[87] = "00FA9A";  code_coul[88] = "48D1CC";
		code_coul[89] = "C71585";  code_coul[90] = "191970";  code_coul[91] = "F5FFFA";  code_coul[92] = "FFE4E1";
		code_coul[93] = "FFE4B5";  code_coul[94] = "FFDEAD";  code_coul[95] = "000080";  code_coul[96] = "FDF5E6";
		code_coul[97] = "808000";  code_coul[98] = "6B8E23";  code_coul[99] = "FFA500";  code_coul[100] = "FF4500";
		code_coul[101] = "DA70D6";  code_coul[102] = "EEE8AA";  code_coul[103] = "98FB98";  code_coul[104] = "AFEEEE";
		code_coul[105] = "DB7093";  code_coul[106] = "FFEFD5";  code_coul[107] = "FFDAB9";  code_coul[108] = "CD853F";
		code_coul[109] = "FFC0CB";  code_coul[110] = "DDA0DD";  code_coul[111] = "B0E0E6";  code_coul[112] = "800080";
		code_coul[113] = "FF0000";  code_coul[114] = "BC8F8F";  code_coul[115] = "4169E1";  code_coul[116] = "8B4513";
		code_coul[117] = "FA8072";  code_coul[118] = "F4A460";  code_coul[119] = "2E8B57";  code_coul[120] = "FFF5EE";
		code_coul[121] = "A0522D";  code_coul[122] = "C0C0C0";  code_coul[123] = "87CEEB";  code_coul[124] = "6A5ACD";
		code_coul[125] = "708090";  code_coul[126] = "FFFAFA";  code_coul[127] = "00FF7F";  code_coul[128] = "4682B4";
		code_coul[129] = "D2B48C";  code_coul[130] = "008080";  code_coul[131] = "D8BFD8";  code_coul[132] = "FF6347";
		code_coul[133] = "40E0D0";  code_coul[134] = "EE82EE";  code_coul[135] = "F5DEB3";  code_coul[136] = "FFFFFF";
		code_coul[137] = "F5F5F5";  code_coul[138] = "FFFF00";
		var coul = new Array;
		coul[0] = "yellowgreen";
		coul[1] = "antiquewhite"; coul[2] = "aqua";  coul[3] = "aquamarine";  coul[4] = "azure";
		coul[5] = "beige"; coul[6] = "bisque";  coul[7] = "black";  coul[8] = "blanchedalmond";
		coul[9] = "blue"; coul[10] = "blueviolet";  coul[11] = "brown";  coul[12] = "burlywood";
		coul[13] = "cadetblue";  coul[14] = "chartreuse";  coul[15] = "chocolate"; coul[16] = "coral";
		coul[17] = "cornflowerblue";  coul[18] = "cornsilk";  coul[19] = "crimson";  coul[20] = "cyan";
		coul[21] = "darkblue";  coul[22] = "darkcyan";  coul[23] = "darkgoldenrod";  coul[24] = "darkgray";
		coul[25] = "darkgreen";  coul[26] = "darkkhaki";  coul[27] = "darkmagenta";  coul[28] = "darkolivegreen";
		coul[29] = "darkorange";  coul[30] = "darkorchid";  coul[31] = "darkred";  coul[32] = "darksalmon";
		coul[33] = "darkseagreen";  coul[34] = "darkslateblue";  coul[35] = "darkslategray";  coul[36] = "darkturquoise";
		coul[37] = "darkviolet";  coul[38] = "deeppink";  coul[39] = "deepskyblue";  coul[40] = "dimgray";
		coul[41] = "dodgerblue";  coul[42] = "firebrick";  coul[43] = "floralwhite";  coul[44] = "forestgreen";
		coul[45] = "fuchsia";  coul[46] = "gainsboro";  coul[47] = "ghostwhite";  coul[48] = "gold";
		coul[49] = "goldenrod";  coul[50] = "gray";  coul[51] = "green";  coul[52] = "greenyellow";
		coul[53] = "honeydew";  coul[54] = "hotpink";  coul[55] = "indianred";  coul[56] = "indigo";  
		coul[57] = "ivory";  coul[58] = "khaki";  coul[59] = "lavender";  coul[60] = "lavenderblush";
		coul[61] = "lawngreen";  coul[62] = "lemonchiffon";  coul[63] = "lightblue";  coul[64] = "lightcoral";
		coul[65] = "lightcyan";  coul[66] = "lightgoldenrodyellow";  coul[67] = "lightgreen";  coul[68] = "lightgrey";
		coul[69] = "lightpink";  coul[70] = "lightsalmon";  coul[71] = "lightseagreen";  coul[72] = "lightskyblue";
		coul[73] = "lightslategray";  coul[74] = "lightsteelblue";  coul[75] = "lightyellow";  coul[76] = "lime";
		coul[77] = "limegreen";  coul[78] = "linen";  coul[79] = "magenta";  coul[80] = "maroon";
		coul[81] = "mediumaquamarine";  coul[82] = "mediumblue";  coul[83] = "mediumorchid";  coul[84] = "mediumpurple";
		coul[85] = "mediumseagreen";  coul[86] = "mediumslateblue";  coul[87] = "mediumspringgreen"; coul[88] = "mediumturquoise";
		coul[89] = "mediumvioletred";  coul[90] = "midnightblue";  coul[91] = "mintcream";  coul[92] = "mistyrose";
		coul[93] = "moccasin";  coul[94] = "navajowhite";  coul[95] = "navy";  coul[96] = "oldlace";  
		coul[97] = "olive";  coul[98] = "olivedrab";  coul[99] = "orange";  coul[100] = "orangered";
		coul[101] = "orchid";  coul[102] = "palegoldenrod";  coul[103] = "palegreen";  coul[104] = "paleturquoise";
		coul[105] = "palevioletred";  coul[106] = "papayawhip";  coul[107] = "peachpuff";  coul[108] = "peru";
		coul[109] = "pink";  coul[110] = "plum";  coul[111] = "powderblue";  coul[112] = "purple";
		coul[113] = "red";  coul[114] = "rosybrown";  coul[115] = "royalblue";  coul[116] = "saddlebrown";
		coul[117] = "salmon";  coul[118] = "sandybrown";  coul[119] = "seagreen";  coul[120] = "seashell";
		coul[121] = "sienna";  coul[122] = "silver";  coul[123] = "skyblue";  coul[124] = "slateblue";
		coul[125] = "slategray";  coul[126] = "snow";  coul[127] = "springgreen";  coul[128] = "steelblue";
		coul[129] = "tan";  coul[130] = "teal";  coul[131] = "coultle";  coul[132] = "tomato";
		coul[133] = "turquoise";  coul[134] = "violet";  coul[135] = "wheat";  coul[136] = "white";
		coul[137] = "whitesmoke";  coul[138] = "yellow";
		var z_largeur=parseInt(screen.width/100)*100;
		var z_largeur=z_largeur-372; // POUR AFFICHAGE SUR EJS
		var z_nb_blocs=parseInt(z_largeur/50)+1;
		var z_nb_lignes=parseInt(coul.length/z_nb_blocs)+1;
		ejs_scroll_largeur = z_largeur;
		ejs_scroll_hauteur = 20;
		ejs_scroll_bgcolor = '#FFFFFF';
		ejs_scroll_background = "";		/* Mettre ici le chemin de l'image de fond */
		ejs_scroll_pause_seconde = 2;	/* Mettre ici le temps en secondes */
		ejs_scroll_message = new Array;
		var z_nb_max_blocs=coul.length;
		var z_compteur = 0;
		for (var z_lignes=0; z_lignes < z_nb_lignes; z_lignes++)
		{
			if ((z_nb_max_blocs-z_nb_blocs) > 0)
				{code  = "<div><table border='1' width="+z_largeur+" ><tr>";}
				else
				{code  = "<div><table border='1' width="+(z_nb_max_blocs*(56+2))+" ><tr>";}
			
			for (var z_blocs=1; z_blocs < z_nb_blocs; z_blocs++)
			{
				code += "<td width='50px' height='10px' style='background-color:"+coul[z_compteur]+"' ";
				code += "onmouseover='window.status=\"Vous allez changer le fond d&#39écran en "+coul[z_compteur]+"\";return(true)' ";
				code += "onmouseout='window.status=\"\";return(true)'";
				code += "onclick='change_fond("+z_compteur+")'>";
				code += "</td>";
				z_compteur +=1;
				if (z_compteur > coul.length-1) 
					{break}
			}
			code += "</tr></table></div>";
			ejs_scroll_message[z_lignes]=code;
			z_nb_max_blocs -= 25;
		}
		document.write('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
		document.write('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
		document.write('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>');
		document.write('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>');
		document.write('</div></div>');
		ejs_scroll_actuel = 0;
		function ejs_scroll_start()
		{
			ejs_scroller_bas = "ejs_scroller_1";
			ejs_scroller_haut = "ejs_scroller_2";
			ejs_scroll_nb_message = ejs_scroll_message.length-1;
			if(ejs_scroll_actuel == ejs_scroll_nb_message)
				ejs_scroll_suivant = 0;
			else
				ejs_scroll_suivant = ejs_scroll_actuel+1;
			if(document.getElementById)
				document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
			ejs_scroll_top = 0;
			if(document.getElementById)
				setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
		}
		function ejs_scroll_action()
		{
			ejs_scroll_top -= 1;
			document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
			document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
			if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
				setTimeout("ejs_scroll_action()",10)
			else
				ejs_scroll_stop()
		}
		function ejs_scroll_stop()
		{
			ejs_scroll_actuel = ejs_scroll_suivant;
			ejs_scroll_start()
		}
		function change_fond(p1)
		{
			document.bgColor=coul[p1]
			top.document.title="Vous avez choisi la couleur "+coul[p1]+" (code couleur :"+code_coul[p1]+")"
		}
	ejs_scroll_start();
</script>

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De EricM - le 27-11-2006

Plein de trucs que je comprends pas dans ce script :
pourquoi les style sont répétés (dans le head et le body) ?
pourquoi le JS est au milieu du html au lieu d'être dans le head ?
à quoi servent le <form> (pas trouvé de submit) et l'input ?
Qu'est ce que c'est sensé faire ?
Merci pour ces différents éclaircissements

A+

De rf92 - le 13-12-2006

Bonjour,

Qu'est ce que c'est sensé faire ?

le script fait défiler verticalement 139 couleurs qui sont groupées de façon à tenir sur la largeur de l'écran et dans des blocs de même dimension, de façon à changer la couleur de fond et le titre de la page.

pourquoi les style sont répétés (dans le head et le body) ?

Parce que je me suis trompé et que je les ai copiés deux fois.

pourquoi le JS est au milieu du html au lieu d'être dans le head ?

Quand j'ai proposé le script, j'avais pas dû l'avoir fait à ce moment.

à quoi servent le <form> (pas trouvé de submit) et l'input ?

A pouvoir afficher le texte sans avoir à gérer la couleur du texte en fonction de celle du fond de page.
A+

De Thor HDA - le 01-04-2007

Effectivement je ne vois vraiment pas à quoi ça sert, même si ça peut rester relativement habile...

>> Poster une annotation sur ce script

4 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

SpreadShirt
Ouvrez une boutique de Tshirt personnalisés sur votre site !
https://www.spreadshirt.net/

Cat : Contenu pour votre site
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

56132 membres
8374 comptes CountUs
1541 comptes myCircle

LES FORUMS :

14 forums
39396 topics
189315 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par caaptusss
Outlook express et Office recelle une option très utile : Les règles de messages. Elles vous permettent lorsque vous recevez beaucoup de messages d'un seul expéditeur, de les classer dans des dossiers prédéfinis ou que vous avez créé. Utile lorsque l'on veux s'y retrouver dans les mails ;-)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi