Mauvais affichage d'une CSS sous Firefox mais ok sur I.Exp

Mauvais affichage d'une CSS sous Firefox mais ok sur I.Exp - HTML/CSS - Programmation

Marsh Posté le 01-02-2006 à 16:32:15    

J'ai un petit problème avec la nouvelle version de mon site...
En fait, on peut choisir 2 skin : le rose ou le noir
Sur la page d'accueil, tout va bien !
Sur les autres pages, c'es OK aussi, mais pas pour Firefox !!!
 
http://x2.putfile.com/2/3109270032-thumb.jpg
 
Ci dessus, vous voyez ce que je vois sur I-Expl.
Dès que l'on change de skin, tout ce passe comme prévu.
 
http://x2.putfile.com/2/3109311296-thumb.jpg
 
Et là, c'est sous Mozilla... Ca fonctionne pour la page d'accueil, mais la page Equipe foire...
 
Vous avez une idée d'où cela peut-il venir ?? Vous avez besoin de mes scripts pr me dire çà ? (A priori ce n'est pas un pb de script puisque I.Expl gère le tout !)

Reply

Marsh Posté le 01-02-2006 à 16:32:15   

Reply

Marsh Posté le 01-02-2006 à 16:47:10    

Non bien sûr on a besoin de rien, on va deviner tout seuls ce qui peut bien se passer sur ton site lorsqu'on "change de skin"...[:dawa]

Message cité 1 fois

---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 16:58:21    

skeye a écrit :

Non bien sûr on a besoin de rien, on va deviner tout seuls ce qui peut bien se passer sur ton site lorsqu'on "change de skin"...[:dawa]


Tu n'as pas le logiciel de traitement des images "KomDanlesFilms" de Nolywood???
Grace à lui tu aurais pu zoomer sur l'image, rendre lisible les zones floutés et lire la bonne adresse, puis tu lui corrigerais sa css :o

Reply

Marsh Posté le 01-02-2006 à 16:59:14    

:sweat:  Quelle *****
Bon alors...
Quand on change de skin, le lien c'est :

Code :
  1. <a href="#" onclick="setActiveStyleSheet('standard'); return false;"><img src="http://astrid.imperium.free.fr/layout/clemrose.png" alt="Clemence Poesy période Rose/Jaune" border="0" width="30"></a>
  2. <a href="#" onclick="setActiveStyleSheet('css01'); return false;"><img src="http://astrid.imperium.free.fr/layout/trionoir.png" alt="Le trio sur fond noir" border="0" width="30"></a><br>


 
En sachant que dans le head ya :

Code :
  1. <link rel="stylesheet" type="text/css" href="css02.css">
  2. <link rel="alternate stylesheet" href="css01.css" type="text/css" title="css01">


 
Et le Switcher (je sais pas si ca joue dans l'histoire ou non...) c'est :

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

Reply

Marsh Posté le 01-02-2006 à 17:03:46    

Oh, le joli javascript.[:roane]
(on va passer pour tout ce qui est considérations du fonctionnement de la chose avec javascript désactivé...[:petrus75])
 
Au pif, la console javascript de firefox t'enverrait pas chier, par hasard?[:opus dei]


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 17:15:24    

Ca j'en sais rien. J'ai trouvé la console sur un site spécialiste du CSS qui explique justement comment avoir plusieurs skins. Ca fonctionne tb chez eux ^^
(C'est pas du pickage je vous rassure c'est plutôt un tuto)
Bref j'en sais rien si Firefox bousille le javascript
 
Et sinon ce code javascript sert a garder le skin choisi lors du changement de page et à chaque connexion (en gros c'est pour le cookie)

Message cité 1 fois
Message édité par imperium le 01-02-2006 à 17:17:04
Reply

Marsh Posté le 01-02-2006 à 17:17:45    

euh non.
Dans firefox, tu ouvres outils->console javascript.
Et là tu cliques ton lien et tu regardes s'il y a du nouveau dans la console...;)


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 17:18:27    

imperium a écrit :

J'ai trouvé la console sur un site spécialiste du CSS qui explique justement comment avoir plusieurs skins.


Mais la console c'est pas ça...[:cryv]
Dans ton FF tu fais outils>Console Javascript
 
ça t'affiche une nouvelle fenêtre et tu nous dis ce qu'il y a marqué en tout en bas!!!

Reply

Marsh Posté le 01-02-2006 à 17:19:07    

sinon tu peux aussi faire un vrai lien, passer le bon css en GET, et écrire le cookie en php ou je ne sais quel langage serveur tu utilises...


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 17:27:23    

:whistle: Sorry je ne savais pas ^^
%Mais grâce à vous j'ai appris un truc nouveau (ben vi je connaissais pas Console JS sur FF)
http://img81.imageshack.us/img81/5788/erreurerreurerreur6yi.th.jpg
Woow ca fait bcp d'erreurs d'un coup  :ouch:


Message édité par imperium le 01-02-2006 à 17:28:26
Reply

Marsh Posté le 01-02-2006 à 17:27:23   

Reply

Marsh Posté le 01-02-2006 à 17:29:16    

T'as ça au moment où tu cliques? :??:
Il te donne pas la ligne, au bout à droite?


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 17:32:07    

Heu nan...  :heink:  
J'ai la version 1.0.4 (au cas où ca changerait qq chose)

Reply

Marsh Posté le 01-02-2006 à 17:34:47    

Il devrait...t'as pas un ascenseur horizontal?[:urd]
 
Pour être franc, j'ai la flemme d'essayer de lire tout ce code et de comprendre ce qui va pas...faire ça avec le langage serveur te dirait pas, plutot? :D


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 17:41:12    

elle est en ligne ta page non? ( enfin sur un site free)...
tu veux pas donner l'url ? ça irait plus vite!!!

Reply

Marsh Posté le 01-02-2006 à 17:43:37    

Reply

Marsh Posté le 01-02-2006 à 17:59:14    

marche très bien sur mon FF(1.5) :o

Message cité 1 fois
Reply

Marsh Posté le 01-02-2006 à 18:00:02    

:sweat: ne me dit pas ca !! enfin a la limite, tant mieux, mais on s'est chié dessus pour rien  :fou:  :o  :pfff:
 
EDIT : je viens de charger la version 1.5 de Firefox j'ai tjrs le mm pb  :heink:


Message édité par imperium le 01-02-2006 à 18:04:36
Reply

Marsh Posté le 01-02-2006 à 18:34:07    

anapajari a écrit :

marche très bien sur mon FF(1.5) :o


si tu navigues un peu c'est très variable...[:pingouino]


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 19:02:42    

Haha t'as vu le bordel un peu ?  
 :(

Reply

Marsh Posté le 01-02-2006 à 19:08:19    

Personnellement je virerais tout ce bordel en javascript et je referais ça proprement en php...[:skeye]


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 19:19:27    

Encore faut-il savoir le faire  :cry:
 
EDIT : Si ca peut nous aider, voici le site où j'avais trouvé cette histoire de skin : http://batraciens.net/css-astuces/skins-changement.htm


Message édité par imperium le 01-02-2006 à 19:27:27
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed