begin process at 2010 03 13 22:03:02
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Graphique

 > SCROLLBAR COLORÉ EN JAVASCRIPT

SCROLLBAR COLORÉ EN JAVASCRIPT


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Classé sous :scrollbar, scroll Niveau :Débutant Date de création :15/02/2007 Vu :11 953
Auteur : neolien

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

 Description

Script sans prétention mais qui peut servir à améliorer le design d'un site, on peut le faire en html mais l'approche javascript me semblait intéressante à faire partager !

Source

  • <SCRIPT LANGUAGE=javascript>
  • couleurligne = "#D13434";
  • couleurbase = "#FEFBFF";
  • couleurover = "#FEFBFF";
  • function scrollBar(face)
  • {
  • with(document.body.style)
  • {
  • scrollbarDarkShadowColor=couleurligne;
  • scrollbar3dLightColor=couleurligne;
  • scrollbarArrowColor=couleurligne;
  • scrollbarBaseColor=face;
  • scrollbarFaceColor=face;
  • scrollbarHighlightColor=face;
  • scrollbarShadowColor=face;
  • scrollbarTrackColor="#FFFFFF";
  • }
  • }
  • function colorBar(){
  • var w = document.body.clientWidth;
  • var h = document.body.clientHeight;
  • var x = event.clientX;
  • var y = event.clientY;
  • if(x>w) scrollBar(couleurover);
  • else scrollBar(couleurbase);
  • }
  • if (document.all){
  • scrollBar(couleurbase);
  • document.onmousemove=colorBar;
  • }
  • </script>
<SCRIPT LANGUAGE=javascript>

couleurligne = "#D13434";
couleurbase = "#FEFBFF";
couleurover = "#FEFBFF";
function scrollBar(face)
	{
	with(document.body.style)
		{
		scrollbarDarkShadowColor=couleurligne;
		scrollbar3dLightColor=couleurligne;
		scrollbarArrowColor=couleurligne;
		scrollbarBaseColor=face;
		scrollbarFaceColor=face;
		scrollbarHighlightColor=face;
		scrollbarShadowColor=face;
		scrollbarTrackColor="#FFFFFF";
		}
	}
function colorBar(){
		var w = document.body.clientWidth;
		var h = document.body.clientHeight;
		var x = event.clientX;
		var y = event.clientY;
		if(x>w) scrollBar(couleurover);
		else scrollBar(couleurbase);
	}
if (document.all){
scrollBar(couleurbase);
document.onmousemove=colorBar;
}
</script>

 Conclusion

Fonctionne sous IE


 Sources du même auteur

RÉDIRIGER L'INTERNAUTE PAR SON PAYS D'ORIGINE
Source avec Zip POP-UP IMAGE SPLENDIDE !
Source avec Zip ZOOM SUR UNE IMAGE
UNE ANIMATION MAGNIFIQUE
Source avec Zip DÉCOMPTE DE CARACTÈRES DANS UN CHAMP DE SAISIE TEXTUEL
Toutes les sources de neolien

 Sources de la même categorie

Source avec Zip Source avec une capture STOCK/FOREX CANDLE CHART USING CANVAS API par BlackWizzard
MODIFIER SES FEUILLES DE STYLES .CSS À LA VOLÉE AVEC JAVASCR... par Phildepantin
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
Source avec Zip [-CLASS-] -> CARROUSSEL D'IMAGES par TheWeasel47
Source avec Zip Source avec une capture OGG MEDIA PLAYER par kazma
Toutes les sources de la catégorie Graphique

 Sources en rapport avec celle ci

Source avec Zip MOOTABLEAU par Miky76
Source avec Zip Source avec une capture SCROLL BAR PERSONALISE par kazma
Source avec Zip CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE... par abdelaziz_info
Source avec Zip DIV QUI SUIT LE SCROLLING DE LA PAGE par PetoleTeam
Source avec Zip COMMENT FAIRE DÉFILER UN CALQUE (LAYER) ? par klerdesign

