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

jQuery Discussion :

Utiliser la fin de l'url comme class du body


Sujet :

jQuery

  1. #1
    Membre du Club
    Homme Profil pro
    Webdesigner Intégrateur web
    Inscrit en
    Mars 2008
    Messages
    95
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Webdesigner Intégrateur web

    Informations forums :
    Inscription : Mars 2008
    Messages : 95
    Points : 40
    Points
    40
    Par défaut Utiliser la fin de l'url comme class du body
    Bonjour,

    Je débute en jquery est je cherche à utiliser la fin de l'url comme class du body suivant la page.
    Si l'url de ma page est "https://monurl.fr/nos-produits/?filters=product_cat[59]" => "product_cat[59]" ajouter une class au body du style product_cat_59 et ainsi de suite pour les autres pages. Pouvez vous m'aidez et m'expliquer comment y arriver ??

    J'ai trouvé cette page https://bootstrapcreative.com/add-cl...ed-url-jquery/ mais c'est pas exactement ça !!

    Merci de vos retours.

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 407
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 407
    Points : 4 847
    Points
    4 847
    Par défaut
    Bonjour,

    Tu peux par exemple combiner substr et replace comme ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    //"https://monurl.fr/nos-produits/?filters=product_cat[59]"
    var class_=$(location).attr("href")
    .substr($(location).attr("href").indexOf("=")+1,$(location).attr("href").length)
    .replace('[','_')
    .replace(']','');
     
    //attribuer class_ au body
    $("body").addClass(class_);

  3. #3
    Membre du Club
    Homme Profil pro
    Webdesigner Intégrateur web
    Inscrit en
    Mars 2008
    Messages
    95
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Webdesigner Intégrateur web

    Informations forums :
    Inscription : Mars 2008
    Messages : 95
    Points : 40
    Points
    40
    Par défaut
    Merci beaucoup Toufik83 !! C'est exactement ça

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 4
    Dernier message: 09/09/2020, 14h11
  2. Réponses: 3
    Dernier message: 27/07/2007, 11h02
  3. Réponses: 2
    Dernier message: 21/09/2005, 17h23
  4. Réponses: 5
    Dernier message: 26/05/2005, 15h40
  5. une url comme argument d'une fonction
    Par khayyam90 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 18/10/2004, 20h15

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