[Trucs & Astuces] Changement couleur scroll bar

CUCARACHA · 23/10/2005, 07h50

Salut,

Les utilisateurs d'I.E. savent qu'il est possible de changer les couleurs des scroll bars. Pour se faire il est possible de mettre les lignes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function window_onload() {
	window.document.body.style.scrollbarDarkShadowColor=coul1;
	window.document.body.style.scrollbarShadowColor=coul2";
	window.document.body.style.scrollbarFaceColor=coul3;
	window.document.body.style.scrollbarHighlightColor=coul4;
}

Je me suis longtemps demandé pourquoi mes pages produisaient une sorte de double affichage, c'est à dire un clignotement lorsque leur chargement arrivait à son terme.

En fait, je me suis aperçu que l'affichage de la page est actualisé AVANT l'événement onload (ce qui produit le 1er Chargement). Etant donné que les propriétés de style influent sur la totalité des scroll bars de la page, lorsqu'on les modifie, durant l'événement onload, cela produit un réaffichage de la page (mais pas un rechargement) Cela fait une sorte de scintillement très désagréable.

Le truc est de placer une balise script "inline" juste après la balise body. Il faut la placer là car si vous la mettez dans le Header, le body n'est pas encore créé au moment ou l'interpréteur passe sur ces commandes et ça produit une erreur.

Donc ça donne ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<BODY>
<script>
	window.document.body.style.scrollbarDarkShadowColor=coul1;
	window.document.body.style.scrollbarShadowColor=coul2";
	window.document.body.style.scrollbarFaceColor=coul3;
	window.document.body.style.scrollbarHighlightColor=coul4;
</script>
<!-- HTML de la Page -->

Voilà…

Bon dimanche

Laurent Jordi

Invité4 · 23/10/2005, 09h59

Et est-il possible de changer la scrollbar chez les Mozilla's ?

CUCARACHA · 23/10/2005, 10h12

Je n'y suis jamais arrivé. Si tu trouves ça m'interesse.

Bien à toi

Laurent

Invité4 · 23/10/2005, 10h22

Je crois bien que c'est impossible

CUCARACHA · 23/10/2005, 10h22

Salut,

Je suis aller me faire ratatiner dans ton jeu... Pas tout bien compris mais bon...

Je t'invite à tester http://www.silver-world.net/ j'y ai un peu joué mais je n'ai pas le temps...

Je connais une boite dans laquelle presque tous les informaticiens y jouent...

Il y a un peu de graphisme, c'est moche mais l'ensemble est assez chiadé quand même... Ca pourrait te donner des idées...

@+

Laurent Jordi

Invité4 · 23/10/2005, 10h24

Ok, mon jeu est en travaux.
On est en train de metre en place une version totalement nouvelle et différentes. L'âctuelle est moche et fonctionne mal.
Je te dirai quand elle sera là.

Je vais tester ton silver world.

CUCARACHA · 23/10/2005, 10h30

Nos programmes ne sont-ils toujours pas en travaux...

Invité4 · 23/10/2005, 10h33

C'est vrai!
Mais là, c'est comme passer d'une 1.0 à une 2.0, plus encore, ça sera un départ de zéro et non une améliorations.
Mon code était tellement catastrophique que je dois tout réecrire

Et après, campagne de pub d'enfer.

CUCARACHA · 23/10/2005, 10h35

Je clame haut et fort que c'est ce que la france devrait faire pour l'ensemble de la gestion du pays, les lois, les règlements, les institutions...

Vive la France 2.0...

@+

Laurent

Invité4 · 23/10/2005, 10h38

Si seulement...

Mais pour revenir aux scrollbars, je pense inutile de mettre un style pour IE alors que Firefox et Mozilla ne les voient pas.
Je serais plus pour que tous voient le même site.

CUCARACHA · 23/10/2005, 10h56

Assez d'accord cependant, je préfère I.E. à Mozilla (au risque de faire crier tout le monde) je trouve qu'il est plus souple et plus permissif que mozilla. En plus il a de nombreux avantages en terme d'interopérabilité avec les produits office.

Compte tenu que je développe des applications hébergées et non des sites internet à proprement parler, j'ai tendance à demander à mes utilisateurs de ne travailler que sous I.E. Leurs Internautes disposent d'interface crossplatform mes les back office sont trop compliqués à rendre compatibles avec tout.

Je préfère favoriser l'ergonomie et la simplicité plutôt que la compatibilité. C'est un choix. Mes utilisateurs apprécient c'est l'ssentiel.

Bien à toi

Laurent Jordi

**Celelibi** · 23/10/2005, 13h27

À propos des scrollbar :
Avec ta première méthode, il est normal d'avoir un moment de "scintillement" car l'évènement onLoad est déclanché dès que la page à fini de se charger (sinon il ne s'appellerait plus onload).

Mettre une le code en dehors d'une fonction peut être une solution, mais je pense qu'une balise <style> serait beaucoup beaucoup plus approprié à ça.
Quelque chose du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<style>
   body {
     scrollbar-darkshadow-color: #xxxxxx;
     scrollbar-shadow-color: #xxxxxx;
     scrollbar-face-color: #xxxxxx;
     scrollbar-highlight-color: #xxxxxx;
  }
</style>

D'ailleur en javascript si on suit les règles de transformation des propriétés css, la première devrait s'écrire scrollbarDarkshadowColor, et non scrollbarDarkShadowColor, mais IE est assez permissif là dessus.

Mais les scrollbar des listes déroulantes ne peuvent pas être changés, donc je trouve ça un peu idiot d'avoir la moitier de ses scrollbar personalisés, et le reste qui garde les couleurs par défaut.

je préfère I.E. à Mozilla (au risque de faire crier tout le monde) je trouve qu'il est plus souple et plus permissif que mozilla.

Tout le monde sera d'accord pour dire que IE est plus permissif, mais après quant-à dire si c'est bien ou pas, les avis divergent.

Je n'en dirais pas plus sur IE, pourtant c'est pas l'envie de troller qui me manque.

CUCARACHA · 23/10/2005, 13h33

Salut,

Je vais essayer ta méthode car je n'ai jamais réussi à le faire avec les styles...

Quand a la trollifération, tu fais bien de t'abstenir, on a autre chose à foutre...

Bien à toi

Laurent

[Trucs & Astuces] Changement couleur scroll bar

JavaScript

Vue hybride

Discussions similaires

Partager

Partager