1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Einbinden von HTML und JS in der HeadSection. Event feuert nicht

Dieses Thema im Forum ".NET Web und Kommunikation" wurde erstellt von Bexx, 12. März 2015.

  1. Bexx

    Bexx Verrückte Erfinderin bei Daniel Düsentrieb

    Hi Leute,

    ich habe dem Entwickler vom tutorial für das eigene Tooltip bereits geschrieben und leider noch keine Antwort erhalten. Habt ihr eine Ahnung, warum der Code unten nicht funkt, bzw. er das Event nie feuert?
    Mir kommt die Herangehensweise komisch vor, weil irgendwo werde ich -Tooltip- ja wohl auch einbinden müssen oder nicht? Mir ist bewusst dass der Listener auf dem Tag liegt, trotzdem kommt es mir nicht kosha vor :(

    Konkret geht es um dieses Tag:
    Code (Text):
    1. <img src="help.png" id="HelpSign_main" title="Beispieleinträge:\n„Umschlossene(r) Strahler Firma xyz, Nr. 12345678“\n„Cs-137-Prüfstrahler, Nr. 12345678“, in Bleiabschirmung\n„ECD-Detektor“"
    2. alt="Hilfe" height="15" width="15" onclick="" style="float: right"/>
    ZITIERT:
    Hi there,

    thanks for the well explained tutorial. I tried to recreate your code within an asp.net webpage.
    Well, it's not working at this point and I was wondering if maybe you could help me understand the problem.
    I have altered the HTML-tag select of the : init function in your code, the tip is needed for one tag only.

    So, here goes my code:
    Code (Text):
    1. <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    2.       <script type="text/javascript">
    3.        
    4.          var Tooltip = {
    5.          init : function() {
    6.             var elementOfTooltip = document.getElementById("HelpSign_main"); // I just need a tip for this particular Element
    7.          
    8.             if(elementOfTooltip.title.length) // help text is dynamically generated, so might be empty
    9.             {
    10.                 elementOfTooltip.addEventListener("mouseover", Tooltip.showTip);
    11.                 elementOfTooltip.addEventListener("mouseout", Tooltip.hideTip);                              
    12.             }
    13.          },
    14.          showTip : function(event){
    15.             var tip = document.createElement("span");
    16.             tip.className = "tooltip";    
    17.             tip.innerHTML = event.target.title;
    18.          
    19.             event.target.title = "";
    20.             event.target.appendChild(tip);
    21.             event.target._spanRef = tip;
    22.          },
    23.          hideTip : function(event){
    24.             event.target.title = event.target._spanRef.innerHTML;
    25.             event.target.removeChild(event.target._spanRef);
    26.          };
    27.        
    28.          window.addEventListener("load", Tooltip.init);
    29.        
    30.     </script>
    31.     <style type="text/css">
    32.         .tip
    33.         {
    34.             border: 1px dotted #000;
    35.             background: lightblue;
    36.             color: #fff;
    37.             font-weight:normal;
    38.             padding: 10px;
    39.                      
    40.             position:absolute;
    41.             z-index:1;
    42.             top:30px;
    43.             left:20px;
    44.             width:150px;
    45.          
    46.         }
    47.     </style>
    48. </asp:Content>
    49. // Content Section Example
    50. <asp:Content ID="Content2" ContentPlaceHolderID="Menue" runat="server">
    51.     <dx:ASPxMenu ID="MainMenu" runat="server" Orientation="Vertical" Width="202px">
    52.         <Items>
    53.         </Items>
    54.     </dx:ASPxMenu>
    55. </asp:Content>
    I embedded the code within the head section of my asp.net webpage as you can see,
    asp understands both HTML (up to vs. 4 and descending ) and JS (no framework libs allowed).
    In debug I came to the conclusion that the event is not firing at all.
    Did I miss something?

    Greets and thanks in advance from Germany, yours sincerely, Rebecca
     
Die Seite wird geladen...