[Résolu] Comment détecter une URL et charger une CSS en conséquence ?

Bonjour à tous!

Je gère une boutique en ligne dans laquelle des styles différents s'appliquent selon la page dans laquelle on se trouve.
En javascript, a-t-on la possibilité de détecter l'URL de la page sur laquelle se trouve l'internaute, et de charger une CSS en fonction?

Par exemple, voici ce que j'aimerais :
if url="www.monsite.com/page3.html"
load : css="css/style3.css"

Est-ce possible?

Merciiii

Sarahhhhh
Modifié par sarahhh (09 Mar 2011 - 14:53)

Bonjour,

C'est surement possible de le faire en JavaScript, mais il serait plus simple et plus logique de le faire en PHP (avec les variables d'url).

Bonjour Laurie-Anne,

Merci pour ta réponse.
En fait si, ça serait plus logique ce que tu proposes. Mais je n'ai pas la main sur le code PHP sur le CMS (propriétaire) que j'utilise, ni la possibilité d'injecter mon propre code... c'est pour cela que je me demande si
c'est possible en JS (jquery?) ?

Normalement la fonction window.location.href devrait te donner l'URL.

hmmm... j'imagine qu'il faut mettre un code de ce type ? (je pense avoir commis beaucoup d'erreur d'écriture )

<script type="text/JavaScript"> 
if(window.location.href == [[www.monsite.com/page3.html]]){ 
document.write('<link href="page3.css" rel="stylesheet" type="text/css">'); 
} 
</script>

Mais ce script ne fonctionne pas. Qu'est-ce que je peux faire ?

Tu as écrit ta condition ainsi:

window.location.href == [[www.monsite.com/page3.html]]

Ce serait plutôt:

window.location.href == 'http://www.monsite.com/page3.html'

Génial, ça fonctionne!!!

Merci à tous les deux!!!

Sarah
Modifié par sarahhh (09 Mar 2011 - 16:44)