Discussion :

[thais781]

Bonjour,

Je suis confronté à une petite interrogation.
Sur un site, j'ai un bouton qui est cliquable et qui ouvre bien l'URL .... mais dans le code source de la page, à aucun moment il n'y a d'afficher cette URL
Savez-vous comment c'est possible ? Comment ils font ? Savez-vous ou elle est cachée ?

Voici le html de la section du bouton :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<button type="button" aria-label="Consulter la section. S’ouvre dans un nouvel onglet de navigateur" class="ms-Link container-451" data-log-name="ViewProfileInLinkedIn">
<i data-icon-name="Contact" aria-hidden="true" class="contactLeft-452"></i>
Voir le profil complet
</button>

Pour info (même si on doit avoir ce système sur plein d'autre site), c'est issu de "https://outlook.live.com/people"

Merci pour votre aide si vous avez une idée

Thais

[SpaceFrog]

Il doit y avoir un JS qui attribue le click

[javatwister]

Bonjour,

dans la source, on voit bien des liens;
Le plus simple est que l'url soit créée dans un script externe à partir des attributs data de l'élément ou des class css;

[thais781]

Bonjour,

Merci pour votre aide à tous les 2.
Comment je peux investiguer plus en détail ?
Voulez-vous que je mette l'intégralité du code html ?

A votre disposition pour creuser et comprendre le fonctionnement

Thais

[javatwister]

exemple: http://javatwist.imingo.net/urltest.htm

imagine des boutons avec des attributs de classe et des datas:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="bazar">
<strong>Jardinage</strong>
<button type="button" class="boutique" data-url="jardinage" data-article="brouette">boulot</button>
<button type="button" class="boutique" data-url="jardinage" data-article="nain">déco</button>
<button type="button" class="clash" data-url="jardinage" data-article="remboursez">pas content</button>
<hr />
<strong>Layette</strong>
<button type="button" class="boutique" data-url="layette" data-article="bavoir">jour</button>
<button type="button" class="clash" data-url="layette" data-article="vomi">pas content</button>
<button type="button" class="boutique" data-url="layette" data-article="pyjama">nuit</button>
</div>

Tu peux déclencher des liens en captant ces attributs avec javascript:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
// pour tous les boutons de l'élément "bazar"
document.querySelectorAll("#bazar button").forEach(v=>{
// quand tu cliques
	v.addEventListener("click",()=>{
// tu ouvres l'url correspondant à la racine du site + classe + attributs
(ici, j'ai juste mis une alerte parce que les adresses n'existent pas)
		alert(`${location.origin}/${v.className}/${v.dataset.url}/${v.dataset.article}.htm`)
	})
})