<?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>Blog by Andreas Glaser &#187; JavaScript</title>
	<atom:link href="http://www.andreas-glaser.com/category/development/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.andreas-glaser.com</link>
	<description>Development, Technology and such...</description>
	<lastBuildDate>Wed, 18 May 2011 23:16:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>JaZz Stars &#8211; JavaScript/Ajax Content Rating Class</title>
		<link>http://www.andreas-glaser.com/2009/12/04/jazz-stars-javascriptajax-content-rating-class/</link>
		<comments>http://www.andreas-glaser.com/2009/12/04/jazz-stars-javascriptajax-content-rating-class/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 14:53:33 +0000</pubDate>
		<dc:creator>Andreas Glaser</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Rating]]></category>

		<guid isPermaLink="false">http://www.andreas-glaser.com/?p=494</guid>
		<description><![CDATA[Every once in a while I&#8217;m using one of the freely available JavaScript classes to generate a web2.0ish content rating function. Somehow I felt like creating my own. Of course I don&#8217;t wanna hold it back&#8230; so&#8230; here it is. Enjoy! Features Fully Customizable Ajax Request Callback Lightweight Examples The behavior can be easily changed [...]]]></description>
			<content:encoded><![CDATA[<p>Every once in a while I&#8217;m using one of the freely available JavaScript classes to generate a web2.0ish content rating function. Somehow I felt like creating my own. Of course I don&#8217;t wanna hold it back&#8230; so&#8230; here it is. Enjoy!</p>
<p><strong>Features<br />
</strong></p>
<ul>
<li>Fully Customizable</li>
<li>Ajax Request</li>
<li>Callback</li>
<li>Lightweight</li>
</ul>
<p><strong>Examples</strong><br />
<iframe width="100%" height="300" src="http://andreas-glaser.com/examples/JaZzStars/examples/example.html"/></iframe></p>
<p>The behavior can be easily changed by customizing following parameters</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p494code2'); return false;">View Code</a> JAVASCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p4942"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code" id="p494code2"><pre class="javascript" style="font-family:monospace;">        <span style="color: #003366; font-weight: bold;">var</span> options <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span>
          scale<span style="color: #339933;">:</span> <span style="color: #CC0000;">5</span><span style="color: #339933;">,</span>
          initialValue<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>
          locked<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
&nbsp;
          lockAfterRating<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
          setBackAfterRating<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
&nbsp;
          ID<span style="color: #339933;">:</span> <span style="color: #3366CC;">'example-004'</span><span style="color: #339933;">,</span>
&nbsp;
          ajax<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
          ajaxMethod<span style="color: #339933;">:</span> <span style="color: #3366CC;">'post'</span><span style="color: #339933;">,</span>
          ajaxAction<span style="color: #339933;">:</span> <span style="color: #3366CC;">'ajax-request-processor.php'</span><span style="color: #339933;">,</span>
          ajaxVariable<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Rating'</span><span style="color: #339933;">,</span>
          ajaxAdditional<span style="color: #339933;">:</span> <span style="color: #3366CC;">'&amp;amp;OptionalVar=123'</span><span style="color: #339933;">,</span>
&nbsp;
          callFunction<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
          callFunctionName<span style="color: #339933;">:</span> <span style="color: #3366CC;">'callbackExample'</span><span style="color: #339933;">,</span>
&nbsp;
          starFilled<span style="color: #339933;">:</span> <span style="color: #3366CC;">'../images/star-2-filled.png'</span><span style="color: #339933;">,</span>
          starEmpty<span style="color: #339933;">:</span> <span style="color: #3366CC;">'../images/star-2-empty.png'</span>
        <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">new</span> JaZzStars<span style="color: #009900;">&#40;</span>options<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><strong>Download</strong><br />
Note: There is a file embedded within this post, please visit this post to download the file.</p>
<p><strong>Changelog</strong>:<br />
2009-12-04 &#8211; 1.0.1</p>
<ul>
<li>Minor fixes</li>
</ul>
<p>2009-12-04 &#8211; 1.0</p>
<ul>
<li>Initial Release</li>
</ul>
<fb:like href='http://www.andreas-glaser.com/2009/12/04/jazz-stars-javascriptajax-content-rating-class/' send='' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like>]]></content:encoded>
			<wfw:commentRss>http://www.andreas-glaser.com/2009/12/04/jazz-stars-javascriptajax-content-rating-class/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio &#8211; Ajax/PHP Navigation Guide for renowned Clinic</title>
		<link>http://www.andreas-glaser.com/2008/11/04/portfolio-ajaxphp-navigation-guide-for-renowned-clinic/</link>
		<comments>http://www.andreas-glaser.com/2008/11/04/portfolio-ajaxphp-navigation-guide-for-renowned-clinic/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 14:52:38 +0000</pubDate>
		<dc:creator>Andreas Glaser</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[My Portfolio]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Various]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[PHP5]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.andreas-glaser.com/?p=262</guid>
		<description><![CDATA[Navigation Guide written in JavaScript/Ajax/PHP My order was to develop a navigation guide which should help the visitors to discover the most important content of a website. This &#8220;NaviGuide&#8221; had to be realized as JavaScript/Ajax/CSS pop up on the fact that much users are using pop up blocker. This NaviGuide runs since 24.July 2008 at [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-263" title="portfolio" src="http://www.andreas-glaser.com/wp-content/uploads/2008/11/portfolio.png" alt="" width="463" height="69" /></p>
<p><strong>Navigation Guide written in JavaScript/Ajax/PHP</strong></p>
<p>My order was to develop a navigation guide which should help the visitors to discover the most important content of a website. This &#8220;NaviGuide&#8221; had to be realized as JavaScript/Ajax/CSS pop up on the fact that much users are using pop up blocker.</p>
<div class="ngg-galleryoverview" id="ngg-gallery-8-262">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="http://www.andreas-glaser.com/2008/11/04/portfolio-ajaxphp-navigation-guide-for-renowned-clinic/?show=slide">
			[Show as slideshow]		</a>
	</div>

	
	<!-- Thumbnails -->
		
	<div id="ngg-image-53" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/navuguide.png" title=" " class="shutterset_set_8" >
								<img title="navuguide.png" alt="navuguide.png" src="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/thumbs/thumbs_navuguide.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-54" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/naviguide.png" title=" " class="shutterset_set_8" >
								<img title="naviguide.png" alt="naviguide.png" src="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/thumbs/thumbs_naviguide.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-55" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/naviguide-004.png" title=" " class="shutterset_set_8" >
								<img title="naviguide-004.png" alt="naviguide-004.png" src="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/thumbs/thumbs_naviguide-004.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-56" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/naviguide-003.png" title=" " class="shutterset_set_8" >
								<img title="naviguide-003.png" alt="naviguide-003.png" src="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/thumbs/thumbs_naviguide-003.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-57" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/naviguide-002.png" title=" " class="shutterset_set_8" >
								<img title="naviguide-002.png" alt="naviguide-002.png" src="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/thumbs/thumbs_naviguide-002.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-58" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/naviguide-001.png" title=" " class="shutterset_set_8" >
								<img title="naviguide-001.png" alt="naviguide-001.png" src="http://www.andreas-glaser.com/wp-content/gallery/jazznaviguide/thumbs/thumbs_naviguide-001.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

<p>This NaviGuide runs since 24.July 2008 at <a title="http://www.stz-baden-baden.de" href="http://www.stz-baden-baden.de">www.stz-baden-baden.de</a> implemented in the well known Content Managment System &#8220;Joomla&#8221;.</p>
<fb:like href='http://www.andreas-glaser.com/2008/11/04/portfolio-ajaxphp-navigation-guide-for-renowned-clinic/' send='' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like>]]></content:encoded>
			<wfw:commentRss>http://www.andreas-glaser.com/2008/11/04/portfolio-ajaxphp-navigation-guide-for-renowned-clinic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

