<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>bW.developers</title>
	
	<link>http://www.bulgaria-web-developers.com/blog</link>
	<description>Javascript, jQuery, UI, AJAX, DOM, Canvas, HTML5</description>
	<lastBuildDate>Mon, 02 Apr 2012 19:25:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/bwdevelopers" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="bwdevelopers" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Zino – jQuery Slider plugin</title>
		<link>http://www.bulgaria-web-developers.com/blog/2012/04/02/zino-jquery-slider-plugin/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2012/04/02/zino-jquery-slider-plugin/#comments</comments>
		<pubDate>Mon, 02 Apr 2012 19:25:11 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=358</guid>
		<description><![CDATA[Zino is jQuery Slider plugin, image and content slider, banner rotator with slideshow capabilities. Zino has been inspired by jQuery UI source. Require jQuery 1.4.2 or higher. To see demo, examples, how to use and download link, visit Zino project page.]]></description>
			<content:encoded><![CDATA[<p>Zino is jQuery Slider plugin, image and content slider, banner rotator with slideshow capabilities. Zino has been inspired by <a href="http://www.jqueryui.com" title="jQuery UI" target="_blank">jQuery UI</a> source. Require <a href="http://www.jquery.com" title="jQuery" target="_blank">jQuery</a> 1.4.2 or higher. To see demo, examples, how to use and download link, visit <a href="http://www.bulgaria-web-developers.com/projects/javascript/slider/" title="Zino slider | Demo">Zino project</a> page.</p>
<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/slider/"><img alt="Zino slider" src="http://www.bulgaria-web-developers.com/assets/img/projects/web/promo/zino-slider.png" title="Zino - jQuery Slider" class="alignnone" width="622" height="422" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2012/04/02/zino-jquery-slider-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Arkanoid – HTML5 Canvas game</title>
		<link>http://www.bulgaria-web-developers.com/blog/2011/09/20/arkanoid-html5-canvas-game/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2011/09/20/arkanoid-html5-canvas-game/#comments</comments>
		<pubDate>Tue, 20 Sep 2011 17:45:58 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=347</guid>
		<description><![CDATA[Arkanoid &#8211; javascript remake of popular arcade video game in mid 80&#8242;s. Game is built on HTML5 canvas element and is example how to: draw shapes apply styles, colors, gradients animate objects add text add custom events Play Arkanoid]]></description>
			<content:encoded><![CDATA[<p><strong>Arkanoid</strong> &#8211; javascript remake of popular arcade video game in mid 80&#8242;s. Game is built on <strong>HTML5 canvas</strong> element and is example how to:</p>
<ul>
<li>draw shapes</li>
<li>apply styles, colors, gradients</li>
<li> animate objects</li>
<li>add text</li>
<li>add custom events</li>
</ul>
<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/arkanoid/" title="Arkanoid HTML5 game">Play Arkanoid</a><br />
<div id="attachment_349" class="wp-caption alignnone" style="width: 611px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/arkanoid/"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2011/09/arkanoid.png" alt="Arkanoid HTML5 Canvas game" title="Arkanoid - HTML5 game" width="601" height="500" class="size-full wp-image-349" /></a><p class="wp-caption-text">Arkanoid - HTML5 Canvas game</p></div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2011/09/20/arkanoid-html5-canvas-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CalendarJS</title>
		<link>http://www.bulgaria-web-developers.com/blog/2011/06/19/calendarjs/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2011/06/19/calendarjs/#comments</comments>
		<pubDate>Sun, 19 Jun 2011 16:22:29 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=308</guid>
		<description><![CDATA[Javascript Calendar &#038; Datepicker component. Get the code or view demo.]]></description>
			<content:encoded><![CDATA[<p>Javascript Calendar &#038; Datepicker component.<br />
Get the <a href="http://code.google.com/p/calendarjs/" rel="nofollow">code</a> or view <a href="http://www.bulgaria-web-developers.com/projects/javascript/calendar/" title="CalendarJS Demo">demo</a>.</p>
<div id="attachment_309" class="wp-caption alignnone" style="width: 625px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/calendar/"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2011/06/calendarjs.png" alt="CalendarJS" title="calendarjs" width="615" height="219" class="size-full wp-image-309" /></a><p class="wp-caption-text">CalendarJS</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2011/06/19/calendarjs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Selectbox plugin</title>
		<link>http://www.bulgaria-web-developers.com/blog/2011/02/26/jquery-selectbox-plugin/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2011/02/26/jquery-selectbox-plugin/#comments</comments>
		<pubDate>Sat, 26 Feb 2011 09:02:09 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=298</guid>
		<description><![CDATA[Custom select box replacement inspired by jQuery UI source, including full featured API. Get the code or view demo.]]></description>
			<content:encoded><![CDATA[<p>Custom select box replacement inspired by <a href="http://jqueryui.com" rel="nofollow" target="_blank">jQuery UI</a> source, including full featured <abbr title="Application programming interface">API</abbr>.<br />
Get the <a href="https://code.google.com/p/select-box/" rel="nofollow">code</a> or view <a href="http://www.bulgaria-web-developers.com/projects/javascript/selectbox/" title="jQuery Selectbox plugin">demo</a>.</p>
<div id="attachment_301" class="wp-caption alignnone" style="width: 276px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/selectbox/" title="Custom Selectbox replacement"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2011/02/selectbox.png" alt="Selectbox plugin" title="Selectbox" width="266" height="450" class="size-full wp-image-301" /></a><p class="wp-caption-text">jQuery Selectbox plugin</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2011/02/26/jquery-selectbox-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript serialize form</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/09/02/javascript-serialize-form/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/09/02/javascript-serialize-form/#comments</comments>
		<pubDate>Thu, 02 Sep 2010 20:43:40 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=278</guid>
		<description><![CDATA[When you can not use javascript libraries like jQuery, MooTools, Dojo, YUI or Prototype, and their built-in functions, but still want a quick and easy way to serialize forms, you need a function like that one. This is the reason to write this function. Get the code or view demo. function serialize &#40;form&#41; &#123; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>When you can not use javascript libraries like <a href="http://jquery.org" rel="nofollow" target="_blank">jQuery</a>, <a href="http://mootools.net" rel="nofollow" target="_blank">MooTools</a>, <a href="http://www.dojotoolkit.org" rel="nofollow" target="_blank">Dojo</a>, <a href="http://developer.yahoo.com/yui/" rel="nofollow" target="_blank">YUI</a> or <a href="http://www.prototypejs.org" rel="nofollow" target="_blank">Prototype</a>, and their built-in functions, but still want a quick and easy way to serialize forms, you need a function like that one. This is the reason to write this function. Get the <a href="https://code.google.com/p/form-serialize/">code</a> or view <a href="http://www.bulgaria-web-developers.com/projects/javascript/serialize/" title="Javascript form serialize">demo</a>.</p>
<div class="codecolorer-container javascript vibrant" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;height:300px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">function</span> serialize <span style="color: #009900;">&#40;</span>form<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>form <span style="color: #339933;">||</span> form.<span style="color: #660066;">nodeName</span> <span style="color: #339933;">!==</span> <span style="color: #3366CC;">&quot;FORM&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> i<span style="color: #339933;">,</span> j<span style="color: #339933;">,</span> q <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> form.<span style="color: #660066;">elements</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&gt;=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">=</span> i <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">===</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">continue</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">nodeName</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'INPUT'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'text'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'hidden'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'password'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'button'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'reset'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'submit'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'checkbox'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'radio'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">checked</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'file'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'TEXTAREA'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'SELECT'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'select-one'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'select-multiple'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>j <span style="color: #339933;">=</span> form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">options</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">;</span> j <span style="color: #339933;">&gt;=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> j <span style="color: #339933;">=</span> j <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">options</span><span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">selected</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">options</span><span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'BUTTON'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'reset'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'submit'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'button'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> q.<span style="color: #660066;">join</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&amp;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/09/02/javascript-serialize-form/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery Tic Tac Toe game</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/07/24/jquery-tic-tac-toe-game/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/07/24/jquery-tic-tac-toe-game/#comments</comments>
		<pubDate>Sat, 24 Jul 2010 09:59:59 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=272</guid>
		<description><![CDATA[jTTT is javascript Tic Tac Toe game build on jQuery and Raphael JS]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/jttt/" title="jQuery Tic Tac Toe game">jTTT</a> is javascript <strong>Tic Tac Toe</strong> game build on <a href="http://jquery.com" rel="nofollow" target="_blank">jQuery</a> and <a href="http://raphaeljs.com" rel="nofollow" target="_blank">Raphael JS</a></p>
<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/jttt/" title="Tic Tac Toe game"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/07/jttt-demo.png" alt="Tic Tac Toe game" title="Tic Tac Toe game" width="300" height="301" class="alignnone size-full wp-image-274" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/07/24/jquery-tic-tac-toe-game/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jMem – Javascript Memory game</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/07/23/jmem-javascript-memory-game/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/07/23/jmem-javascript-memory-game/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 09:53:42 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=257</guid>
		<description><![CDATA[jMem is Javascript Memory game, written in pure javascript and use canvas with help of Raphael JS.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/jmem/" title="JS Memory game">jMem</a> is Javascript Memory game, written in pure javascript and use canvas with help of <a href="http://raphaeljs.com" title="Raphael - Javascript library" rel="nofollow" target="_blank">Raphael JS</a>.</p>
<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/jmem/" title="Javascript Memory game"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/07/jmem-demo.jpg" alt="Javascript Memory Game" title="jMem - Memory game" width="392" height="392" class="alignnone size-full wp-image-259" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/07/23/jmem-javascript-memory-game/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>jTrack – jQuery Time tracking App</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/05/03/jtrack-jquery-time-tracking/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/05/03/jtrack-jquery-time-tracking/#comments</comments>
		<pubDate>Mon, 03 May 2010 20:26:37 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=228</guid>
		<description><![CDATA[jTrack is simple jQuery Time tracking app, without any use of database, cookies or sessions. Only HTML, CSS, jQuery, DOMCached plugin and jQuery-JSON plugin. Our jQuery time tracking application rely on localStorage, which is a part of the Web Storage specification. jTask works in all modern browsers including Chrome 4+, Firefox 2+, Safari 4+, Opera [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Time tracking" href="http://bulgaria-web-developers.com/projects/javascript/jtrack/">jTrack</a> is simple jQuery Time tracking app, without any use of database, cookies or sessions. Only HTML, CSS, <a rel="nofollow" href="http://www.jquery.com/" target="_blank">jQuery</a>,  <a rel="nofollow" href="http://www.domcached.com/" target="_blank">DOMCached</a> plugin and <a rel="nofollow" href="http://code.google.com/p/jquery-json/" target="_blank">jQuery-JSON</a> plugin. Our jQuery time tracking application rely on localStorage, which is a part of the <a rel="nofollow" href="http://www.w3.org/TR/webstorage/#the-storage-interface" target="_blank">Web Storage</a> specification.</p>
<p>jTask works in all modern browsers including Chrome 4+, Firefox 2+, Safari 4+, Opera 10.5+, IE6+.</p>
<div id="attachment_240" class="wp-caption aligncenter" style="width: 317px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/jtrack/"><img class="size-full wp-image-240" title="logo" src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/05/logo.jpg" alt="jTrack - Time tracking app" width="307" height="115" /></a><p class="wp-caption-text">jTrack - jQuery Time tracking app</p></div>
<div id="attachment_244" class="wp-caption aligncenter" style="width: 242px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/jtrack/"><img class="size-full wp-image-244" title="landing-jtrack" src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/05/landing-jtrack.png" alt="jTrack - Time tracking app" width="232" height="269" /></a><p class="wp-caption-text">jTrack - jQuery Time tracking app</p></div>
<p><strong>Follow me!</strong> <a href="http://twitter.com/bwdevelopers">Twitter</a> | <a href="http://bg.linkedin.com/in/bwdevelopers">LinkedIn</a> | <a href="http://www.bulgaria-web-developers.com/blog/feed/">RSS Feed</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/05/03/jtrack-jquery-time-tracking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jKill – The jQuery Mob game</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/03/31/jkill-the-jquery-mob-game/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/03/31/jkill-the-jquery-mob-game/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 17:04:00 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=218</guid>
		<description><![CDATA[Една игра която бях написал преди месеци, веднага след jZmei &#8211; The jQuery Snake game, но поради ред причини не бях публикувал. Играта е написана на Javascript с помоща на jQuery единствено и само за забавление. Играй jKill &#8211; The jQuery Mob game &#8211; бъди за 5 минути гангстер. Има и експериментална версия за Facebook. [...]]]></description>
			<content:encoded><![CDATA[<p>Една игра която бях написал преди месеци, веднага след <a href="http://www.bulgaria-web-developers.com/projects/javascript/snake/" title="jQuery snake game">jZmei &#8211; The jQuery Snake game</a>, но поради ред причини не бях публикувал.  Играта е написана на <strong>Javascript</strong> с помоща на <strong>jQuery</strong> единствено и само за забавление. Играй <a href="http://www.bulgaria-web-developers.com/projects/javascript/jkill/" title="jQuery Mobster game">jKill &#8211; The jQuery Mob game</a> &#8211; бъди за 5 минути гангстер. Има и експериментална версия за <a href="http://apps.facebook.com/jkillgame/" rel="nofollow" title="jKill във Facebook">Facebook</a>.</p>
<div id="attachment_219" class="wp-caption alignnone" style="width: 120px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/jkill/"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/03/gangster.jpg" alt="jKill" title="jKill - javascript game" width="110" height="170" class="size-full wp-image-219" /></a><p class="wp-caption-text">jKill - javascript game</p></div>
<p>Следвай ме в <a href="http://twitter.com/bwdevelopers">Twitter</a> или се абонирай за моя <a href="http://www.bulgaria-web-developers.com/blog/feed/">RSS Feed</a> за да научиш кога ще има нова версия на jKill играта.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/03/31/jkill-the-jquery-mob-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery FriendURL plugin 1.5</title>
		<link>http://www.bulgaria-web-developers.com/blog/2009/12/30/jquery-seo-friendly-url/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2009/12/30/jquery-seo-friendly-url/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 08:33:01 +0000</pubDate>
		<dc:creator>Dimitar Ivanov</dc:creator>
		
		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=205</guid>
		<description><![CDATA[Излезе нова версия на jQuery FriendURL plugin. Плъгина е подходящ за използване в CMS системи, блогове, форуми и т.н. за образуване на SEO friendly URLs, т.е. разбираеми за търсещите машини връзки (хиперлинкове). В новата версия (1.5) се поддържа транслитерация на българските букви с латински. Какво е транслитерация и какви са нейните вариации вижте в Wikipedia [...]]]></description>
			<content:encoded><![CDATA[<p>Излезе нова версия на <a href="http://www.bulgaria-web-developers.com/projects/javascript/friendurl/" title="jQuery SEO URLs">jQuery FriendURL plugin</a>. Плъгина е подходящ за използване в CMS системи, блогове, форуми и т.н. за образуване на SEO friendly URLs, т.е. разбираеми за търсещите машини връзки (хиперлинкове). В новата версия (1.5) се поддържа транслитерация на българските букви с латински. Какво е транслитерация и какви са нейните вариации вижте в <a href="http://bg.wikipedia.org/wiki/%D0%A2%D1%80%D0%B0%D0%BD%D1%81%D0%BB%D0%B8%D1%82%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D1%8F_%D0%BD%D0%B0_%D0%B1%D1%8A%D0%BB%D0%B3%D0%B0%D1%80%D1%81%D0%BA%D0%B8%D1%82%D0%B5_%D0%B1%D1%83%D0%BA%D0%B2%D0%B8_%D1%81_%D0%BB%D0%B0%D1%82%D0%B8%D0%BD%D1%81%D0%BA%D0%B8" target="_blank" rel="nofollow">Wikipedia</a> и <a href="http://transliteration.mdaar.government.bg/alphabet.php" target="_blank" rel="nofollow">Министерството на държавната администрация и административната реформа</a></p>
<div id="attachment_210" class="wp-caption aligncenter" style="width: 434px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/friendurl/"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2009/12/friendurl-1.5.jpg" alt="jQuery FriendURL plugin" title="jQuery SEO URLs" width="424" height="100" class="size-full wp-image-210" /></a><p class="wp-caption-text">jQuery FriendURL plugin</p></div>
<p>Версия 1.0 вижте <a href="http://www.bulgaria-web-developers.com/blog/2009/03/18/jquery-seo-friendly-url-plugin/">jQuery SEO friendly url plugin</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2009/12/30/jquery-seo-friendly-url/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

