Discussion :

[thomas_david]

bonjour j'ai une structure suivant , je veux change le texte dynamiquement c 'est a dire l’utilisateur qui change le texte voila l'exemple

Code html :

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

1
2
3
4
5
6
<svg>
  <g node-id="itemdat-1" style="opacity: 1" transform="matrix(1,0,0,1,-170,115)" class="node" level="1" />
  <rect x="0" y="0" height="55" width="150" fill="#039BE5" stroke-width="1" stroke="#aeaeae" rx="5" ry="5"></rect>
  <text width="230" class="field_0" style="font-size: 18px;" fill="#ffffff" x="75" y="35" text-anchor="middle">Module 1</text>
  <g data-edit-id-filed="itemdat-1" transform="matrix(1,0,0,1,130,5)" />
</svg>

Code JavaScript :

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

1
2
document.querySelector('svg [node-id="itemdat-1"]').closest('svg').
querySelector('text').textContent="Mr. Bojangles"

[NoSmoking]

Bonjour,
une piste, quelque chose comme

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function saisieTexte(obj) {
  let newTexte;
  if (newText = prompt("Saisir votre texte", obj.textContent)) {
    obj.textContent = newText;
  }
}
const elemText = document.querySelector("[node-id='itemdat-1'] ~ text");
elemText.textContent = "Mr. Bojangles"
elemText.addEventListener("click", function() {
  saisieTexte(this);
}, false)