HTML Tag im <a> title

  • JavaScript

Es gibt 5 Antworten in diesem Thema. Der letzte Beitrag () ist von slice.

    HTML Tag im <a> title

    Hey ho,

    ich habe folgendes Problem:

    Ich lasse per JQuery den Inhalt eines Div´s verändern.

    Quellcode

    1. $( "tooltip" ).html( "<a href='#' title='<img class="tooltip" src="tooltip.png">'><img class='hover_img' src='bild.png' ></a>" );


    Der Hintergrund ist der, das ich bei bestimmten Voraussetzungen ein Bild anzeigen möchten und wenn man dort mit der Maus drüber fährt das ein Tooltip (Stichwort tooltipster) erscheint. Das Image zum drüber fahren wird angezeigt, allerdings nicht mein Tooltip.
    Habe es auch schon mit Firebug kontrolliert.

    Im <a> wird der Title nicht ausgegeben, diesen brauche ich aber , da dieser mir den Tooltip anzeigen soll.

    Ich vermute es hat etwas mit den " & ' zutun hat

    Vielleicht kann mir ja jemand helfen.

    Danke schon mal im voraus.
    Mal eine andere Signatur ;)

    Quellcode

    1. <a href="#"><img class="hover_img" src="bild.png" title="some Text"></a>
    Der a-Tag besitzt keine Attribut names "title"! w3schools.com/tags/tag_a.asp
    Erklär mal vernünftig was du überhaupt vor hast.

    Ich denke das ich mich schon recht deutlich ausgedrückt habe was ich machen möchte.

    Tooltipster Punkt 4.

    Dort wird dem <a> ein Title Tag verpasst und das ist auch Korrekt so, da es ein Universalattribute ist.

    und Selbst wenn das <a> Tag keinen Title hätte, könnte man mein anliegen auf andere HTML Tags anwenden.
    Mal eine andere Signatur ;)

    @slice:

    http://www.w3schools.com/tags/tag_a.asp schrieb:

    The <a> tag also supports the Global Attributes in HTML.


    @ThunderFrog:
    Versuch es mal so:

    HTML-Quellcode

    1. <head>
    2. <!-- Als erstes alles Laden -->
    3. <link rel="stylesheet" type="text/css" href="css/tooltipster.css" />
    4. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js">
    5. </script> <script type="text/javascript" src="js/jquery.tooltipster.min.js"></script>
    7. <!-- Dann tooltipster aktivieren -->
    8. <script>
    9. $(document).ready(function() {
    10. $('.tooltip').tooltipster();
    11. } );
    12. </script>
    14. </head>
    16. <body>
    17. <a href="#" class="tooltip" title="<img src='my-image.png' width='100' height='100' /> Here is an image and <b>bold text!</b>">Link</a>
    18. </body>


    Das wäre genauso wie auf der von dir verlinkten Seite. Und Eigenschaften vielleich per normalen JavaScript verändern.
    Grüße,
    Lukas

    Fragen über Themen im Forum per Konversation werden gelöscht und die Absender blockiert...

    @ThunderFrog:

    Tooltipster schrieb:

    make sure to set specific width and height attributes (and use single quotes when setting attributes):


    MFG

    Alex-Digital
    ~ Alex-Digital :D

    if(!Internet.VBP.Get<User>("Alex-Digital").IsOnline) this.Close(); :D

    Uch tatsache! Das ist also ein globales Attribut. Danke!
    Ich finde nicht das du dich deutlich ausgedrückt hast - ich weiß nicht ob du das Beispiel "Fixed width, position, & HTML" (lt. Code würde es passen) oder "Attach tooltips to icons" (würde nach der Beschreibung von dir passen) meinst. Deswegen hier beide als Beispiel: jsbin.com/eLaZovi/1/edit