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 01:55:45

ESSAYEZ WINDOWS 7 GRATUITEMENT DèS DEMAIN par fabien

LUCENE - IGNORER LES ACCENTS LORS DE L'INDEXATION ET LA RECHERCHE | IGNORE DIACRITICS par cyril

MESH OBJECTS BROWSER - MOB 1.0 SUR CODEPLEX par redo

MICROSOFT TAG par khamlon

[LINQTOSQL] REQUêTES ASYNCHRONES SIMULTANéES par NeuroCypher

RE : éVOLUTION D'UN PROJET par jicay57

RE : PROBLèME AFFICHAGE DATE MISE à JOUR par PetoleTeam

RE : PROBLèME AFFICHAGE DATE MISE à JOUR par rgdu86

RE : PROBLEME SCROLLING AVEC IFRAME par PetoleTeam

RE : CREATION DE MOUVEMENT DE PERSONNAGES SUR UNE MAP par PetoleTeam

+ de logiciels à télécharger

1 330 577 membres
43 nouveaux aujourd'hui
14 644 membres club

Trouver une ressource

Trouvez une ressource parmi 39 262 codes, 1 223 236 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 !

LA BARRE DE DÉFILEMENT CHAGE DE COULEUR QUAND L'ON PASSE DESSUS...!

Information sur la source

Catégorie :Fenêtre & Pop-up Classé sous : barres, barre, défilement, change, couleur Niveau : Débutant Date de création : 21/01/2006 Date de mise à jour : 27/01/2006 09:47:09 Vu / téléchargé: 6 415 / 483

Auteur : gierschv

Site perso

Ecrire un message privé

Note :

6,57 / 10

Commentaire sur cette source (15)

Ajouter un commentaire et/ou une note

Description

Il suffit d'insérer ce code dans votre page, puis chan,ger les couleurs!!! :)

!!!! Ne fonctionne pas avec FIREFOX

Source

<html>
<head>
<title></title>
</head>
<body>
<SCRIPT LANGUAGE=javascript>
couleurligne = "#000000";
couleurbase = "#CCCCCC";
couleurover = "#FFCC00";
function scrollBar(face)
{
with(document.body.style)
{
scrollbarDarkShadowColor=couleurligne;
scrollbar3dLightColor=couleurligne;
scrollbarArrowColor=couleurligne;
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#F3F3F3";
}
}
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>
</body>
</html>

<html>
<head>
	<title></title>
</head>

<body>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE=javascript>
couleurligne = "#000000";
couleurbase = "#CCCCCC";
couleurover = "#FFCC00";
function scrollBar(face)
	{
	with(document.body.style)
		{
		scrollbarDarkShadowColor=couleurligne;
		scrollbar3dLightColor=couleurligne;
		scrollbarArrowColor=couleurligne;
		scrollbarBaseColor=face;
		scrollbarFaceColor=face;
		scrollbarHighlightColor=face;
		scrollbarShadowColor=face;
		scrollbarTrackColor="#F3F3F3";
		}
	}
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>
<!-- FIN DU SCRIPT -->

</body>

</html>

Conclusion

http://www.harrypotter.be.cx
http://wwww.forum-harrypotter.be.cx
Mefci de faire un lien!!

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

barre_de_d,fil.html 891 octets

Télécharger le zip

Historique

27 janvier 2006 09:47:09 :: Comptabilité...!

Sources du même auteur

UNE IMAGE QUI SUIT LA SOURIS...

UNE ANIMATION EN SPIRALE... POUR UN TEXTE !

UN FORMULAIRE DE RECHERCHE SUR LE WEB..

UN COMPTE À REBOURDS (POUR 1 JEUX...)

Toutes les sources de gierschv

Sources de la même categorie

FENETRES DÉPLACABLES ET REDIMENSIONNABLE PAR LA SOURIS par pdc_666

INFO BULLE (DIV,A HREF,IMG...) par squall76

MENU PROMOTIONNEL par David78390

