Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage JavaScript javascript et innerHTML

javascript et innerHTML

35 réponses
Avatar
yt.trash
j'ai une page d'essai qui me sert essentiellement à tester des svg.

par un js je cherche à changer l'innerHTML d'une div.

je fabrique l'innerHTML à partir d'un index représentant un des n svg à
visualiser :

function getInnerHTML(idx)
{
if (idx < 10) idx = "0"+idx;
html="<object
data='http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leaf
node_lock_opening_"+idx+".svg' type='image/svg+xml' ";
html+="width='600' height='600'>";
html+="<embed
src='http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leafn
ode_lock_opening_"+idx+".svg' type='image/svg+xml' ";
html+="width='600' height='600' ";
html+="pluginspage='http://www.adobe.com/svg/viewer/install/' />";
html+="</object>";
return html;
}


j'ai mis l'adresse absolue dès fois que...

mais ça ne marche pas plus, le reste du script :

function findDOM(o_id)
{
if (document.getElementById)
{
return (document.getElementById(o_id));
}
if (document.all)
{
return (document.all[o_id]);
}
}
function openLock()
{
o=findDOM("svg_id");
if(o)
{
o.innerHTML=getInnerHTML(16);
alert(o.innerHTML);
}
}

window.onload=openLock;

ça n'a rien de spécial.

et pourtant ça ne marche pas :[

ce qui se passe :

je vérifie que le innerHTML de la div d'id = svg_id a bien changé par
alert(o.innerHTML);

mais, à l'écran, si je vois bien que le innerHTML et rechargé, il reste
cependant que ça ne s'affiche pas.

la page :

<http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leafnode_
lock_opening.html>

le premier svg par défaut :

<http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leafnode_
lock_opening_08.svg>

le second, après onload :

<http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leafnode_
lock_opening_16.svg>


je ne pige pas ce qui se passe d'autant que la console js (je teste avec
firefox 2 version fr)...

si qq'un a une idée...

quan au moins un basculement de *08.svg vers *16.svg fonctionnera, je
pense ajouter un timer afin de vsualiser les 17 svg du dossier...
--
Une Bévue
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2 3 4
Avatar
ASM

mais on peut faire de l'animation SANS javascript par ex :

<http://gilles.chagnon.free.fr/cours/xml/svgdynamique.html#modifattrib>


Je n'ai aucun de ses exemples qui fonctionne chez moi !
(feuille de style et gnagnagna ...)

parce que pour l'instant on ne peut pas faire de "inline svg"


bien sûr que si :
http://www.croczilla.com/svg/samples/

soit la page est entièrement svg
soit le svg est dans un object.


Pas forcément, au vu des exemples ci-dessus.
Bon ... il faut avoir le bon navigateur :-/
(FF 2)

--
ASM

Avatar
ASM
Une Bévue wrote:

pas vu, pour l'instant, de " monObject.contentdata = responseText;"


contentElement ? Ha non ... c'est du verbiage M$

mais j'ai pu rêver !
autant 'contentdata' était un shortcut ...

Avatar
Florian Sinatra
*ASM* @ 08/11/2006 20:22 :
parce que pour l'instant on ne peut pas faire de "inline svg"


bien sûr que si :
http://www.croczilla.com/svg/samples/


Et où vois-tu du SVG dans la page ?

soit la page est entièrement svg
soit le svg est dans un object.



Pour l'instant, oui. Mais jette un oeil par exemple sur :
<http://www.w3.org/TR/2002/WD-XHTMLplusMathMLplusSVG-20020809/>

Bon ... il faut avoir le bon navigateur :-/
(FF 2)


FF 1.5 suffit.


Avatar
ASM
*ASM* @ 08/11/2006 20:22 :
parce que pour l'instant on ne peut pas faire de "inline svg"
bien sûr que si :

http://www.croczilla.com/svg/samples/


Et où vois-tu du SVG dans la page ?


C'est une page pleine d'exemples, dont par exemple celui-ci :
http://www.croczilla.com/svg/samples/events2/events2.xml
ou celui-là :
http://www.croczilla.com/svg/samples/dom2/dom2.xml
enfin ... il me semble bien que le svg y est intégré avec du html (et
même du JS).

