Discussion :

[artotal]

Bonjour,
j'ai installé un script de changement de style, appelé "switcher", visible ici :
http://creatif-web.be/port_folio/formation.php
J'aimerai utiliser un changement de couleur en.js

Code :

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

onmouseover="this.style.backgroundColor='silver'" onmouseout="this.style.backgroundColor='white'"

si j'appele ma page avec le style bleu, je ne vais plus avoir la tonalité bleu, l'idée pour se site était de séparer le contenu de la présentation et donc de lier le rollover au switcher. Donc comment dois-je intégrer ce bout de code pour qu'il s'adapte au changement de style appelée :
Le script du switcherest dans une page externe :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}
function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}
function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}
function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}
window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}
window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

Merci d'avance

[siddh]

a mon avis, le plus simple a gérer pour toi, ça serais en fait de changer la classe de style de ton élément et non pas la couleur directement.

Comme ça dans tes différents styles, tu prévoit toujours les deux classes et c'est a ce niveau là que tu gérera les couleurs

Code :

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

onmouseover="this.className='classOver'" onmouseout="this.className='classOut'"

et en css :

Code :

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

1
2
3
4
5
6
.classOver{
   background-color: silver;
}
.classOut{
   background-color: white;
}

comme ça, quand tu mettras ta feuille "bleue", il suffira d'y prévoir ça :

Code :

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

1
2
3
4
5
6
.classOver{
   background-color: blue;
}
.classOut{
   background-color: white;
}

[siddh]

alors, le this fait référence a la balise dans laquelle tu te trouve.

[artotal]

Ok je comprend.
Merci
___________________///O_o\\\
y a eu un doublon j'ai effacé les deux malencontreusement.
Désolé.

[siddh]

penses a mettre