Mise a jour d'une balise object dynamiquement

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:

---

<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:

---

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:

---

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

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


En fait j'ai juste rajouter une petit:

Code:

---

1 2 3

$('#mon_id').hide(); $('#mon_id').show();

---

après rafraichissement d'image:

Code:

---

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 !