<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Lars Schenk &#187; Javascript</title>
	<atom:link href="http://lars-schenk.com/tag/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://lars-schenk.com</link>
	<description>IT-Services :: Software-Development since 1980 :: Freelancer since 1988</description>
	<lastBuildDate>Thu, 18 Feb 2010 23:42:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Lively Kernel &#8211; interessante Spielerei oder &#8230; ?</title>
		<link>http://lars-schenk.com/lively-kernel-interessante-spielerei-oder/155</link>
		<comments>http://lars-schenk.com/lively-kernel-interessante-spielerei-oder/155#comments</comments>
		<pubDate>Sat, 06 Oct 2007 22:13:33 +0000</pubDate>
		<dc:creator>Lars Schenk</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[Air]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Lively]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[SVG]]></category>

		<guid isPermaLink="false">http://lars-schenk.com/lively-kernel-interessante-spielerei-oder/155</guid>
		<description><![CDATA[Sun hat Lively vorgestellt und es liest sich interessant:
The Sun Labs Lively Kernel is a novel web programming environment developed by Project Flair at Sun Labs. The main goal of the Lively Kernel is to bring the same kind of simplicity, generality and flexibility to web programming that we have known in desktop programming for [...]]]></description>
			<content:encoded><![CDATA[<p>Sun hat <a href="http://research.sun.com/projects/lively/">Lively</a> vorgestellt und es liest sich interessant:</p>
<blockquote><p>The Sun Labs Lively Kernel is a novel web programming environment developed by Project Flair at Sun Labs. The main goal of the Lively Kernel is to bring the same kind of simplicity, generality and flexibility to web programming that we have known in desktop programming for thirty years, but without the installation and upgrade hassles than conventional desktop applications have.</p>
<p>Motivation<br />
The Lively Kernel places a special emphasis on treating web applications as real applications, as opposed to the document-oriented nature of most web applications today. In general, we want to put programming into web development, as opposed to the current weaving of HTML, XML and CSS documents that is also sometimes referred to as programming.<br />
A key difference between the Lively Kernel and other systems in the same area is our focus on uniformity. Our goal is to build a platform using a minimum number of underlying technologies. This is in contrast with many current web technologies that utilize a diverse array of technologies such as HTML, CSS, DOM, JavaScript, PHP, XML, and so on. In the Lively Kernel we attempt to do as much as possible using a single technology: JavaScript. We have chosen JavaScript primarily because of its ubiquitous availability in the web browsers today and because of its syntactic similarity to other highly popular languages such as C, C++ and Java. However, we also want to leverage the dynamic aspects of JavaScript, especially the ability to modify applications at runtime. Such capabilities are an essential ingredient in building a malleable web programming environment that allows applications to be developed interactively and collaboratively.</p></blockquote>
<p>Schon interessant, was man heute mit ein &#8220;bischen&#8221; (10.000 Zeilen) LiveScript (heute auch als JavaScript bekannt <img src='http://lars-schenk.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> ) und <a href="http://de.wikipedia.org/wiki/Scalable_Vector_Graphics">SVG</a> anstellen kann. Gegenüber den kommerziellen Technologien wie <a href="http://labs.adobe.com/technologies/air/">Adobe Air</a> oder <a href="http://de.wikipedia.org/wiki/Silverlight">Microsoft Silverlight</a> (die beide ein Plugin benötigen im Gegensatz zu Lively) wirkt das alles natürlich noch wie ein sehr unausgereiftes Spielzeug. Aber vielleicht hat Lively ja das Potential, das einst LiveScript entwickelt hat&#8230; Es ist GPL Version 2, nutzt offene Standards und  kommt mit einer sympatischen Bescheidenheit daher (&#8220;it must be understood that the Lively Kernel is an experiment and a research environment in its early stages, and at this point it is probably more appropriate for students, computing enthusiasts and even children than for, e.g., commercial web site designers.&#8221;) dass es einfach zum Experimentieren einlädt.</p>
]]></content:encoded>
			<wfw:commentRss>http://lars-schenk.com/lively-kernel-interessante-spielerei-oder/155/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Smarter SweetTitles &#8211; JavaScript Fading Tooltips adjusted</title>
		<link>http://lars-schenk.com/sweettitles-fading-tooltips/74</link>
		<comments>http://lars-schenk.com/sweettitles-fading-tooltips/74#comments</comments>
		<pubDate>Fri, 10 Nov 2006 01:51:36 +0000</pubDate>
		<dc:creator>Lars Schenk</dc:creator>
				<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[tech-recipes]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.lars-schenk.com/sweettitles-fading-tooltips/74</guid>
		<description><![CDATA[Dustin Diaz hat mit SweetTitles eine sehr elegante Lösung zur verbesserten Darstellung von Tooltips erstellt. Ich habe das JavaScript jetzt mal probeweise auch auf dieser Site eingesetzt und dabei  noch mal ein klein wenig an meine Bedürfnisse angepasst. 
Zum einen unterdrücke ich die stets erfolgende Ausgabe des Protokoll-Prefix "http://". Die so gewonnen 7 Zeichen [...]]]></description>
			<content:encoded><![CDATA[<p>Dustin Diaz hat mit <a href="http://www.dustindiaz.com/sweet-titles" rel="external" title="SweetTitles verbessert die Darstellung von Tooltips">SweetTitles</a> eine sehr elegante Lösung zur verbesserten Darstellung von Tooltips erstellt. Ich habe das JavaScript jetzt mal probeweise auch auf dieser Site eingesetzt und dabei  noch mal ein klein wenig an meine Bedürfnisse angepasst. <span id="more-74"></span></p>
<p>Zum einen unterdrücke ich die stets erfolgende Ausgabe des Protokoll-Prefix "http://". Die so gewonnen 7 Zeichen schlage ich auf die URL-Ausgabe drauf, so das ich statt 25 Zeichen nun 32 Zeichen der URL anzeigen kann. Ferner unterdrücke ich die URL-Ausgabe ganz, wenn die URL "meine" Domain oder "static.flickr." oder "javascript:" enthält. Es sieht einfach eleganter aus, wenn eine URL nur dann angezeigt wird, wenn es sich um einen externen Link handelt. Das Unterdrücken der URL-Ausgabe bei Vorhandensein von "JavaScript:" sorgt dafür das Items, die mit JavaScript belegt sind nicht mit einem SweetTitle versehen werde. Gerade bei aufklappbaren Listen (z.B. Kategorieliste per WP-dTree) würde es andernfalls sehr störend wirken.   </p>
<p>Da im Original immer eine URL ausgegben wird, gibt es auch immer einen Tooltipp. Bei meiner Variante kann es nun aber vorkommen, dass die URL nicht ausgeben wird. Wenn dann nun noch der Tooltipp leer ist, muss das natürlich erkannt werden so dass in diesem Fall kein Tooltipp ausgeben wird.</p>
<p>Folgende kleine Änderungen am Quellcode /wp-content/themes/#your_theme_name#/js/sweetTitles.js sorgen für dieses geänderte Verhalten:</p>
<div class="igBar"><span id="ljava-2"><a href="#" onclick="javascript:showPlainTxt('java-2'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVA:</span>
<div id="java-2">
<div class="java">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #808080; font-style: italic;">//...</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;tipShow : function<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; var scrX = <a href="http://www.google.com/search?q=allinurl%3ANumber+java.sun.com&amp;bntl=1"><span style="color: #aaaadd; font-weight: bold;">Number</span></a><span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">xCord</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; var scrY = <a href="http://www.google.com/search?q=allinurl%3ANumber+java.sun.com&amp;bntl=1"><span style="color: #aaaadd; font-weight: bold;">Number</span></a><span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">yCord</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; var tp = parseInt<span style="color: #66cc66;">&#40;</span>scrY+<span style="color: #cc66cc;color:#800000;">15</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; var lt = parseInt<span style="color: #66cc66;">&#40;</span>scrX+<span style="color: #cc66cc;color:#800000;">10</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; var anch = <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">checkNode</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; var addy = <span style="color: #ff0000;">''</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; var access = <span style="color: #ff0000;">''</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> anch.<span style="color: #006600;">nodeName</span>.<span style="color: #006600;">toLowerCase</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> == <span style="color: #ff0000;">'a'</span> <span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; addy = <span style="color: #66cc66;">&#40;</span>anch.<span style="color: #006600;">href</span>.<span style="color: #006600;">length</span>&gt; <span style="color: #cc66cc;color:#800000;">32</span> ? anch.<span style="color: #006600;">href</span>.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">substring</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;color:#800000;">0</span>,<span style="color: #cc66cc;color:#800000;">32</span><span style="color: #66cc66;">&#41;</span>+<span style="color: #ff0000;">"..."</span> : anch.<span style="color: #006600;">href</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; addy = addy.<span style="color: #006600;">replace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'http://'</span>,<span style="color: #ff0000;">''</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> !addy.<span style="color: #006600;">search</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'lars-schenk.'</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> addy = <span style="color: #ff0000;">''</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> !addy.<span style="color: #006600;">search</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'static.flickr.'</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> addy = <span style="color: #ff0000;">''</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> !addy.<span style="color: #006600;">search</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'javascript:'</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> addy = <span style="color: #ff0000;">''</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var access = <span style="color: #66cc66;">&#40;</span> anch.<span style="color: #006600;">accessKey</span> ? <span style="color: #ff0000;">' &lt;span&gt;['</span>+anch.<span style="color: #006600;">accessKey</span>+<span style="color: #ff0000;">']&lt;/span&gt; '</span> : <span style="color: #ff0000;">''</span> <span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; addy = anch.<span style="color: #006600;">firstChild</span>.<span style="color: #006600;">nodeValue</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">innerHTML</span> = <span style="color: #ff0000;">"&lt;p&gt;"</span>+anch.<span style="color: #006600;">getAttribute</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'tip'</span><span style="color: #66cc66;">&#41;</span>+<span style="color: #ff0000;">"&lt;em&gt;"</span>+access+addy+<span style="color: #ff0000;">"&lt;/em&gt;&lt;/p&gt;"</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> parseInt<span style="color: #66cc66;">&#40;</span>document.<span style="color: #006600;">documentElement</span>.<span style="color: #006600;">clientWidth</span>+document.<span style="color: #006600;">documentElement</span>.<span style="color: #006600;">scrollLeft</span><span style="color: #66cc66;">&#41;</span> &lt;parseInt<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">offsetWidth</span>+lt<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">style</span>.<span style="color: #006600;">left</span> = parseInt<span style="color: #66cc66;">&#40;</span>lt-<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">offsetWidth</span>+<span style="color: #cc66cc;color:#800000;">10</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>+<span style="color: #ff0000;">'px'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">style</span>.<span style="color: #006600;">left</span> = lt+<span style="color: #ff0000;">'px'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> parseInt<span style="color: #66cc66;">&#40;</span>document.<span style="color: #006600;">documentElement</span>.<span style="color: #006600;">clientHeight</span>+document.<span style="color: #006600;">documentElement</span>.<span style="color: #006600;">scrollTop</span><span style="color: #66cc66;">&#41;</span> &lt;parseInt<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">offsetHeight</span>+tp<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">style</span>.<span style="color: #006600;">top</span> = parseInt<span style="color: #66cc66;">&#40;</span>tp-<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">offsetHeight</span>+<span style="color: #cc66cc;color:#800000;">10</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>+<span style="color: #ff0000;">'px'</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">style</span>.<span style="color: #006600;">top</span> = tp+<span style="color: #ff0000;">'px'</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>addy || anch.<span style="color: #006600;">getAttribute</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'tip'</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">style</span>.<span style="color: #006600;">visibility</span> = <span style="color: #ff0000;">'visible'</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tip</span>.<span style="color: #006600;">style</span>.<span style="color: #006600;">opacity</span> = <span style="color: #ff0000;">'.1'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006600;">tipFade</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;color:#800000;">10</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #808080; font-style: italic;">//... </span></div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Bekannte Probleme:<br />
Wenn SweetTitles ein Title-Attribut in einem Anchor-Tag rendert, welches um ein Image-Tag gelegt ist, un dieses Image-Tag ein Alt-Tag enthält, so wird beim IE der intrinsinc Tooltipp zusätzlich zum SweetTitle-Tooltipp gerendert. Daher sollten bei einem verlinkten Image-Tag das ALT-Attribut stets mit <i>alt=""</i> angegeben werde.</p>
]]></content:encoded>
			<wfw:commentRss>http://lars-schenk.com/sweettitles-fading-tooltips/74/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
