begin process at 2012 02 09 19:36:15
  Trouver un code source :
 
dans
 
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 :13 539

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

 Sources de la même categorie

Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma
Source avec Zip Source avec une capture CALCULATRICE HEURE par m22001111
Source avec Zip Source avec une capture DRAG & DROP VERS UN CANVAS par kazma
Source avec Zip ROTATION D'UNE IMAGE, ANIMATION par william voirol
Source avec Zip FRACTALES, FOUGÈRE, TRIANGLE, CARRÉ par william voirol

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip Source avec une capture SCROLLBAR CLASS par heycraft
Source avec Zip Source avec une capture SCROLL BARS EN JAVASCRIPT SUR UNE PAGE HTML par Glennouchet
Source avec Zip Source avec une capture FAIRE DÉFILER EN BOUCLE UNE IMAGE DANS UN <TABLE> par Isole
Source avec Zip Source avec une capture DEFILEMENT DE BANNIERE PUBLICITAIRE ; ROTATION DE CADRE par zulrigh

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 Positionnement dans une Scrollbar [ par tets88 ] Bonjour, J'ai un petit soucis avec un code que j'ai trouvé sur le site [url=http://www.dyn-web.com/code/scroll/]http://www.dyn-web.com/code/scroll/[/ bloquer un div en haut de page lors d'un scroll vertical [ par BBFUNK01 ] Hello, je suis en train d'essayer de reproduire l'effet qu'on peut voir sur le site de Deezer : [url=http://www.deezer.com/fr/]Deezer[/url], à savoir Intégrer un timer dans un slieshow [ par quinton75 ] Bonjour [^^clinoeil1][^^clinoeil1] Je ne m'y connais pas du tout en js donc malgré divers tuto de slideshow je rame Je souhaite faire defiler mes ph div qui suit le scrolling de la page => PETOLETEAM [ par torg33 ] Bonjour tout le monde, je viens d'intégrer le script de PetoleTeam à mon portfolio et je tiens a dire que c'est tout à fait ce qu'il me faut. Mais (et Bouger deux ScrollBar en même temps [ par BeberEberlue ] Bonjour Je cherche à faire en sorte que mes deux scrollbar horizontales bougent en même temps, c-a-d qui si l'utilisateur déplace la première scrollb [Dreamweaver] Onglet avec scrollbar [ par grominnetto ] Bonjour tout le monde, voici, je tente de créer un site pour une école de hockey et j'aimerais avoir une barre de défilement (ou scrollbar) avec quel 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


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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 : 11,575 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales