Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 31/12/2010, 12h24   #1
Candidat au titre de Membre du Club
 
Inscription : juillet 2009
Messages : 193
Détails du profil
Informations personnelles :
Localisation : France

Informations forums :
Inscription : juillet 2009
Messages : 193
Points : 12
Points : 12
Par défaut Css identique sur toute les pages

Bonjour all et Bon réveillon,

j'ai une code CSS qui me permet de choisir le CSS voulu (rose.css ou style.css par défaut).
quand je laisse originale pas de souci mais quand une personne clic sur le CSS de couleur rose il y a que la page accueil qui change de CSS et quand elle change de page la page redeviens bleu (origine).

dans les meta j'ai mis :
Citation:
<link title="tchat" type="text/css" rel="stylesheet" media="screen" id="link_style" href="style.css" />
et sur la barre du centre Changer de thème : Bleu Rose

Code :
1
2
3
4
<td width="19%"><div align="right">Changer de th&egrave;me :</div></td>
        <td width="9%"><div> 
		<a href="#" onclick="change_style('style.css'); return false;">Bleu</a> 
		<a href="#" onclick="change_style('rose.css'); return false;">Rose</a></div></td>
donc je voudrait savoir comment faire que toute les page reste rose ou bleu quand un clic dessus sans devoir a chaque fois cliquer dessus.

Cordialement Stéphane
snip74 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/12/2010, 13h42   #2
Membre habitué
 
Inscription : mai 2009
Messages : 115
Détails du profil
Informations forums :
Inscription : mai 2009
Messages : 115
Points : 145
Points : 145
Bonjour,

donc ton code javascript change sur la page courrante le fichier css utilisé.

Par conséquent, quand l'utilisateur change de page le css reprend la valeur par défaut.

Si tu veux garder ta solution en javascript, tu devrais passer un paramètre dans l'url pour savoir quel est le style à utiliser.

Par exemple, une solution possible est de modifier les liens de ton menu quand tu changes de style.

Imaginons que tu aies ce lien dans ton menu :
Code :
1
2
 
<a href="news.php" id="news" >Ma page de news</a>
Maintenant ton lien pour changer le css :

Code :
1
2
 
<a href="#" onclick="change_style('rose.css'); changer_lien('rose'); return false;">Rose</a>
Et ton javascript changer_lien() serais quelque chose comme ca :

Code :
1
2
3
4
5
 
 
function changer_lien(css){
   document.getElementById('news').href += '?css=rose';
}
Ensuite dans le window.load de ta page il faut aussi une fonction disons auto_css() qui va récuperer le parametre css de l'url pour choisir le bon style (par exemple en appelant ta fonction change_style)

C'est une solution parmis d'autre, toutefois attention je n'ai pas tester le code il doit y avoir des petites erreurs

Bonne journée
e-fitz est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/12/2010, 18h19   #3
Candidat au titre de Membre du Club
 
Inscription : juillet 2009
Messages : 193
Détails du profil
Informations personnelles :
Localisation : France

Informations forums :
Inscription : juillet 2009
Messages : 193
Points : 12
Points : 12
Bonsoir,
merci de la réponsse
donc j'ai testé le code et sa ne marche pas exemple si je passe de index.php a anim.php ou contact.php etc... la page reste bleu :/

et j'avais déja créer un code qui resemble fortement au tiens

META
Code :
<link title="tchat" type="text/css" rel="stylesheet" media="screen" id="link_style" href="style.css" />
<HEAD> et </HEAD>
Code :
1
2
3
4
5
<script type="text/javascript">
function change_style(style) {
document.getElementById('link_style').href = style;
}
</script>
<BODY> et </BODY>
Code :
1
2
3
<div>
<a href="#" onclick="change_style('style.css'); return false;">Bleu</a> 
<a href="#" onclick="change_style('rose.css'); return false;">Rose</a></div>

Cordialement Stéphane


Citation:
Envoyé par e-fitz Voir le message
Bonjour,

donc ton code javascript change sur la page courrante le fichier css utilisé.

Par conséquent, quand l'utilisateur change de page le css reprend la valeur par défaut.

Si tu veux garder ta solution en javascript, tu devrais passer un paramètre dans l'url pour savoir quel est le style à utiliser.

Par exemple, une solution possible est de modifier les liens de ton menu quand tu changes de style.

Imaginons que tu aies ce lien dans ton menu :
Code :
1
2
 
<a href="news.php" id="news" >Ma page de news</a>
Maintenant ton lien pour changer le css :

Code :
1
2
 
<a href="#" onclick="change_style('rose.css'); changer_lien('rose'); return false;">Rose</a>
Et ton javascript changer_lien() serais quelque chose comme ca :

Code :
1
2
3
4
5
 
 
function changer_lien(css){
   document.getElementById('news').href += '?css=rose';
}
Ensuite dans le window.load de ta page il faut aussi une fonction disons auto_css() qui va récuperer le parametre css de l'url pour choisir le bon style (par exemple en appelant ta fonction change_style)

C'est une solution parmis d'autre, toutefois attention je n'ai pas tester le code il doit y avoir des petites erreurs

Bonne journée
snip74 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/12/2010, 19h33   #4
Membre habitué
 
Inscription : mai 2009
Messages : 115
Détails du profil
Informations forums :
Inscription : mai 2009
Messages : 115
Points : 145
Points : 145
Rebonsoir,
Citation:
attention je n'ai pas tester le code il doit y avoir des petites erreurs
Donc il faut penser a rajouter les fonctions de chargement du param get pour bien mettre le bon css dans le window.load

Je me permet de le remettre car cette solution fonctionne, toutefois il faut l'avoir bien implémenté (ce qui n'est pas le cas dans le code que j'ai donné)

Bonne soirée
e-fitz est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 16h04.


 
 
 
 
Partenaires

Hébergement Web