Comment faire un lien incorporé dans un fichier SVG ouvrir dans la fenêtre principale, et non pas dans un objet distinct

J'ai un fichier SVG (généré par Graphviz) qui contient l'URL des liens. Je voudrais que ces liens soient cliquables. J'ai d'abord essayé 

<img src="path/to/my.svg"/>

qui affiche l'image amende, mais les liens ne sont pas cliquables. Modification de l'objet:

 <object data="/path/to/my.svg" type="image/svg+xml">

rend les liens cliquables, mais lorsque l'utilisateur clique sur eux, la nouvelle page s'ouvre à l'intérieur de l'objet. Est-il possible que je peux faire les liens s'ouvrent dans la fenêtre principale?

C'est à l'aide de firefox 5.0, mais s'il y a des croix-navigateur différences de vous connaître je vous serais reconnaissant de l'attention!

InformationsquelleAutor mojones | 2011-08-10
  1. 41

    Tout d'abord, si vous incorporez SVG comme <img>, navigateurs ne pas ouvrir les liens, ainsi qu'ils l'habitude d'exécuter des scripts à l'intérieur de <img>, parce que, eh bien, vous intégrez une image, et très probablement, votre image peut apparaître à l'intérieur d'un <a>, et vous ne pouvez pas mettre les liens dans les liens.

    Et de faire des liens s'ouvrent dans de nouveaux onglets, vous pouvez utiliser le target attribut, comme dans le HTML, ou xlink spécifiques xlink:show attribut avec la valeur new. Le SVG spec dit suivantes:

    [xlink:show] attribut est fourni pour la compatibilité ascendante avec la norme SVG 1.1. Il fournit de la documentation sur XLink conscient de processeurs. En cas de conflit, l'attribut cible prioritaire, car elle peut exprimer un large éventail de valeurs.

    Et les valeurs de la target attribut peut être:

    • _replace
    • _self
    • _parent
    • _top
    • _blank

    Ainsi, dans votre SVG vous avez besoin d'écrire comme suit:

    <a xlink:href="http://example.com" target="_blank">[...]</a>

    Mais actuellement tous les navigateurs capables de montrer le support SVG deux xlink:show et target attributs (je ne l'ai pas testé dans IE9 tout de même).

    • Il veut l'ouvrir dans la fenêtre conteneur. Je pense que vous voulez "_parent" ou "_top".
    • Parfait, merci beaucoup pour ces deux réponses. L'ajout d'un target='_top' à mon Graphviz HTML étiquette donne le résultat que je cherchais.
    • Remarque, comme dans la posté exemple, qu'il doit être " target=", pas " xlink:target=' (même si vous voulez 'xlink:href='). Cela s'est déclenché-moi un peu.
    • xlink:show="new" target="_top" a fonctionné pour moi dans le Chrome.
    • target="_top" a fonctionné pour moi, mais est-il possible que je puisse le mettre en une seule déclaration, plutôt que d'avoir à ajouter manuellement l'attribut sur chaque lien? Cela semble être beaucoup de travail inutile; je veux remplacer le comportement par défaut de manière universelle pour tous les liens dans un SVG.
    • Je ne sais pas une réponse exacte à votre question, mais en fonction de comment vous intégrer du SVG, vous pouvez ajouter <base target="_blank" /> à votre <head> élément et tous les liens dans le document s'ouvrira dans un nouvel onglet. Devrait aider si vous incorporez SVG dans une iframe HTML.
    • Merci! Réglage de base target="_blank" ne fonctionne pas. Je suis l'intégration de la SVG à l'aide de <object>. Je ne sais pas si il y a un moyen de le faire avec, ou non.

    InformationsquelleAutor Spadar Shut