styleswitcher et refresh

Bonjour à tous,

J'ai un léger souci avec le script styleswitcher, en fait quand je switch à l'aide de 2 boutons d'un style à un autre sur une même page html, cela fonctionne :

Code:

---

1 2 3 4 5

<script src="js/styleswitcher.js"></script>   <link href="style/default/styles.css" rel="alternate stylesheet" type="text/css" title="style1"> <link href="style/style2/style2.css" rel="stylesheet" type="text/css" title="style2">

---

En inversant l'aternate et le default, la page s'affiche très mal comme si le .css n'etais pas lu entièrement.

Donc mon problème est que lorsque j'utilise une autre librairie bpopup sur le second html, par exemple je fait pop une <section id=coordonnee>, ce qui marche parfaitement ! Sauf que quand je retourne sur mon css1, la section à tout simplement disparu.

Alors j'ai trouvé une solution minable qui est de rafraichir la page brutalement au changement de style mais c'est horrible, on voit d'abbord la page ou il manque des section et POUF la page se rafraichit et c'est niquel. Que faire ???

Je ne comprend tout simplement pas pourquoi quand je change de style, il y a comme une sauvegarde des données du second style. Une histoire de cookie ?

Code:

---

1 2 3 4

function reload() { window.location.reload() }

---

Si vous avez besoin de code pour m'éclaircir, dites-moi.

Cordialement,

ptitdje

Citation:

---

Une histoire de cookie ?

---

plutot de cache non ?

Aucune idée, je viens de tester sous chrome, et à priori si je n'utilise pas la librairie "bpopup" qui me servait à afficher en popup des section de html, tout se passe bien.

Sauf que je n'ai plus mes popup ... et je ne peux malheureusement pas m'en passer.

En fait la super solution serait de faire comprendre à Mozilla ou autre que quand j'utilise la feuille de style 1, je veux la recharger entièrement sans les modifications que le feuille 2 a fait. Je crois que "bpopup" passe le display à none sur la section. Sauf que même en mettant le display à true, la balise ne se ré-affiche pas...

Que faire ?

mettre un timestamp sur les path vers les css ...

Pourrais-je avoir quelques compléments d'information s'il vous plait ? ^^ Car le timestamp ça ne me parle pas beaucoup. =O

Code:

---

<link rel='stylesheet' type='text/css' href='/css/styles_20090407.css?'></link>

---

Je viens d'essayer quelque chose comme çà à l'instant, mais ça ne fonctionne pas...

Code:

---

1 2	<link href="style/style2/style2.css?v=<?php echo time(); ?>" rel="stylesheet" type="text/css" title="style2"> <link href="style/default/styles.css?v=<?php echo time(); ?>" rel="stylesheet" type="text/css" title="style1">

---

Toujours pas !!! Je ne comprends vraiment pas car là c'est censé recharger le css ... mais le html est-il rechargé aussi ??? Car le truc c'est que j'ai remarqué que c’était bien mes sections qui étaient modifiées quand j'utilisais la bibliothèque et non mes css. La modification est faite direct dans <section id="coord" display:none etc... > du coup je suis perplexe car ma section que j'ai fabriqué est supprimée et la nouvelle fabriquée est uniquement faite par la bibliothèque pour mes belles popup ... Pourquoi après changement de css, le html ne se remet pas à jour avec ses données initiales ?

heu tu ne serais pas en train d'espérer qu'en rechargeant la page tu conserves le style fixé par style switcher ?

Justement c'est l'inverse que je veux et je parle de bPopup et non de styleswitcher (finalement c'est pas ça le problème à mon avis).

Quand je recharge la page violemment, elle est bien comme je le souhaite !

Je récapitule : je charge mon html avec le style 2 de base, tout va bien, je fait une popup en cliquant sur une image, la popup est là, je ferme la popup, je switche via un bouton de css pour aller sur le style 1, et là, la <section> qui a été affichée dans la popup a disparu à cause de bPopup.

Avant :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<section id="form"> <h2> Formation </h2> <p> <table> <tr> <td>2008-2012: </td> <td>DUT Informatique Orléans</td> </tr> <tr> <td></td> <td class="etablissement"><a href="http://www.univ -orleans .fr/iut-orleans/" target="_blank">IUT Orléans (45)</td></a> </tr> <tr> <td>2007-2008: </td> <td>Baccalauréat Scientifique option science de l'ingénieur</td> </tr> <tr> <td></td> <td class="etablissement"><a href="http://www.vaucanson.org/" target="_blank"> Jacque de Vaucanson à Tours (37)</td></a> </tr> </table> </p> </section>

---

Après une popup et changement de css, je m'en suis aperçu avec chrome en regardant évoluer le .html :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<section id="form" style="left: 423px; position: absolute; top: 20px; z-index: 9999; display: none; "> <h2> Formation </h2> <p> <table> <tbody><tr> <td>2008-2012: </td> <td>DUT Informatique Orléans</td> </tr> <tr> <td></td> <td class="etablissement"><a href="http://www.univ-orleans.fr/iut-orleans/" target="_blank">IUT Orléans (45)</a></td> </tr> <tr> <td>2007-2008: </td> <td>Baccalauréat Scientifique option science de l'ingénieur</td> </tr> <tr> <td></td> <td class="etablissement"><a href="http://www.vaucanson.org/" target="_blank"> Jacque de Vaucanson à Tours (37)</a></td> </tr> </tbody></table> </p> </section>

---

Et là je me dis : ok la bibliothèque est faite comme ça, mais pourquoi quand je change de style, le .css prend en compte le html qui a été modifié et pas celui de base !!!

Je viens au nouvelle... nouvelle information qui pourrait aider, quand je passe d'un style à l'autre j'ai une balise <audio> qui, si je la lance, reste au changement... du coup je me retrouve comme un <pardonné moi l'expression> con car je ne peux plus l'arrêter.