<?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>Pablo Noel &#187; plugin</title>
	<atom:link href="http://pablonoel.com/tags/plugin/feed/" rel="self" type="application/rss+xml" />
	<link>http://pablonoel.com</link>
	<description>Designer, Skater, Punk</description>
	<lastBuildDate>Mon, 30 Jan 2012 04:15:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Cocombobox Jquery Plugin for enhanced Comboboxs / Select Boxes</title>
		<link>http://pablonoel.com/code/cocombobox-jquery-plugin-for-enhanced-comboboxs-select-boxes/</link>
		<comments>http://pablonoel.com/code/cocombobox-jquery-plugin-for-enhanced-comboboxs-select-boxes/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 15:30:47 +0000</pubDate>
		<dc:creator>Pablo Noel</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[combobox]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[select]]></category>

		<guid isPermaLink="false">http://pablonoel.com/?p=67</guid>
		<description><![CDATA[Working on a couple of proyects i find myself searching for a solution for the customization for our so-long-used Select tag,  a.k.a Combobox. If you work with HTML you will know that its so freaking hard to add custom graphics and behaviors to this element, so i made a &#8220;simple&#8221; and kind of naiv solution [...]]]></description>
			<content:encoded><![CDATA[<p>Working on a couple of proyects i find myself searching for a solution for the customization for our so-long-used <a title="Select Tag at W3Schools" href="http://www.w3schools.com/TAGS/tag_Select.asp">Select tag</a>,  a.k.a <a title="Combobox at Wikipedia" href="http://en.wikipedia.org/wiki/Combo_box">Combobox</a>. If you work with HTML you will know that its so freaking hard to add custom graphics and behaviors to this element, so i made a &#8220;simple&#8221; and kind of naiv solution for this.</p>
<h3>Cocombobox Jquery Plugin</h3>
<p>This will add a &#8220;Combobox&#8221; kind of interaction to a standard list of elements, view the example page:</p>
<p><a title="Select Box - Combobox Jquery Plugin replacement" href="http://pablonoel.com/lab/jquery/cocombobox/">http://pablonoel.com/lab/jquery/cocombobox/</a></p>
<h4>Default HTML:</h4>
<p><code>&lt;form action="#" method="post"&gt;<br />
&lt;h3&gt;Combobox Default Configuration&lt;/h3&gt;<br />
&lt;ol&gt;<br />
&lt;li&gt;Select an Option&lt;/li&gt;<br />
&lt;li&gt;&lt;a title="enlace" rel="first" href="#"&gt;First Option&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a title="enlace" rel="second" href="#"&gt;Second Option&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a title="enlace" rel="third" href="#"&gt;Third Option&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ol&gt;<br />
&lt;/form&gt;</code></p>
<h4>Default Call</h4>
<p><code>$("ol").cocombobox();</code></p>
<h4>Generated HTML</h4>
<p><code>&lt;form action="#" method="post"&gt;<br />
&lt;h3&gt;Combobox Default Configuration&lt;/h3&gt;<br />
&lt;div style="position: relative; height: 20px; z-index: 9938;" class="comboboxccbx"&gt;&lt;ol style="overflow: hidden; position: absolute; height: 20px; z-index: 9938;" class="min"&gt;<br />
&lt;li id="option"&gt;Select an Option&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title="enlace" rel="first"&gt;First Option&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title="enlace" rel="second"&gt;Second Option&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title="enlace" rel="third"&gt;Third Option&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ol&gt;&lt;input name="combobox" id="combobox" value="" type="hidden"&gt;&lt;/div&gt;<br />
&lt;/form&gt;</code><br />
There is no documentation yet, and no changelog, but this is the first release, you can <a title="Download Plugin" href="http://pablonoel.com/lab/jquery/cocombobox/jquery.cocombobox.js">Download it</a> and tell me your comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://pablonoel.com/code/cocombobox-jquery-plugin-for-enhanced-comboboxs-select-boxes/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

