Codage de liens (je ne parle pas d'encodage)

Version imprimable

2 pièce(s) jointe(s)

bonjour à tous,
fier d'avoir fini mon premier gros travail en JS, je me heurte à un truc vraiment bête en terme de codage dans une fonction (je ne mets pas tout le script)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 function nodeToString(node) { ext = node.innerHTML.split('.').pop(); //alert(node.innerHTML +" - "+ node.nodeType + "-" + node.innerHTML.substring(node.innerHTML.indexOf(".")+1)); //A FINIR : si node.innerHTML.split('.').pop() est PDF, alors hyperlien ! if ((node.nodeType == 2)){ node.innerHTML; } /* if (node.nodeType == 2) return node.value;*/ if (node.nodeType == 3) return node.wholeText; if (node.nodeType == 8) return ""; //Je texte l'extension. SI c'est un PDF, je mets l'hyperlien ext = node.innerHTML.split('.').pop().toLowerCase();//retourne TJS l'ex en minuscules ! if (ext=='pdf') { return '<a href="'+node.innerHTML+'" target="_blank" class="lien-vers-PDF">'+node.innerHTML+'</a>'; //return node.innerHTML; } else { return node.innerHTML; } }
sur le ligne 24 dont le code est

Citation:

return '<a href="'+node.innerHTML+'" target="_blank" class="lien-vers-PDF">'+node.innerHTML+'</a>';

le contenu du retour n'interprète pas le HTML retourné. J'ai bien tenté de faire un eval mais marche pas. Cette maniere de faire marche en PHP (je suis + codeur PHP que JS) mais là j'ai pas le choix
Pièce jointe 667101
le code dans le browser est
Pièce jointe 667102
Pourriez vous me guider pour faire interpréter ce lien hypertext (c'est le coeur du pprojet d'un point de vue utilisateur !)comme un lien de télécharghement ?

Merci

03/05/2025, 10h12
mathieu

la fonction nodeToString crée juste une chaine de caractère. montrez nous le code qui utilise cette chaine.

Cette fonction est utilisée ligne 9 du code suivant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function evalXPathUpdateResult() {
    var buffer = new Array();
 
    try {
      var nodes = evalXPath();
	  //alert(nodes);
      var htmlNodes = $.map(nodes, function(node){
		  // dans le cas ou c'est un lien, il faut mettre un tag <a>
        return $("<div>").text(nodeToString(node)).addClass("node");
      });
 
      $output.addClass('text-primary');
      $output.removeClass('text-danger');
      $output.html(htmlNodes)
      console.info('nodes', nodes);
    } catch (e) {
      $output.removeClass('text-primary');
      $output.addClass('text-danger');
      // TODO: show nicer error message
      $output.html("ERROR: " + e.message)
      console.error(e);
    }
  }
 
  $xpath.on('keyup', evalXPathUpdateResult);
  evalXPathUpdateResult();
})

N'étant pas un expert dans ce langage, j'ai adapté des éléments trouvés, je l'avoue;
Un grand merci aux participants de cette aide

03/05/2025, 18h20
mathieu

c'est la méthode .text qui échappe les caractères html. pour utiliser le code html directement, mettez .html.
mais pour que ça fonctionne, vous devez être sur que la fonction nodeToString envoie toujours du code html valide. je pense surtout à la ligne avec "wholeText" et "nodeType == 3" dont je ne sais pas du tout à quoi ça correspond.
03/05/2025, 18h27
slhuilli

j'aurais jamais pensé à ça. Ca peut donc dire que la classe, selon les méthodes utilisées var "formater" le format/la structure... retournée.
Moi je me suis arrêté à ce que ça retournait un résultat.... bien que j'avais testé la méthode (là aussi d'ailleurs) et cela ne marchait pas au premier coup.... a cause du cache du navigateur. je n'y avais pas pensé.
Merci beaucoup, je vais pouvoir continuer le projet