FENETRE MULTIPLE par kazma

POPUP INFOBULLE par hedi_tounsi

Toutes les sources de la catégorie Fenêtre & Pop-up

Sources en rapport avec celle ci

AFFICHE DE 1 A PLEIN DE MESSAGES DANS LA BARRE DE STATUT DU ... par kangourouxxx

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

VITESSE AUTOMATIQUE ET VARIABLE DÉFILEMENT SANS BARRE ... par abdelaziz_info

(OBJET) SCROLLBAR par PhiL666

LES BARRES DE DÉFILEMENT CHANGENT DE COULEUR AU PASSAGE DE L... par thekingoftheweb

Commentaires et avis

Commentaire de coucou747 le 22/01/2006 11:02:01

salut
quand je vois if (document.all) je me demande si ton code est vraiment portable ? (désolé, j'ai pas le temps de tester là, je testerais plus tard...)
sinon, essai de mettre soit toutes tes balises en minuscules (de préférence), soit toutes en majuscules...

Commentaire de johann1 le 22/01/2006 14:10:23

Bien que j'attends l'avis de Coucou, je trouve ce p'tit script assez sympa.
Bonne continuation.

Commentaire de cyriak le 23/01/2006 09:33:17

bonjour,
je suis d'accord avec coucouc747
ce script sympa ne fonctionne avec firefox !
merci

Commentaire de aze555666 le 25/01/2006 21:34:58

ne fonctionne pas avec firefox... dommage.
C'est possible de la rendre compatible?

Commentaire de Ricou13 le 26/01/2006 19:48:30

Ce n'est pas compatible parce que ce sont des propriétés propriétaires de Micr$oft (comme les filtres).
Donc impossible à utiliser sous FF ou NN.

Par contre, ce serait sympa si coucou ou un autre pouvait nous donner les tests à utiliser pour remplacer les if(document.all).

Commentaire de coucou747 le 26/01/2006 20:24:51

MSIE=(navigator.appName=="Microsoft Internet Explorer")?true:false;
ou
MSIE=(navigator.appName=="Microsoft Internet Explorer");
c'est bien plus propre...

Commentaire de Ricou13 le 26/01/2006 21:15:28

D'accord. Et pour les autres (sans revenir pour autant sur la detection des version 3.x) ?
Tu aurais un code ou un lien vers un code "propre"

Commentaire de coucou747 le 27/01/2006 18:54:01

bah fais le même style de ligne de code mais en changeant la chaine qui doit être égale à la valeur de navigator.appName

Commentaire de Ricou13 le 27/01/2006 19:22:09

Oui mais ça suffit pas pour déterminer le type et la version pour savoir quelle commande il faut utiliser,non ?

Autrement dit : certaines commandes fonctionnent avec certains navigateurs, voire avec certaines versions dudit navigateur. Donc si on a "NETSCAPE", ça ne suffit pas à savoir si on peut utiliser getElementById ou non. Je ne suis pas vraiment au top sur les différences entre les navigateurs, c'est pour ça que je pose la question. Parce qu'on trouve pleins de codes pour déterminer le navigateur mais aucun n'utilise les mêmes commandes et d'autres sont certainement désués.

Commentaire de coucou747 le 27/01/2006 19:25:16

lol

if (getElementById('monelement')){
document.geElementById('monelement')...;
}

Commentaire de Ricou13 le 27/01/2006 20:00:29

J'abuses mais, dans ton exemple, t'as pas des "else if" pour les autres browsers. Et si oui, tu peux commenter pour quels navigateurs.

Commentaire de Ricou13 le 27/01/2006 20:07:25

Au fait, j'ai mis 4 pour les raisons suivantes :
- très connu
- le fait d'utiliser une fonction n'est pas hyper interessant
- purement IE
- aucun commentaire. Le minimum aurait été de décrire chaque ligne de style (qu'est ce que c'est le "scrollbarTrackColor" ?)
- L'intéret de modifier la couleur de la barre de défilement quand on la survole est discutable

Il aurait été plus intéressant de faire un tutorial sur l'utilisation de ces styles...

:-)

