Comment ajouter du code JavaScript onClick gestionnaire intégré objet html?

J'essaye d'ajouter un gestionnaire onClick d'un objet incorporé. Le maître-chien doit exécuter une fonction qui est dans une externe .fichier js qui est lié à l'actuel fichier html via <script src="....

Ai-je besoin de faire référence à la fonction différemment parce qu'elle est située ailleurs?

Voici le code tel qu'il est actuellement (ce qui ne fonctionne pas, mais aussi ne produit pas d'erreurs): 

<embed src="svg/button.svg" id="buttonEmbed" width="95" height="53" 
type="image/svg+xml" onClick="buttonEvent('buttonClicked')"/>
InformationsquelleAutor Jack Roscoe | 2010-07-01
  1. 9

    Vous avez à mettre en œuvre onclick à l'intérieur de le svg et le lier à l'extérieur de la fonction JavaScript à l'aide de javascript à l'intérieur de la svg. Voir le SVG wiki pour obtenir des exemples.

    Mise à jour: Apparemment, le SVG wiki n'est plus. Pas étonnant que les meilleures références, je peux maintenant (rapidement) trouver sont sur StackOverflow lui-même.

    Cette réponse explique comment mettre en œuvre onclick à l'intérieur du svg.

    • Merci. J'ai mis le onclick à l'intérieur de la svg de la forme elle-même, mais maintenant ne peut pas trouver la fonction qu'il cherche. Sans doute parce que c'est dans une externe .fichier js?
    • Comment êtes-vous de l'appel de la fonction externe à partir de votre SVG? Avez-vous préfixé avec top. ou parent. ?
    • J'ai simplement ajouté onclick="buttonEvent()" (après le test avec une alerte, qui a travaillé). Que dois-je préfixe et où?
    • Essayez d'utiliser onclick="top.buttonEvent()" ou onclick="parent.buttonEvent()" - l'espoir de l'une de ces travaux!
    • Mon erreur. J'ai ajouté avec le parent. et il travaille maintenant. Merci beaucoup!
    • -1, le lien est mort.

    InformationsquelleAutor Mario Menger
  2. 2

    Utiliser javascript de liaison (Mario Menger déjà répondu à la question).

    Si vous ne pouvez pas ou ne voulez pas utiliser la liaison, vous pouvez utiliser ce xil3 répondu avec une modification:

    Utiliser un vide balise d'ancrage <a href="javascript:someFunc()"></a> comme le clic du consommateur. Ensemble de z-index et la position/taille de sorte qu'il positionné au-dessus de l'objet svg (pour la compatibilité inter-navigateur).

    • Merci beaucoup! Votre réponse est ce dont j'ai besoin. Pas toujours, nous avons accès à un fichier svg.
    InformationsquelleAutor Jaroslav Jandek
  3. 0

    Onclick devraient tous être en minuscules.

    <embed src="svg/button.svg" id="buttonEmbed" width="95" height="53" 
type="image/svg+xml" onclick="alert('hello!');"/>
    • Je ne pense pas que cela fonctionne.
    InformationsquelleAutor Tom Gullen