<?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; Prototype</title>
	<atom:link href="http://seeds.workingbeta.com/category/javascript/prototype/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>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>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>
