Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Duddle" data-source="post: 2108946" data-attributes="member: 17775">AW: Tooltip will nicht...[CODE]tip[e.target.alt?&#039;show&#039;:&#039;hide&#039;]().html(tip.alt = e.target.alt);[/CODE]Was soll diese Zeile ausdrücken / bewirken?Edit: okay, hab es verstanden. Es hilft wirklich ungemein, wenn du kein Codegolf betreibst wenn du nach Hilfe fragst.Edit2: hab es etwas auseinanderklamüsert und die Getter benutzt, ansonsten die Logik aber nicht verändert. Bei mir funktioniert es:[HTML]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;Page Title&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script src=&quot;js/jquery.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .tip{position:absolute;z-index:99;top:-99px;left:0;background:#404040;padding:5px 10px;color:#eee;font-size:1.3em;border-radius:3px}&nbsp; &nbsp; &nbsp; &nbsp; &lt;/style&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; charset=&quot;utf-8&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(document).ready(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var tip = $(&#039;&lt;div&gt;&#039;).addClass(&#039;tip&#039;).appendTo(&#039;body&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;div.folio&#039;).on(&#039;mousemove&#039;, function(e){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var eAlt = e.target.getAttribute(&quot;alt&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var tAlt = tip.attr(&quot;alt&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(eAlt != tAlt) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tip.attr(&quot;alt&quot;, eAlt);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; eAlt ? tip.show() : tip.hide();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tip.html(eAlt);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(tAlt) tip.css({left: e.pageX+15, top: e.pageY+15});&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;folio&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;a alt=&quot;Hallo Welt&quot; title=&quot;&quot; rel=&quot;Hallo Welt&quot; href=&quot;#&quot;&gt;Hallo&lt;/a&gt;&lt;br&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;a title=&quot;&quot; rel=&quot;Hallo Welt&quot; href=&quot;#&quot;&gt;Welt&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/HTML]Duddle</blockquote>

[QUOTE="Duddle, post: 2108946, member: 17775"] [b]AW: Tooltip will nicht...[/b] [CODE]tip[e.target.alt?'show':'hide']().html(tip.alt = e.target.alt);[/CODE] Was soll diese Zeile ausdrücken / bewirken? Edit: okay, hab es verstanden. Es hilft wirklich ungemein, wenn du kein Codegolf betreibst wenn du nach Hilfe fragst. Edit2: hab es etwas auseinanderklamüsert und die Getter benutzt, ansonsten die Logik aber nicht verändert. Bei mir funktioniert es: [HTML] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Page Title</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <style type="text/css" media="screen"> .tip{position:absolute;z-index:99;top:-99px;left:0;background:#404040;padding:5px 10px;color:#eee;font-size:1.3em;border-radius:3px} </style> <script type="text/javascript" language="javascript" charset="utf-8"> $(document).ready(function() { var tip = $('<div>').addClass('tip').appendTo('body'); $('div.folio').on('mousemove', function(e){ var eAlt = e.target.getAttribute("alt"); var tAlt = tip.attr("alt"); if(eAlt != tAlt) { tip.attr("alt", eAlt); eAlt ? tip.show() : tip.hide(); tip.html(eAlt); } if(tAlt) tip.css({left: e.pageX+15, top: e.pageY+15}); }); }); </script> </head> <body> <div class="folio"> <a alt="Hallo Welt" title="" rel="Hallo Welt" href="#">Hallo</a> <a title="" rel="Hallo Welt" href="#">Welt</a> </div> </body> </html> [/HTML] Duddle [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?