[HMTL/CSS] Ma dernière question en CSS : Choisir un css par javascript

Ma dernière question en CSS : Choisir un css par javascript [HMTL/CSS] - Programmation

Marsh Posté le 17-07-2001 à 15:58:53    

:) Bon je sais je suis très chiant aujourd'hui en CSS...
 
J'ai un problème cette fois plus baleze et j ai rien trouvé sur le net sur le sujet...
 
Je cherche à ce que l'utilisateur en cliquant sur un lien change le CSS utilisé pour la page affichée...
 
Je m'explique : J'ai deux Css (une plutot avec des tons de rouge et une bleue...) et je voudrais que l'utilisateur arrive sur la bleue par défaut...
Mais il faudrait qu'il puisse cliquer sur un lien pour changer de css (passer à la rouge) et que la page se recharge (pour afficher les couleurs de la nouvelle Css!)
 
Le tout en javascript, sans php et sans avoir à recopier deux fois le site evidemment ! :)
 
Baleze hein ?!!!


---------------
BattleTag : thekeke#2108 ajoutez moi ;)
Reply

Marsh Posté le 17-07-2001 à 15:58:53   

Reply

Marsh Posté le 17-07-2001 à 16:02:39    

fait une recherche, je me rapelle avoir lu exactement le meme topic y a moins d'1 mois, la solution etait en JavaScript

Reply

Marsh Posté le 17-07-2001 à 16:13:07    

grahf a écrit a écrit :

fait une recherche, je me rapelle avoir lu exactement le meme topic y a moins d'1 mois, la solution etait en JavaScript  




 
Uhm... Pas trouvé... Si quelqu'un trouve...
 
Je continue a chercher...


---------------
BattleTag : thekeke#2108 ajoutez moi ;)
Reply

Marsh Posté le 17-07-2001 à 16:30:54    

putain moi non plus je le retrouve pas ce topic  :fou:

Reply

Marsh Posté le 17-07-2001 à 16:49:42    

lol :) je viens de me taper au moins 150 topics :)


---------------
BattleTag : thekeke#2108 ajoutez moi ;)
Reply

Marsh Posté le 17-07-2001 à 16:53:04    

Bah à mon humble (mais alors dégoulinant d'humilité) avis, ça doit être celui-là
http://forum.hardware.fr/sqlforum/ [...] ce=&cache=
 
C'est pas directement ça, mais en adaptant... doit pas être trop compliqué ;)
 
(réponse de m@nou)

 

[edtdd]--Message édité par deliriumtremens--[/edtdd]

Reply

Marsh Posté le 17-07-2001 à 17:11:57    

non ct pas celui la auquel je pensais  :sweat:  
y a pile le bon topic qui existe

Reply

Marsh Posté le 17-07-2001 à 17:13:51    

mais euh :cry:

Reply

Marsh Posté le 17-07-2001 à 17:52:04    

Désolé Delirium ;) En effet c'est pas ça... Moi le lien devra allez charger tout un css et recharger la page...
 
Et surtout utiliser ce CSS durant toute la navig'


---------------
BattleTag : thekeke#2108 ajoutez moi ;)
Reply

Marsh Posté le 17-07-2001 à 23:04:15    

sous ie, ça peut se faire dynamiquement avec  
 
document.styleSheets[0].href = 'tonStyleSheet.css';
 
pour le faire en rechargeant la page, tu peux mettre une url comme tapage.url?stylesheet=x  ou x est le numéro du stylesheet.
 
puis lorsque tu veux le changer, tu recharges la page (hmm.. location.href marche t il pour recharger ?), tu parses l'url (là je sais pas comment faire :)), et suivant la valeur de stylesheet tu fais le document.write('<link ref=stylesheet etc ...') qui va bien.

Reply

Marsh Posté le 17-07-2001 à 23:04:15   

Reply

Marsh Posté le 18-07-2001 à 00:21:55    

si g bien compris ce que tu cherches a comprendre :
http://www.msdn.microsoft.com/libr [...] sheets.asp
 
sinon g l'air d'un con :)
++

Reply

Marsh Posté le 18-07-2001 à 13:10:56    

tiens, regarde mon code, ça peut t'intéresser... C'est pour changer la texture de fond de la page en fonction du mois...
...
<style type="text/css">
#fond {position: absolute; top: 0px; left: 0px; background: repeat url(backgrounds/saumon2.jpg) bisque}
</style>
...
<script>
function Choix_Background()
{
    var Aujourdhui = new Date() ;
    var Mois = new Number(1) ;
    var Textures = new Array("manuscrit8clair.JPG", "beige111.jpg", "fond5.jpg", "saumon4.jpg", "saumon3.jpg", "saumon2.jpg", "crayonjaune.jpg", "beige060.jpg", "paper003.jpg", "saumon6n.jpg", "", "clair19.jpg" ) ;
 
    Mois = Aujourdhui.getMonth() ;
    document.all.item("fond", 0).style.background = 'repeat url(backgrounds/' + Textures[Mois] + ') bisque' ;
}
</script>

Reply

Marsh Posté le 19-07-2001 à 10:07:57    

pec2 a écrit a écrit :

si g bien compris ce que tu cherches a comprendre :
http://www.msdn.microsoft.com/libr [...] sheets.asp
 
sinon g l'air d'un con :)
++  




 
bah ca a l air d etre le truc le plus proche de ma demande mais bon c est pas clair, c est en anglais, y a pas bcp d 'exemple...
Mais merci...  
 
Si quelqu'un trouve encore mieux et en francais hesitez pas :)


---------------
BattleTag : thekeke#2108 ajoutez moi ;)
Reply

Marsh Posté le 19-07-2001 à 14:43:39    

UP !!!
 
Ca marche et/ou j'y arrive pas !
 
Si quelqu'un sait donc faire ce que je demande dans le premier message n'hésitez pas !
 
HELP !


---------------
BattleTag : thekeke#2108 ajoutez moi ;)
Reply

Marsh Posté le 19-07-2001 à 15:22:03    

Un exemple qui marche et que tu pourras réutiliser (j'y crois cette fois)
http://www.oreillynet.com/pub/s_lib/11
 
(d/l le *.zip)
 
Ou encore là
http://www.richinstyle.com/free/mysite.html  
 
et si tu comprends les langues orientales
http://www.h3.dion.ne.jp/~kawazoel [...] e.html#top
 
Mais le premier devrait être le meilleur, et le plus simple à adapter. C'est en anglais. Si problème de traduction, just ask ;)

Reply

Marsh Posté le 19-07-2001 à 16:25:42    

deliriumtremens a écrit a écrit :

Un exemple qui marche et que tu pourras réutiliser (j'y crois cette fois)
http://www.oreillynet.com/pub/s_lib/11
 
(d/l le *.zip)
 
Ou encore là
http://www.richinstyle.com/free/mysite.html  
 
et si tu comprends les langues orientales
http://www.h3.dion.ne.jp/~kawazoel [...] e.html#top
 
Mais le premier devrait être le meilleur, et le plus simple à adapter. C'est en anglais. Si problème de traduction, just ask ;)  




 
Merciiiiiiiiiiiii ca marche !!! Tu es un Dieu :) (quoi j'en fais trop ??? Mais noooon)
 
2 jours que je me prenais la tête ! Ce code je vais le mettre a l abris !  
 
Merci encore !


---------------
BattleTag : thekeke#2108 ajoutez moi ;)
Reply

Sujets relatifs:

Leave a Replay

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