Intégrer l'URL actuelle dans un content en CSS

Fermé

Bohemito Messages postés 63 Date d'inscription vendredi 9 août 2013 Statut Membre Dernière intervention 29 février 2024 - 9 juil. 2023 à 20:38
Bohemito Messages postés 63 Date d'inscription vendredi 9 août 2013 Statut Membre Dernière intervention 29 février 2024 - 11 juil. 2023 à 18:12

Bonjour,

J'ai ce code et j'aimerais dans la partie "content" placer l'url de la page actuellement ouverte, là où se trouve le code CSS.

Merci beaucoup

Voici le fameux code :

body::before {
content: "là où j'aimerais avoir l'URL du site où se trouve ce code";
align-items: center;
font-size: 0.8vw;
color: rgba(255, 255, 255, 0.9);
position: fixed;
z-index: 9999;
border-radius: 4px;
padding: 10px 20px 15px;
top: 15%;
left: 8%;
height: 13vw;
margin-right: -50%;
transform: translate(-50%, -50%);
}

A voir également:

Je suis content que tu vas bien ou que tu ailles bien
Tapez cette phrase, en respectant bien les espaces et la ponctuation. - Guide
Roulement en 12h qui fonctionne bien - Télécharger - Outils professionnels
72 mbits s c'est bien ✓ - Forum WiFi
Boot/BCD n'existe pas ou bien contient des erreurs - Forum Windows 8 / 8.1
Message le bon coin votre bien est toujours disponible ✓ - Forum Vos droits sur internet

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38469 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 avril 2025 4 741
9 juil. 2023 à 22:46

Bonjour,

En jouant avec un data-attribute c'est facile:

par exemple

<div id="test" data-content="test1"></div>
<button id="changecontent">changer</button>

<script>
  document.querySelector('#changecontent').addEventListener('click',function(){
    document.querySelector('#test').setAttribute('data-content',window.location.href);
  });
</script>

Réponse 2 / 2

Bohemito Messages postés 63 Date d'inscription vendredi 9 août 2013 Statut Membre Dernière intervention 29 février 2024 1
11 juil. 2023 à 17:39

Bonjour Jordane,

Merci pour ta réponse :)

Cependant, je pense que j'ai oublié de préciser que je ne peux qu'utiliser du CSS, car je veux mettre ce script dans l'extension de Google Chrome "Stylus".

Le but final est d'afficher un message sur chaque site avec leur URL respectif, cela me permet de voir quel site j'utilise pour mes streams même en plein écran.

Cordialement,

Bohemito

jordane45 Messages postés 38469 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 avril 2025 4 741
11 juil. 2023 à 17:43

que en css .. je ne pense pas que ça soit possible. ( à vérifier )

Bonne soirée.

Bohemito Messages postés 63 Date d'inscription vendredi 9 août 2013 Statut Membre Dernière intervention 29 février 2024 1 > jordane45 Messages postés 38469 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 avril 2025
Modifié le 11 juil. 2023 à 18:13

Ah mince, bon dans ce cas cela va être difficile, à moins que je puisse utiliser une extension qui prend en compte l'HTML aussi, merci en tout cas

Bonne soirée

Discussions similaires

cette phrase est elle correcte

Bonjour,

je suis content que tu vas bien

d'avance merci

j'suis content, j'suis content de Bach vieille chanson française

Je voudrais retrouver pour mon ami cette vieille chanson de Bach intitulée "j'suis content, j'suis content Merci à qui pourra m'aider.

comment je peut bien parlais anglais?

Bonjour, je vous demande de me montre comment parlais anglais

Vérifier que le server freebox est bien connecté à internet

Bonjour. Je voudrais avoir de l’aide car ma freebox est bloqué à l’etape 6 depuis hier matin donc je vous écris pour que vous me répondiez au plus vite merci à bientôt.

Vérifiez que le Serveur freebox est bien connecté à internet

Bonjour,
Depuis ce jeudi 29 Juillet 23h30 plus de connection à ma Freebox révolution et donc je décide de faire un redémarrage et aussitôt est indique "Vérifiez que le Serveur Freebox est bien connecté à internet", alors oui tout est connecté et les voyants sont verts.

Merci de m'aider.
Caroline.