Commentaires et avis

Commentaire de kankrelune le 16/02/2007 12:24:22

Ouais... bof... autant utiliser les css... .. .

@ tchaOo°

Commentaire de FraGag le 19/02/2007 02:57:55

On peut faire ça en CSS (et non pas en HTML) mais avec des extensions propriétaires à Microsoft que seul Internet Explorer supporte.

Commentaire de ThiWeb le 19/02/2007 03:43:25

Oui sauf que si on intègre ça dans le CSS, ça le rend invalide au-près du W3C !
Alors qu'en JavaScript, le CSS reste parfaitement Valide... Si il l'est à la base bien entendu :))

ThiWeb

Commentaire de proftnj le 19/02/2007 16:22:34

Je suppose que ce script ne fonctionne pas avec Firefox (je n'ai pas vérifié).

Commentaire de FraGag le 21/02/2007 03:17:32

Non, Firefox ne supporte pas ces propriétés CSS, qui sont de toute façon des extensions propriétaires de Microsoft.

Commentaire de Skreo le 21/02/2007 11:47:36

ouaip c'est pas du tout valide et ça ne marche évidemment que sous IE (berk).
Tant qu'à faire un code valide, tu aurais au moins pu mettre <script type="text/javascript"> au lieu de cet affreux <SCRIPT LANGUAGE=javascript> !!

Commentaire de bouzze le 09/05/2007 18:20:17

J'sais pas si c'est élégant ou non, si c'est bof ou pas, mais en tout cas ça fonctionne "impec".

:)

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

scrollbar dans popup [ par lili_jazzy ] bonjour,j'ai une popup avec scrolbars=yesmais je ne voudrais avoir que la scrolbar verticale et non celle horizontale&nbsp;m&#234;me en ayant une page problème de couleur de scroll barre [ par fogof ] J'ai param&#233;tr&#233; la couleur de mes scroll barre en css dans le body { , mais ces&nbsp;param&#232;tres ne sont pas prient en compte dans ma fra script de menu defilant pas assez extensible [ par pusse ] Bonjour &#224; tous. J'ai recuperer un script en javascript qui permet de creer un menu de liens defilant horizontalement suivant une action sur des f script a modifier. Je suis pas capable de le faire [ par pusse ] Salut &#224; tous. J'ai recuperer sur le net un script de menu defilant horizontalement. Tout marche tres bien sauf&nbsp; que je rencontre un petit pr Script de diaporama de liens avec erreur etrange [ par pusse ] Bonjour &#224; tous. J'ai recuperer un script sur un site qui cree une liste d&#233;filante de liens avec action sur 2 boutons (gauche et droite). Mai j'arrive pas a changer la couleur de ma scroll bar !!! :-( [ par kerdesign ] bonjour !!voila, j'arrive pas a changer la couleur de ma scrollbar, voila les couleur que je voudrais integrer a mon *.htm :&lt;STYLE TYPE="text/css"& Scroll et formulaires? [ par Gaijin_girl ] Hello et merci d'avance.Je suis actuellement en train de d&#233;velopper un site en css avec une programmeuse (moi je suis graphiste )C'est un site de help me please netscape [ par fabricech ] je n'arrive pas a faire passer le code suivant sous netscape, meme apres un etonne d'aspirine!&lt;SCRIPT LANGUAGE="JavaScript"&gt;var lft = 10; // (wi positionné une image scroll aur netscape4.x [ par rochonpascal ] Bonjour, depuis une semaine j'essaie de rendre mon site compatible avec netscape 4.x, le problèeme que je rencontre c'est que lorsque j'ai des images Spécialiste Javascript : LA QUESTION ! (valeur scroll sous ie5.0) [ par Jin ] Quelqu'un connaîtrait-il l'équivalent de document.body.scrollTopdocument.body.scrollLeft(Valeur de la position des barres de défilements)sous internet


Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo grand écartPhoto La coulée
Photo les 3 ilets 

Visiter la photothèque
 
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,406 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)