CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2009 01 09 23:50:37

[TIPS] EVITER LE DOUBLE CLICK SUR UN POSTBACK par Luke77

STYLECOP ET FXCOP par Mona7170

QUESTION SQL SERVER POUR LES EXPERTS par RaptorXP

[OPEN XML] LES LIENS ET LES TWITTERS DE LA SEMAINE 05/01/2009 par neodante

[WPF] COMMENT ASSIGNER UNE RESSOURCE DYNAMIQUE DEPUIS LE CODE-BEHIND ? par Thomas LEBRUN

REPONSE : RéSOLUTION D'éCRAN par alaindu_33

RE : PROBLèME POUR CHANGER LE DOCUMENT.BGCOLOR DANS IE par scratchdesign

RE : MAITRISE D'UN COPIER/COLLER DANS UNE IFRAME par LHUZ

PROBLèME POUR CHANGER LE DOCUMENT.BGCOLOR DANS IE par scratchdesign

RE : MAITRISE D'UN COPIER/COLLER DANS UNE IFRAME par Bul3

+ de logiciels à télécharger

1 331 300 membres
725 nouveaux aujourd'hui
14 644 membres club

Trouver une ressource

Trouvez une ressource parmi 39 268 codes, 1 223 661 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

SCROLLBAR COLORÉ EN JAVASCRIPT

Information sur la source

Catégorie :Graphique Classé sous : scrollbar, scroll Niveau : Débutant Date de création : 15/02/2007 Vu : 9 817

Auteur : neolien

Site perso

Ecrire un message privé

Note :

1,00 / 10

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

POP-UP IMAGE SPLENDIDE !

ZOOM SUR UNE IMAGE

UNE ANIMATION MAGNIFIQUE

DÉCOMPTE DE CARACTÈRES DANS UN CHAMP DE SAISIE TEXTUEL

Toutes les sources de neolien

Sources de la même categorie

FRACTALE DE MANDELBROT par macsou01

FOND D'ÉCRAN DÉFILANT AVEC FONCTION MARCHE/ARRÊT par xloadx

DIAPOS MULTIPLES par kazma

ZOOM SUR IMAGE A LA SOURIS par kazma

DYNAMIQUE.JS POUR FAIRE DE JOLIE ANIMATION )) par Kimjoa

Toutes les sources de la catégorie Graphique

Sources en rapport avec celle ci

CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE... par abdelaziz_info

DIV QUI SUIT LE SCROLLING DE LA PAGE par PetoleTeam

COMMENT FAIRE DÉFILER UN CALQUE (LAYER) ? par klerdesign

IMAGE DÉFILANTE par kheprys

CREER DES BOUTONS IMAGES À LA PLACE D'UNE BARRE DE DEFILEMEN... par setasan9

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 même en ayant une page problème de couleur de scroll barre [ par fogof ] J'ai paramétré la couleur de mes scroll barre en css dans le body { , mais ces paramètres ne sont pas prient en compte dans ma fra script de menu defilant pas assez extensible [ par pusse ] Bonjour à 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 à tous. J'ai recuperer sur le net un script de menu defilant horizontalement. Tout marche tres bien sauf  que je rencontre un petit pr Script de diaporama de liens avec erreur etrange [ par pusse ] Bonjour à tous. J'ai recuperer un script sur un site qui cree une liste dé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 :<STYLE TYPE="text/css"& Scroll et formulaires? [ par Gaijin_girl ] Hello et merci d'avance.Je suis actuellement en train de dé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!<SCRIPT LANGUAGE="JavaScript">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