Commentaire de coucou747 le 27/01/2006 20:15:15

lol
et un switch...
Bref, j'ai pas 36 navigateurs à dispositions, mais tu peux faire un programme comme :

<html>
<head>
<title></title>
<meta content="">
<style></style>
</head>
<body>
<input type="button" onclick="alert(navigator.appName);" value="j'ai quel navigateur ?" />
<script type="text/javascript">
MSIE=(navigator.appName=="Microsoft Internet Explorer");
KHTML=(navigator.appName=="Konqueror");
if (KHTML) alert("Vous utilisez un moteur de rendu Khtml");
if (MSIE) alert("Vous utilisez un navigateur IE");
</script>
</body>
</html>

voila, tu peux le complèter avec mozilla, safari, opéra, firefox et netscape, je crois que t'auras l'essentiel...

Commentaire de Ricou13 le 27/01/2006 20:25:31

Je sais, je deviens lourd mais...
Si tu as Netscape :

1) tu n'as pas forcement "Netscape" dans appName mais plutot Mozilla, non ? Comme pour Firefox

2) Toujours avec Netscape, getElementById ne focntionne pas avec toutes les versions, non ?

En fait, je n'arrive jamais à savoir exactement quel navigateur et quelle version est utilisée et, à partir de là, savoir quel code utiliser (accès aux styles, event, accès aux éléments par getElementById ou document.all selon la version de IE, etc.)

Commentaire de coucou747 le 27/01/2006 20:34:29

Bien dis toi que c'est le gros problème du javascript, et qu'il vaut mieux utiliser un test sur les éléments que tu utilises si tu sais que ça peut ne pas être compatible...

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Pb affichage barre de défilement [ par Jossdoit ] Bonjoiur, Je travaille actuellement sur Dreamweaver pour faire une page web. Je voudrais changer l'aspect de ma barre de défilement. Pour cela g utili Pb d'affichage de la barre de défilement [ par Jossdoit ] Bonjour, Je travaille actuellement sur Dreamweaver pour faire une page web. Je voudrais changer l'aspect de ma barre de défilement. Pour cela g utilis Problème barre de défilement horizontal sur mes pages [ par rem78 ] Bonjour,Je suis confronté à un problème de barre de défilement horizontal qui apparaît sur ma page web automatiquement,cette page est constitué par un Barres d'adresse (URL) [ par sebalex ] Bonjour à tous,J'ai créé une sorte d'intranet sur lequel certaines personnes peuvent accéder en se logant et visualiser les données de leurs clients. Cellule qui change de couleur et récupération de l'information [ par Stephane33 ] Je sors un peu de mon territoire de prédilection,Je veux afficher une grille.Chaque celulle à deux états possible oui ou non défini par une couleur V barres de défilement à gauche!! [ par aminix9 ] salut tou lmonde ,pouvez vous me dire comment faire pour afficher les barres de défilement à gauche!!?merciaminix Affichage barre de defilement [ par Jossdoit ] Bonjour, Je travaille actuellement sur Dreamweaver pour faire une page web. Je voudrais changer l'aspect de ma barre de défilement. Pour cela g utilis Barre de sélection de couleur exadecimales [ par sbeex ] Bonjour, je ne suis pas sur de poster dans la bonne section javascript donc j'en suis désolé pour les modérateurs.Mon problème est le suivant, j'aimer scroll sur une page web [ par Bestdoud ] BonjourJe n'y connait rien en javascript. et j'aurais besoin de 2 ou 3 trucs,J'aimerai que si la barre de défilement verticale est en bas, qu'elle le Roll-over spécial [ par Inc0 ] Voila, je voudrai faire un rollo- over assez joli.Lorsque la souris est au dessus du lien ça change de couleur. Ok ça j' arrive (lol), mais maintenant