Modif de balises mathml par javascript non mise à jour à l'affichage
Bonjour,
Je rencontre un pb bizarre et malgré mes recherche, je ne vois pas de solution:
J'ai une fonction javascript qui ajoute un arbre mathml pour afficher 1/2 en fraction verticale.
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
| <head>
<script type="text/javascript">
function addFrac(el) {
var mathbox = el.parentNode;
var f = document.createElement('mfrac');
var n = document.createElement('mi');
var nn = document.createTextNode("1");
n.appendChild(nn);
var d = document.createElement('mi');
var dd = document.createTextNode("2");
d.appendChild(dd);
f.appendChild(n);
f.appendChild(d);
mathbox.appendChild(f);
mathbox.removeChild(el);
}
</script>
</head>
<html>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mi onclick="addFrac(this);">Ajouter 1/2</mi>
</math>
</html> |
Le code mathml modifié par javascript est bon mais firefox affiche juste "12" et non la fraction mise en forme.
Si ensuite je vais dans l'inspecteur, que j'édite le DOM du bloc mathml (j'ajoute un retour chariot par exemple et je l'enlève et je quitte l'édition), l'affichage est mis à jour dans firefox et je vois la fraction.
Comment puis-je faire pour que l'affichage puisse se mettre à jour dès la modif du DOM par le javascript ?
Merci beaucoup pour vos contributions.