Bon ... il faut avoir le bon navigateur :-/
(FF 2)


FF 1.5 suffit.


Oui ... un bon navigateur ... :-)
Ça ne fonctionne pas avec mon Safari
mais fonctionne aussi avec mon Opera 9

--
ASM



Avatar
Florian Sinatra
*ASM* @ 08/11/2006 21:20 :
*ASM* @ 08/11/2006 20:22 :
parce que pour l'instant on ne peut pas faire de "inline svg"
bien sûr que si :

http://www.croczilla.com/svg/samples/
Et où vois-tu du SVG dans la page ?



C'est une page pleine d'exemples, dont par exemple celui-ci :
http://www.croczilla.com/svg/samples/events2/events2.xml
ou celui-là :
http://www.croczilla.com/svg/samples/dom2/dom2.xml
enfin ... il me semble bien que le svg y est intégré avec du html (et
même du JS).


Tu as parfaitement raison, même pas besoin d'aller chercher dans
XHTML1.1+MathML+SVG1.1. Elle est pas belle la vie :-)




Avatar
ASM
*ASM* @ 08/11/2006 21:20 :
*ASM* @ 08/11/2006 20:22 :
http://www.croczilla.com/svg/samples/
Et où vois-tu du SVG dans la page ?

C'est une page pleine d'exemples,



Tu as parfaitement raison, même pas besoin d'aller chercher dans
XHTML1.1+MathML+SVG1.1. Elle est pas belle la vie :-)


Maintenant se pose à moi la question :
Quel logiciel (open compatible tte plate-forme) pourra me pondre de
telles pages ?

Pour l'heure je ne me sens pas de coder tout ça à la mimine.

--
ASM




Avatar
yt.trash
ASM wrote:


Je n'ai aucun de ses exemples qui fonctionne chez moi !
(feuille de style et gnagnagna ...)


je n'ai pas utilisé directement ses exemples mais je les ai adaptés.


parce que pour l'instant on ne peut pas faire de "inline svg"


bien sûr que si :
http://www.croczilla.com/svg/samples/


ok, mais bon j'ai déjà un pb de namespace avec "image" ici :

<http://yvon-thoraval.com/SVG/inline/index.xml>

je ne pige pas trop le message d'erreur.

mais effectivement leur dom2.xml est ok chez moi :

<http://yvon-thoraval.com/SVG/inline/dom2.xml>

bon aussi il faut que l'extension soit xml...


soit la page est entièrement svg
soit le svg est dans un object.


Pas forcément, au vu des exemples ci-dessus.
Bon ... il faut avoir le bon navigateur :-/


ouais, marche ni sur safari ni sur webkit...


test bébête pour voir avec ff si on peut mélanger xhtml et svg :


<http://yvon-thoraval.com/SVG/inline/deux_rectangles.xml>

c'est donc OK, reste à comprendre le pb avec svg:image (j'ai essayé sans
svg: -> même erreur...)




--
Une Bévue


Avatar
yt.trash
Florian Sinatra wrote:


Pour l'instant, oui. Mais jette un oeil par exemple sur :
<http://www.w3.org/TR/2002/WD-XHTMLplusMathMLplusSVG-20020809/>


ouais merci c'est le tip-top pour moi, seul bémol il n'a pas touvé
certaines fonts (CSY je ne sais plus trop quoi mais tetex est installé
chez moi =?=> des paths à définir ?)


--
Une Bévue

Avatar
yt.trash
ASM wrote:

http://www.croczilla.com/svg/samples/dom2/dom2.xml
enfin ... il me semble bien que le svg y est intégré avec du html (et
même du JS).


non ce n'et pas du html, je chipotte ?; mais du xhtml et 1.1...
--
Une Bévue

Avatar
yt.trash
Florian Sinatra wrote:


Tu as parfaitement raison, même pas besoin d'aller chercher dans
XHTML1.1+MathML+SVG1.1. Elle est pas belle la vie :-)


tu saurais me dire pourquoi j'ai une erreur à cette page :

<http://yvon-thoraval.com/SVG/inline/index.xml>
--
Une Bévue

1 2 3 4