IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

comment utiliser innerHmtl ?


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Par défaut comment utiliser innerHmtl ?
    Bonjour,
    je suis entrain de developper une application en JSp/JS.
    J'ai besoin de mettre a jour une image SVG dans mon code HTML après modification.Pour cela j'utiliser InnerHTML !
    voila mon code JS :
    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
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    var processor;
    	var xslt;
    	var xmlDoc;
    	var urlroot="<%=request.getContextPath()%>";
     
    	function tri(field,order)
    	{
    	   alert("entree tri");
    		processor.setParameter(null,"field", field);
    		processor.setParameter(null,"order", order);
    		var resultat=processor.transformToFragment(xmlDoc,document);
     
    			alert("on va changer l'image");
    			document.getElementById("image").innerHTML=resultat;
    			alert("c fait");
     
    	}
     
    	function tri_init(url,field,order)
    	{
    	  alert("entree tri_init");
    		xslt= document.implementation.createDocument("", "", null);
    		xslt.async=false;
    		xslt.load(urlroot+"/src/XSLT/by-zoom.xsl");
          alert("xslt loaded");
    		processor =new XSLTProcessor();
    		processor.importStylesheet(xslt);
          alert("xslt loaded in processor");
    		xmlDoc= document.implementation.createDocument("", "", null);
    		xmlDoc.async=false;
    		xmlDoc.load(urlroot+url);
          alert("xml loaded");
    		tri(field,order);
    	}

    dans ma page JSP :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     <iframe id="image" src="<%=request.getContextPath()%>/jsp/images/exemple.svg" height="800" width="99%" frameborder="0">
    Le probleme c'est que mon image n'est pas mise à jour !
    Quelqu'un a -t-il une idée de ce que ça pourrait être?

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    tu ne peux pas juste modifier le src de ton iframe ?

    A+

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    oui plutot une page html ou php contentant un pbject ou truc emmbedded ...
    non ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Par défaut
    en fait, il s'agit d'un etrnasformation XSLT, donc le SRC ne change pas ! c'est le meme mais l'image elle par contre change !!

    j'ai trouvé sur le net un autre truc:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementsByTagName("iframe")[0].contentDocument.body.innerHTML=resultat;
    Et là c'est pareil , il trouve bien mon 'iframe' par contre il ne fait paz de modif...
    Je commence a me demander si le innerHTML marche avec ls images, ou si on peut faire innerHTML=resultat !!

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    J'utilise pas le format SVG, mais bien possible que ça vienne de là : l'url reste la même mais l'image devrait changer. Or l'image est chargée une seule fois dans la page : telle qu'elle est à ce moment là !
    Tu as essayé de rappeler le même src ?
    (gros doute, car visiblement les modif sont dynamiques, mais bon ...)

    A+

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    pas un souci de cache ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementByid('image')
    serait déja mieux


    sinon avec un name
    document.parent....
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  8. #8
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Par défaut
    Alors, j'ai essayé de changer carrement l'image voila le code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    var resultat2="<iframe id=\"image\" src=\"<%=request.getContextPath()%>/jsp/images/edit.jpg\" height=\"800\" width=\"99%\" frameborder=\"0\">";
    			alert("on va changer l'image");
    			document.getElementById("image").innerHTML=resultat2;
    			alert("c fait");
    Ma page ne bouge pas !!!!
    Je ne sais pas si vous voyez des erreurs quelque part , je suis débutante en javascript ...je ne sais pas trop si c'est la bonne manière de faire

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    en même temps innerHTML sur un iframe...

    essaye de colle about:blank en src du frame puis

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    monframe.document.body.innerHTML = resultat
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  10. #10
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Par défaut
    Echec ...
    voila le code que j'ai mis, je sais pas si c'est qeu tu m'as conseillé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    var resultat2="<iframe id=\"image\" src=\"<%=request.getContextPath()%>/jsp/images/edit.jpg\" height=\"800\" width=\"99%\" frameborder=\"0\">";
    			alert("on va changer l'image");
    image.document.body.innerHTML = "";
    	image.document.body.innerHTML = resultat2;
    rien ne bouge !C'est vraiment bizzare

    Citation Envoyé par SpaceFrog
    pas un souci de cache ?
    j'ai vidé mon cache !
    toujours pas de resultat !!!

  11. #11
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par chaminette
    Echec ...
    voila le code que j'ai mis, je sais pas si c'est qeu tu m'as conseillé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    var resultat2="<iframe id=\"image\" src=\"<%=request.getContextPath()%>/jsp/images/edit.jpg\" height=\"800\" width=\"99%\" frameborder=\"0\">";
    			alert("on va changer l'image");
    image.document.body.innerHTML = "";
    	image.document.body.innerHTML = resultat2;
    rien ne bouge !C'est vraiment bizzare
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('image').document.body.innerHTML = resultat2;

Discussions similaires

  1. Réponses: 4
    Dernier message: 24/02/2009, 12h06
  2. Comment utiliser un cache ?
    Par TOM-Z dans le forum XMLRAD
    Réponses: 4
    Dernier message: 14/03/2003, 09h55
  3. comment utiliser actionscript ?
    Par webs dans le forum Flash
    Réponses: 3
    Dernier message: 09/02/2003, 23h11
  4. Comment utiliser OUT ?
    Par Bouziane Abderraouf dans le forum CORBA
    Réponses: 3
    Dernier message: 20/07/2002, 09h35
  5. Réponses: 5
    Dernier message: 11/06/2002, 15h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo