IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

styleswitcher et refresh


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Juin 2009
    Messages
    72
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 72
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function reload()
    {
    window.location.reload() 
    }
    Si vous avez besoin de code pour m'éclaircir, dites-moi.

    Cordialement,

    ptitdje

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Une histoire de cookie ?
    plutot de cache non ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Inscrit en
    Juin 2009
    Messages
    72
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 72
    Par défaut
    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 ?

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    mettre un timestamp sur les path vers les css ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre confirmé
    Inscrit en
    Juin 2009
    Messages
    72
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 72
    Par défaut
    Pourrais-je avoir quelques compléments d'information s'il vous plait ? ^^ Car le timestamp ça ne me parle pas beaucoup. =O

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    	<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...

  6. #6
    Membre confirmé
    Inscrit en
    Juin 2009
    Messages
    72
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 72
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 ?

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    heu tu ne serais pas en train d'espérer qu'en rechargeant la page tu conserves le style fixé par style switcher ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  8. #8
    Membre confirmé
    Inscrit en
    Juin 2009
    Messages
    72
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 72
    Par défaut
    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 : 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
    <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 : 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
    <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 !!!

  9. #9
    Membre confirmé
    Inscrit en
    Juin 2009
    Messages
    72
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 72
    Par défaut
    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.

Discussions similaires

  1. [JTabbedPane]Refresh spécifique
    Par Piolet dans le forum Composants
    Réponses: 3
    Dernier message: 11/06/2004, 19h11
  2. Refresh
    Par bluevelvet dans le forum Bases de données
    Réponses: 3
    Dernier message: 01/04/2004, 13h20
  3. Probleme de Refresh avec TQuery et DBGrid
    Par insoo dans le forum C++Builder
    Réponses: 7
    Dernier message: 25/11/2003, 17h20
  4. Réponses: 2
    Dernier message: 23/12/2002, 20h34
  5. Sortir d'un progamme qui boucle ou qui refresh
    Par mikevador02 dans le forum C
    Réponses: 12
    Dernier message: 14/12/2002, 09h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo