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

[Naruto]

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

 

[Jack]

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

Essaye ça:

document.addEventListener('DOMContentLoaded', function () {

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

});

<span id="contain_mapage"></span>

 

[Nicolas]

Hello Jack (tu as des insomnies ?)
Le code affiche l'URL de la page en cours, est-ce que c'est possible d'afficher le titre comme le souhaite @Naruto_Z ?

 

[Jack]

Hello,
Ah oui c'est juste, ce code renvoie l'URL et pas le nom de la page.
Faut que je creuse un peu...

 

[Naruto]

Merci Jack c'est déjà pas mal comme ça, on est sur la bonne voie.
SI tu peux gérer le nom à la place de l'adresse c'est super

 

[L'occitan]

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

const maPage = window.location.pathname;

 

[Anthony]

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 !!

document.addEventListener('DOMContentLoaded', function () {

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

});

 

[Naruto]

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]

Oui rajoute cette ligne au code : replace(/-/g, "");

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;

 

[Naruto]

Impeccable !
Parfait avec le capitalize, je n'y avais pas pensé. merci à tous

 

[Atlanta]

Bonjour, il y a aussi cette méthode

<p id="uri"></p>

document.getElementById("uri").innerHTML = "L'URL complète de cette page est:<br>" + window.location.href;