<?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>Working Beta &#187; Javascript</title>
	<atom:link href="http://seeds.workingbeta.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://seeds.workingbeta.com</link>
	<description>a bounch of nearly working code</description>
	<lastBuildDate>Wed, 10 Feb 2010 21:25:11 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Working Circular Carousel with JCarousel</title>
		<link>http://seeds.workingbeta.com/2009/09/10/working-circular-carousel-with-jcarousel/</link>
		<comments>http://seeds.workingbeta.com/2009/09/10/working-circular-carousel-with-jcarousel/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 10:02:42 +0000</pubDate>
		<dc:creator>gc</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[circular]]></category>
		<category><![CDATA[jcarousel]]></category>

		<guid isPermaLink="false">http://seeds.workingbeta.com/?p=55</guid>
		<description><![CDATA[I recently started to work with other JS framework such as MooTools and Juery. I must admit that they are far superior both in quality and quantity of additional modules that can be easily added in your projects.
One of those really useful elements is &#8216;jcarousel&#8217;, wich you should know [I mean, if you came here [...]]]></description>
			<content:encoded><![CDATA[<p>I recently started to work with other JS framework such as MooTools and Juery. I must admit that they are far superior both in quality and quantity of additional modules that can be easily added in your projects.</p>
<p>One of those really useful elements is &#8216;jcarousel&#8217;, wich you should know [I mean, if you came here from google searching for a '<a href="http://sorgalla.com/projects/jcarousel/examples/special_circular.html">working circular carousel</a>'!!!] but lack of a full support for circular carousel.<br />
The example in the official document needs the content loaded on-the-fly, not covering the most usual case, where the content is put into the markup [&lt;ul&gt; &lt;li&gt; sequence] and I found nowere a working example for such case. Since I had to figure i out how to make it work for a project I recently come across, <a href="http://www.workingbeta.com/seeds/circular.carousel.zip">here</a> you go.</p>
<p>The idea is quite basic: you use the callback functions to create on the fly elements that you put in the hidden area before starting the animation; the only thing I changed respect the original example is that i use the jcarousel.get() method to get the content from the existing list instead of getting it from WWW, I also added auto start, pager and other nice features, but of course your need may be different.</p>
<p>make good use of this one!!</p>
]]></content:encoded>
			<wfw:commentRss>http://seeds.workingbeta.com/2009/09/10/working-circular-carousel-with-jcarousel/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Resizable HTML elements</title>
		<link>http://seeds.workingbeta.com/2009/06/05/resizable-html-elements/</link>
		<comments>http://seeds.workingbeta.com/2009/06/05/resizable-html-elements/#comments</comments>
		<pubDate>Fri, 05 Jun 2009 13:47:46 +0000</pubDate>
		<dc:creator>gc</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Seeds]]></category>
		<category><![CDATA[Add new tag]]></category>
		<category><![CDATA[Element]]></category>
		<category><![CDATA[handlers]]></category>
		<category><![CDATA[resize]]></category>

		<guid isPermaLink="false">http://seeds.workingbeta.com/?p=53</guid>
		<description><![CDATA[So, first elements of a visual interface ar draggable/resizable interface elements.
I decided to extend Prototype Element&#8217;s properties so that it can become really easy to add resize handlers to a given element. The code is fully working, thoug some extra features still need some tweaking. you can have 1 to 8 handlers, a callback fired [...]]]></description>
			<content:encoded><![CDATA[<p>So, first elements of a visual interface ar draggable/resizable interface elements.</p>
<p>I decided to extend Prototype Element&#8217;s properties so that it can become really easy to add resize handlers to a given element. The code is fully working, thoug some extra features still need some tweaking. you can have 1 to 8 handlers, a callback fired up upon the end of the resizing process, and a snap function [here i just copy/pasted scriptaculous code...].</p>
<p>what&#8217;s is still missing is:</p>
<ul>
<li>a better templating system for the handlers</li>
<li>better handling for elements; you can resize a TD element, but the table remains somewhat corrupted [I know were to fix it, but i just have soo many things to do]</li>
<li>complete the &#8216;mode&#8217; selector, just like you jave in Osx, XP, Kde, you can choose wether resize the original element or a copy [or a wireframed div]</li>
</ul>
<p>code is <a href="http://www.workingbeta.com/seeds/HtmlResizer.zip">here</a>, shall anyone like to jelp me finishing it, you&#8217;re welcome</p>
<p>Well, after all I think it&#8217;s really time to start writing some real stuff for my [our?!] visual IDE for webapps, so stay tuned and expect news in short time</p>
<p>Update: a really better method to&#8217; resize element is by using jqueryui classes, so update tour bookmarks. </p>
]]></content:encoded>
			<wfw:commentRss>http://seeds.workingbeta.com/2009/06/05/resizable-html-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Javascript 3D Tag Cloud</title>
		<link>http://seeds.workingbeta.com/2009/05/22/a-javascript-3d-tag-cloud/</link>
		<comments>http://seeds.workingbeta.com/2009/05/22/a-javascript-3d-tag-cloud/#comments</comments>
		<pubDate>Fri, 22 May 2009 20:03:10 +0000</pubDate>
		<dc:creator>gc</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Seeds]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[javascript 3d]]></category>
		<category><![CDATA[Tag cloud]]></category>

		<guid isPermaLink="false">http://seeds.workingbeta.com/?p=51</guid>
		<description><![CDATA[I know everyone, at least once in his blogging life, installed WP Cumulus, the worldwide known plugin showing a shiny 3D tag cloud. In fact, nearly no one has eve used dimple javascript to create somethin like this, mostly because it seems to be quite useles, but also because, beside this, ther&#8217;s really near no [...]]]></description>
			<content:encoded><![CDATA[<p>I know everyone, at least once in his blogging life, installed <a href="http://wordpress.org/extend/plugins/wp-cumulus/" target="_blank">WP Cumulus</a>, the worldwide known plugin showing a shiny 3D tag cloud. In fact, nearly no one has eve used dimple javascript to create somethin like this, mostly because it seems to be quite useles, but also because, beside this, ther&#8217;s really near no need for this kind of objects.</p>
<p>if yout blog really needs this kind of applet, well, it doesn&#8217;t really matters wether it is a <strong>3d javascript</strong> object or a flash movie.</p>
<p>The only odd in the mentioned plugin is that you loose SEO opportunities, so, if you really, really, really, really want to try such thing, i&#8217;ve just come with a nearly fully functional  HTML only version of tht object. Just create your usual &lt;ul&gt;&lt;li&gt; assign them the specific class (I&#8217;ll give you a hint&#8230; &#8220;tagcloud&#8221;) and call the proper constructor&#8230; on the mouseover all of youtr cloud will start to move around your layer.<br />
There&#8217;s of course place to soo many customisazione, and the <strong>3D </strong>functions that I&#8217;m using are still not perfect, so, if you come with a better version than <a href="http://www.workingbeta.com/seeds/HtmlTagCloud.zip">mine</a>, please let me know.</p>
<p>Update: after 6 onths from the original post, this is still the most visited btween all the other [5] post composing this blog. It makes me wonder if a <strong>javascript 3d</strong> library would be wellcome. something like a Prototype class or evena Jquery UI class&#8230; with a bit of tweaking and a little amount of css programming real fake <strong>3d</strong> GUI elements could be created&#8230;</p>
<p>In the [real little] spare time I can give to this blog, I will try to create such library.</p>
]]></content:encoded>
			<wfw:commentRss>http://seeds.workingbeta.com/2009/05/22/a-javascript-3d-tag-cloud/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>ready&#8230; set&#8230; go!</title>
		<link>http://seeds.workingbeta.com/2009/05/14/ready-set-go/</link>
		<comments>http://seeds.workingbeta.com/2009/05/14/ready-set-go/#comments</comments>
		<pubDate>Thu, 14 May 2009 18:44:22 +0000</pubDate>
		<dc:creator>gc</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Mysql]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[IDE]]></category>
		<category><![CDATA[RAD]]></category>
		<category><![CDATA[VISUAL PHP]]></category>

		<guid isPermaLink="false">http://seeds.workingbeta.com/?p=49</guid>
		<description><![CDATA[Hi all,
so much time since my last post! I&#8217;ve been involved into so many interesting projects that I could&#8217;t even login.
In the meantime a brand new side project idea is born.. All stats looking at the bleeding edge of the CMS/CMR/Framework panorama that I&#8217;ve encountered in the last month. None of them is really well [...]]]></description>
			<content:encoded><![CDATA[<p>Hi all,<br />
so much time since my last post! I&#8217;ve been involved into so many interesting projects that I could&#8217;t even login.</p>
<p>In the meantime a brand new side project idea is born.. All stats looking at the bleeding edge of the CMS/CMR/Framework panorama that I&#8217;ve encountered in the last month. None of them is really well suite for rapid application developement in  L(W)AMP environments. What is missing actually is a real visual IDE that fits into your browsers, and helps you deploy a consisten, secure, fast paced application starting from a simple set of tables/relations.</p>
<p>Something like the old visual basic stuff, but integrated with all the latest AJAX widgets and user experience. why should people still develop every single template/form/interface instead of simply concentrate in business logic?</p>
<p>so stay tuned, first lines of code are ready, as usual with prototype &amp; usual suspects in the frontline.<br />
I will publish one module/element/schema/idea per week, any help is greatly appreciated!!</p>
]]></content:encoded>
			<wfw:commentRss>http://seeds.workingbeta.com/2009/05/14/ready-set-go/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>fast Ajax reloaded</title>
		<link>http://seeds.workingbeta.com/2009/01/26/fast-ajax-reloaded/</link>
		<comments>http://seeds.workingbeta.com/2009/01/26/fast-ajax-reloaded/#comments</comments>
		<pubDate>Mon, 26 Jan 2009 11:59:54 +0000</pubDate>
		<dc:creator>gc</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[event-observer]]></category>
		<category><![CDATA[fast ajax]]></category>

		<guid isPermaLink="false">http://seeds.workingbeta.com/?p=46</guid>
		<description><![CDATA[just like my previous script, but with a neat support for &#60;form&#62; tags.
As previous script did, just add TARGET attribute with the ID of your AJAX target.
window.onload=function(){
Event.observe(document.body, &#8216;click&#8217;, function(event) {
var element = Event.element(event);
if (&#8217;A&#8217; == element.tagName){
if ($(element.target) != undefined){
new Ajax.Updater(element.target,element.href,
{method:&#8221;post&#8221;,evalscripts:true})
Event.stop(event);
}
}
});
formz=document.getElementsByTagName(&#8221;form&#8221;);
for (i=0;i&#60;formz.length;i++){
if ( formz[i].target!=undefined &#38;&#38; formz[i].id!= &#8220;&#8221;){
el=formz[i].id
tar=formz[i].target
Event.observe(formz[i].id, &#8217;submit&#8217;, function(event) {
$(el).request({
onSuccess: function(t) {
$(tar).update(t.responseText);
}
})
});
}
}
}
]]></description>
			<content:encoded><![CDATA[<p>just like my <a href="http://seeds.workingbeta.com/2008/11/19/fast-iframe-like-ajax-implementation/">previous</a> script, but with a neat support for &lt;form&gt; tags.<br />
As previous script did, just add TARGET attribute with the ID of your AJAX target.</p>
<p>window.onload=function(){<br />
Event.observe(document.body, &#8216;click&#8217;, function(event) {<br />
var element = Event.element(event);<br />
if (&#8217;A&#8217; == element.tagName){<br />
if ($(element.target) != undefined){<br />
new Ajax.Updater(element.target,element.href,<br />
{method:&#8221;post&#8221;,evalscripts:true})<br />
Event.stop(event);<br />
}</p>
<p>}<br />
});<br />
formz=document.getElementsByTagName(&#8221;form&#8221;);<br />
for (i=0;i&lt;formz.length;i++){<br />
if ( formz[i].target!=undefined &amp;&amp; formz[i].id!= &#8220;&#8221;){<br />
el=formz[i].id<br />
tar=formz[i].target<br />
Event.observe(formz[i].id, &#8217;submit&#8217;, function(event) {<br />
$(el).request({<br />
onSuccess: function(t) {<br />
$(tar).update(t.responseText);<br />
}<br />
})</p>
<p>});<br />
}<br />
}<br />
}</p>
]]></content:encoded>
			<wfw:commentRss>http://seeds.workingbeta.com/2009/01/26/fast-ajax-reloaded/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>fast IFRAME-like ajax implementation</title>
		<link>http://seeds.workingbeta.com/2008/11/19/fast-iframe-like-ajax-implementation/</link>
		<comments>http://seeds.workingbeta.com/2008/11/19/fast-iframe-like-ajax-implementation/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 14:57:52 +0000</pubDate>
		<dc:creator>gc</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[events]]></category>

		<guid isPermaLink="false">http://seeds.workingbeta.com/?p=23</guid>
		<description><![CDATA[Yes, whe know, W3C specs garbaged all the nice IFRAMES that fitted so nicely in our pages. Ajax helped a lot but even if you used Prototye or some other ajax flavoured framework there was soo much work to do; each single link needed an event listener, some tweaking and so on.
After messing up with [...]]]></description>
			<content:encoded><![CDATA[<p>Yes, whe know, W3C specs garbaged all the nice IFRAMES that fitted so nicely in our pages. Ajax helped a lot but even if you used Prototye or some other ajax flavoured framework there was soo much work to do; each single link needed an event listener, some tweaking and so on.</p>
<p>After messing up with some application requiring a huge number of ajax calls, I ended up thinking about this little piece of code:</p>
<blockquote>
<p><code></p>
<p>window.onload=function(){<br />
Event.observe(document.body, 'click', function(event) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;var element = Event.element(event);<br />
&nbsp;&nbsp;&nbsp;&nbsp;if ('A' == element.tagName){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if ($(element.target) != undefined){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;new Ajax.Updater(element.target,element.href,<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{method:"post",evalscripts:true})<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Event.stop(event);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;});<br />
}</code></p>
</blockquote>
<p>basically, this 10-line worth trick sets an event listener on every click. If   you click on a &#8216;a&#8217; with a target attribute set up, it starts an Ajax.Updater call on it.<br />
you can of course add GET parameters and feed .php, and of course javascript code is parsed as well..<br />
the complete seed [just a .htm and .php example file added] can be downloaded <a href="http://workingbeta.com/seeds/fastAjax.zip">here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://seeds.workingbeta.com/2008/11/19/fast-iframe-like-ajax-implementation/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
