Forums : Xul, Xbl, JS...

Bonjour à tous, j'ai donc decidé de passer un peu de temps à jouer avec XUL et SVG ;) plus exactement je souhaite me faire quelques petits widget en SVG. Je commence par une horloge simple. Je laisse ici volontairement de coté le javascript qui annime les aiguilles car mon probleme est ailleurs. Donc mon horloge est constituée d'un cercle bordé de noir et rempli d'un degradé d'orange, de trois aiguilles ;) et d'un petit cercle noir au centre pour masquer le point de rotation des aiguilles. Je précise de suite que ce SVG fonctionne très bien seul de son coté. Mon probleme est que je souhaite en faire un XBL et que le dégradé orange n'est pas rendu :( mon analyse du probleme est qu'il y a un probleme de conflit entre namespace. En effet dans le <bindings> j'ai xmlns= "http://www.mozilla.org/xbl" et dans <svg:svg> j'ai xmlns= "http://www.w3.org/2000/svg" ... y a t'il une solution à mon problème ?

voici mon code horloge.xml

<?xml version="1.0"?>
<bindings 
xmlns=     "http://www.mozilla.org/xbl"
xmlns:xbl= "http://www.mozilla.org/xbl" 
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns:xul= "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <binding id="horloge">
    <content>
	<svg:svg
	xmlns:dc=   "http://purl.org/dc/elements/1.1/"
	xmlns:cc=   "http://web.resource.org/cc/"
	xmlns:rdf=  "http://www.w3.org/1999/02/22-rdf-syntax-ns#"	
	xmlns:svg=  "http://www.w3.org/2000/svg"
	xmlns=      "http://www.w3.org/2000/svg"
	xmlns:xlink="http://www.w3.org/1999/xlink"
	width=      "140"
	height=     "140">
		<svg:defs>
			<svg:linearGradient id="orange">
				<svg:stop
				style= "stop-color:#ffc000;stop-opacity:1;"
				offset="0"/>
				<svg:stop
				style= "stop-color:#ffff00;stop-opacity:1;"
				offset="1"/>
			</svg:linearGradient>
		</svg:defs>
		<svg:circle 
		cx=   "70" 
		cy=   "70" 
		r=    "60" 
		style="stroke-width: 5; stroke: black; fill: url(#orange);"/>
		<svg:g transform="translate(70,70) rotate(-90)">
			<svg:line 
			id=   "heure"   
			x1=   "0" 
			y1=   "0" 
			x2=   "0" 
			y2=   "30" 
			style="stroke: #1a0c80;stroke-width: 6px;"/>
			<svg:line 
			id=   "minute" 
			x1=   "0" 
			y1=   "0" 
			x2=   "0" 
			y2=   "40" 
			style="stroke: #1a0c80;stroke-width: 4px;"/>
			<svg:line 
			id=   "seconde" 
			x1=   "0" 
			y1=   "0" 
			x2=   "0" 
			y2=   "50" 
			style="stroke: #ffac66;stroke-width: 2px;"/>
		</svg:g>
		<svg:circle 
		cx=   "70" 
		cy=   "70" 
		r=    "5" 
		style="stroke: black; fill: black;"/>
	</svg:svg>
    </content>
  </binding>
</bindings>

La solution toute simple est de se passer de dégradé... mais bon. Si vous avez autre chose.

Fabrice