Discussion :

[ZuZu]

Bonjour,

Je suis désolé c'est sans doute très simple mais je ne suis pas un expert loin de là, je veux juste protéger l'adresse mail de contact d'un site et en bricolant un peu j'arrive à ce bout de code qui fonctionne pour le calcul de l'adresse mais je n'arrive pas à associer la mise en forme avec !

Code :

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

1
2
3
4
5
6
7
8
9
<script type:"text/Javascript">
var part1 = "contact";
var part2 = Math.pow(2,6);          //@ chr 64 = 2^6
var part3 = String.fromCharCode(part2);
var part4 = "domaine"
var part5 = String.fromCharCode(46, 99, 111, 109);          // .com
var part6 = part1 + part3 + part4 + part5;
document.write("<p style=\"text-align: center;\">" + "<span color=\"#ffffff\" style=\"color: #ffffff;\">" + "<a href=" + "mai" + "lto" + ":" + part6 + ">" + part6 + "</a></span></p>");
</script>

Merci d'avance

[eleydet]

Bonsoir,
Il me semble que votre code, quoiqu'un peu vieillot sur la forme, fonctionne parfaitement. Voici ce que j'aurais écrit :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<div style="text-align: center;">
<script>
var part1 = "contact";
var part2 = Math.pow(2,6);          //@ chr 64 = 2^6
var part3 = String.fromCharCode(part2);
var part4 = "domaine"
var part5 = String.fromCharCode(46, 99, 111, 109);          // .com
var part6 = part1 + part3 + part4 + part5;
document.write('<a href="mailto:'+part6+'">'+part6+'</a>');
</script>
</div>

[ZuZu]

Bonsoir

Et merci de votre réponse.

J'ai essayé mais c'est pareil, en fait quand je disais que la mise en forme n'était pas prise en compte c'est que le lien reste bleu par défaut et non blanc

Code :

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

<div style="text-align: center;" color="#ffffff" style="color: #ffffff;">

[eleydet]

Ah, je crois avoir compris :

Code :

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

document.write('<a style="color: #fff;" href="mailto:'+part6+'">'+part6+'</a>');

[ZuZu]

Ca fonctionne merci !!
Je me casse toujours la tête sur ce genre de problèmes qui ne devraient pas en être ...

[SpaceFrog]

document.write ...


jette plutot un oeil sur cet article...
https://www.developpez.net/forums/d1...te-javascript/

[eleydet]

Bonsoir,

La méthode document.write() présente une particularité : Elle permet d'écrire directement dans le flux de la page, pas besoin de mettre en place un identifiant de balise. Ce peut être, dans certains cas, une propriété intéressante...

Je ne sais pas si cette méthode, jugée obsolète par certains, est encore reconnue par l'ensemble des navigateurs.

[Watilin]

Oui, elle est toujours reconnue par les navigateurs, et c’est un obstacle majeur à l’amélioration des performances : parce que cette fonction existe, et parce que le moteur n’a pas moyen de savoir a priori si elle va être utilisée ou non dans un script, toute balise de script est bloquante par défaut (en l’absence d’attribut async ou defer), ce qui interromp l’analyse du code HTML et empêche le chargement parallèle des fichiers de script.

Bien plus que la question de décider si c’est une bonne pratique de codage ou non, c’est ce problème de performances qui est la principale raison pour laquelle document.write() est fustigée aujourd’hui.

Quant à la nécessité de recourir à un identifiant de balise, querySelector permet de s’en passer dans de nombreux cas ; on peut également s’aider de document.currentScript.

Edit : moi j’aurais fait comme ça :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript"> "use strict";
// ouverture d’un bloc pour isoler les constantes
{
  const part1 = "contact";
  const part2 = Math.pow(2, 6);                         //@ chr 64 = 2^6
  const part3 = String.fromCharCode(part2);
  const part4 = "domaine"
  const part5 = String.fromCharCode(46, 99, 111, 109); // .com
  const part6 = part1 + part3 + part4 + part5;
 
  const $a = document.createElement("a");
  $a.style = `
    display: block;
    text-align: center;
    color: white;
  `;
  $a.href = "mai" + "lto" + ":" + part6;
  $a.textContent = part6;
 
  document.currentScript.insertAdjacentElement("afterend", $a);
}
</script>