javascript Afficher le nom de la page en cours dans l'HTML

Naruto

Membre
Salut tout le monde,

Voilà, pour mon site je cherche à récupérer le nom de la page en cours pour pouvoir l'afficher en direct dans la page.
C'est à dire que quand je suis sur http://monsite.fr/naruto/ je peux afficher dans une ligne d'un tableau : naruto

Donc je suppose qu'il faut javascript, mais je n'ai pas du tout d'idée pour le coder. Merci
 
  Solution
et rajouter
nom = nom.split("/");
pour enlever les / de l'adresse : cela pourrait correspondre au nom de la page.
A condition que le nom de la page soit contenu dans l'URL !!
JavaScript
document.addEventListener('DOMContentLoaded', function () {

    const maPage = window.location;
    maPage = maPage.split("/");
    contain_mapage.innerText = "Nom de la page: " + maPage;

});

Jack

Membre
Tu devrais t'en sortir avec JS effectivement.
Est-ce que tu connais un peu ?

Essaye ça:
JavaScript
document.addEventListener('DOMContentLoaded', function () {

    const maPage = window.location;
    contain_mapage.innerText = "Nom de la page: " + maPage;

});
HTML
<span id="contain_mapage"></span>
 

L'occitan

Membre
Salut,
Si l'on s'en tient à la doc MDN https://developer.mozilla.org/fr/docs/Web/API/window/location il n'est pas possible avec l'objet window.location de récupérer le nom de la page, on peut préciser un peu le résultat pour éviter d'avoir l'URL complète (voir le tableau des propriétés).

Dans cette ligne rajouter la propriété adéquate, par exemple pathname
JavaScript
const maPage = window.location.pathname;
 

Anthony

Membre
et rajouter
nom = nom.split("/");
pour enlever les / de l'adresse : cela pourrait correspondre au nom de la page.
A condition que le nom de la page soit contenu dans l'URL !!
JavaScript
document.addEventListener('DOMContentLoaded', function () {

    const maPage = window.location;
    maPage = maPage.split("/");
    contain_mapage.innerText = "Nom de la page: " + maPage;

});
 

Naruto

Membre
AH oui c'est pas mal ça, oui le nom de la page est contenu dans l'adresse donc le résultat est plutôt cool
https://xxxxx.fr/cat-/item12/produits-japon.17/ donne produits-japon

est-ce qu'on peut supprimer le - et le remplacer par un espace ?
 

Wazz9

Membre
Oui rajoute cette ligne au code : replace(/-/g, "");
JavaScript
document.addEventListener('DOMContentLoaded', function () {
    const maPage = window.location;
    maPage = maPage.split("/");
    maPage = maPage.replace(/-/g, "");
    contain_mapage.innerText = "Nom de la page: " + maPage;
});
ça devrait fonctionner et retourner produits japon

Après tu peux rajouter les majuscules avec CSS
text-decoration: capitalize;
 

Ces discussions pourraient vous intéresser...

Hello, je cherche à indenter la première ligne de chaque paragraphe d'un long texte. Alors je me suis lancé dans du bricolage avec des margin-left sur des span mais au niveau html c'est pas très beau. <span class="retrait_20">Il</span><span>était une fois une princesse dans...
J'ai un petit programme en Python qui permet de retourner la valeur absolue de n'importe quel nombre positif ou négatif. def absolute_value(num): if num >= 0: return num else: return -num print(absolute_value(2)) '''retourne 2'''...
  • Résolue
Salut, J'ai une erreur PHP que je n'arrive pas à résoudre, voici le code simplifié <!DOCTYPE html> <html> <head> <title>Cours PHP & MySQL</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body>...
Haut