Discussion :

[dedepsg]

Bonjour a tous,
J'aurais besoin d'un petit coup de pouce car j'ai un petit soucis sur chrome pour rafraichir une balise <object/> dynamiquement.

Voici ma balise object:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<object id="mon_id" data="mon_fichier.svg" type="image/svg+xml"></object>

Voici la façon que j'utilise pour rafraichir l'image avec du JQuery:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('#mon_id').attr({
     data: "/mon_fichier.svg"
});

Sur Firefox cela fonctionne très bien mais sur chrome je n'ai aucun affichage.

Alors que si je fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('#mon_id').attr({
     data: "/mon_fichier.png"
});

La ça fonctionne sur Chrome. (et firefox)


Alors Chrome lit bien le SVG, et j'ai egalement trouver une petite astuce afin d'afficher l'image, c'est d'inspecter la page et d'activer et de reactiver tout de suite après un attribut du css de mon object et là l'image ce met à jour.

Mystérieux.


Quelqu'un aurait une petit idée afin de résoudre mon problème ?


Merci à tous d'avoir pris du temps afin de comprendre mon problème

[dedepsg]

C'est bon j'ai trouver une solution a mon problème,


En fait j'ai juste rajouter une petit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
$('#mon_id').hide();
$('#mon_id').show();

après rafraichissement d'image:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$('#mon_id').attr({
     data: "/mon_fichier.png"
});

Et cela fonctionne.
J'ai eu l'idée car j'ai remarque quand changeant une valeur du CSS de la page (pas forcement sur ma balise <object>) et bien l'affichage s'effectuait.

Voilà merci quand même à vous tous !