Function js Obfuscation

Hello,

Je ne suis franchement ami avec js et j'aurais besoin d'un petit coup de main pour mettre en place une function d'obfuscation (je suis dévéloppeur back).

Code:

---

1 2 3 4 5

<span data-href="<%= Base64.encode64("https://www.cdiscount.com/informatique/ordinateurs-pc-portables/v-10709-10709.html") %>" onclick="javascript:window.location.href=atob(event.srcElement.getAttribute('data-href'))" tabindex="0" id="link1" role="link" class="link"> Lien 2 </span>

---

Le fonction fonctionne bien, mais j'aurais besoin de pousser un peu plus loin en déportant dans un autre fichier la function de décodage :

Code:

---

atob(event.srcElement.getAttribute('data-href'))

---

l'idée ce serait d'avoir un truc dans le genre :

Code:

---

1 2 3 4 5

<span data-href="<%= Base64.encode64("https://www.cdiscount.com/informatique/ordinateurs-pc-portables/v-10709-10709.html") %>" onclick="javascript:window.location.href=navigateLink(event.srcElement.getAttribute('data-href'))" tabindex="0" id="link1" role="link" class="link"> Lien 2 </span>

---

et une deuxième function, compilée dans un fichier.js à la racine du site

Code:

---

1 2 3

function navigateLink(link) { return atob(link); }

---

Mais j'ai l'erreur suivante :

Citation:

---

Uncaught ReferenceError: navigateLink is not defined

---

Autre question, est ce qu'il possible d'envoyer ma variable ruby directement dans ma première fonction, sans passer par le data-ref= . Dans ce cas, quelle est la syntaxe à adopter ?

Bonjour,
:faq: Comment ajouter du JavaScript à une page HTML ?

Citation:

---

une function d'obfuscation ...

---

là il ne faut pas trop rêver elle sera toujours déchiffrable même si tu peux la rendre « moins lisible », mais est-ce ton besoin ?



Concernant cette écriture :

Citation:

---

onclick="javascript:window.location.href=atob(event.srcElement.getAttribute('data-href'))"

---

:faq: A quoi sert "javascript:" dans une balise HTML ?

Citation:

---

Autre question, est ce qu'il possible d'envoyer ma variable ruby directement dans ma première fonction, sans passer par le data-ref= . Dans ce cas, quelle est la syntaxe à adopter ?

---

https://www.developpez.com/template/kit/kitinfo.png

Une discussion = une question Poser plusieurs questions dans un seul et même fil nuit grandement à la qualité du forum : notamment, lors d'une recherche, tout le contenu du fil n'est pas indiqué dans le titre, elle devient donc plus ardue. Notre but est de maintenir une base de connaissances facile à exploiter par tous les visiteurs, utilisable par tous. Vous avez pu bénéficier de ce forum en posant vos questions, laissez la possibilité aux suivants de bénéficier des réponses en leur offrant un sujet moins dispersé.

Citation:

---

Envoyé par NoSmoking

Bonjour,

là il ne faut pas trop rêver elle sera toujours déchiffrable même si tu peux la rendre « moins lisible », mais est-ce ton besoin ?

---

C'est un choix technique dont j'ai besoin même si je sais que ce n'est jamais vraiment indéchiffrable

Citation:

---

Envoyé par NoSmoking

Concernant cette écriture...

---

il y a probablement une bien meilleure façon d'écrire cette fontion. C'est pour la découvrir que je suis venu demander de l'aide ici. ;)
Je te remercie de te pencher sur mon problème ;)

Citation:

---

il y a probablement une bien meilleure façon d'écrire cette fontion.

---

en passant par un addEventListener(), quelque chose comme :

Code:

---

1 2 3 4 5 6

const elem = document.getElementById("link1"); elem.addEventListener("click", (e) => { const obj = e.target; const href = obj.dataset.href; // et la suite de ton code });

---