[svg+xhtml+javascript+dom+php] L'élément dom créé n'existe pas

**Lcf.vs** · 04/01/2010, 20h09

Bonjour,

J'ai un petit soucis, lorsque j'essaie de créer un élément dom, la barre d'outils Web Developper me trouve une erreur, l'élément que je viens de créer n'existe pas.

Code :

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
 
<?php
  header("Content-type: image/svg+xml");
  echo '<?xml version="1.0" encoding="iso-8859-1"?>';
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
	<head>
		<script type='text/javascript'>
			//<![CDATA[
				function mon_hello(){
					var node=document.createElement('div');
					node.id='test';
					document.getElementsByTagName('body')[0].appendChild(node);
					document.getElementById('test').innerHTML='<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400" height="300"><rect x="50" y="50" rx="5" ry="5" width="300" height="100" style="fill:#CCCCFF;stroke:#000099"/><text x="55" y="90" style="stroke:#000099;fill:#000099;font-size:24px;">HELLO cher visiteur </text></svg>';
				}
			//]]>
		</script>
	</head>
	<body onload="mon_hello();">
	</body>
</html>

Pourtant, si vous mettez la ligne 2 en commentaire, l'objet s'affiche bien mais sans le style svg puisque cette ligne lui est nécessaire.

Comment puis-je résoudre cela, svp?

PS: Je ne puis, dans le cas de ma div, y accéder par le tagname comme pour body parce que toute ma vraie page est créée en dom et qu'au fil des actions de l'utilisateur, l'ordre et le nombre de mes éléments dom sera à chaque fois différent.

**SpaceFrog** · 04/01/2010, 21h18

continuer la creation au moyen du DOM plutot que de coller un innerHTML ?

**Lcf.vs** · 05/01/2010, 15h08

Merci pour ta réponse, je compte bien convertir mes SVG en DOM pour ma 2ème version mais 13Mo de SVG, ça prendrait un temps fou alors que je dois aller au plus vite pour profiter d'un nouveau créneau.

Sinon, apparemment le problème venait du content-type, dans le cas présent, j'aurais dû le mettre en tant que application/xhtml+xml, le tout, c'était de le savoir ^^

[svg+xhtml+javascript+dom+php] L'élément dom créé n'existe pas

JavaScript

Discussions similaires

Partager

Partager