SVG iframe embed et liens cliquables: comment cibler le _top?

Question

Je dois afficher une image svg (sur laquelle je n'ai aucun contrôle) sur une page que je contrôle. Cette image svg a des liens, mais quand je clique dessus, la page est ouverte dans l'iframe. Une solution serait d'écrire target = "_ top" dans le lien svg, mais je n'ai aucun contrôle sur ce fichier.

Existe-t-il un moyen d'ouvrir les liens dans la page parent (comme il s'agissait d'une image cliquable)?

Answer 1

Si le fichier svg est hébergé sur le même domaine, vous pouvez y accéder avec le script pour effectuer la modification target = "_ top".

Quelque chose comme ceci:

var link_elms = youriframe.contentDocument.querySelectorAll("a"); 
for(var i=0;i<link_elms.length;i++) 
{ 
    link_elms[i].setAttribute("target", "_top"); 
} 

L'autre option est de faire une copie du fichier svg de sorte que vous gagnez plein contrôle sur elle.