<?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>InteRiders</title>
	<atom:link href="http://www.interiders.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.interiders.com</link>
	<description>Our consulting experience, your gain</description>
	<lastBuildDate>Thu, 27 Oct 2011 00:31:23 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>Enable DIRECTV to work on Jailbroken iPad</title>
		<link>http://www.interiders.com/2011/10/26/enable-directv-to-work-on-jailbroken-ipad/</link>
		<comments>http://www.interiders.com/2011/10/26/enable-directv-to-work-on-jailbroken-ipad/#comments</comments>
		<pubDate>Wed, 26 Oct 2011 22:45:53 +0000</pubDate>
		<dc:creator>EGBlue</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.interiders.com/?p=15</guid>
		<description><![CDATA[If you are like me, you just heard the news about the newly updated DIRECTV iPad app that enabled live streaming. As you launch the app, you encounter with the following message: &#8220;DIRECTV is not supported on jailbroken devices. Please connect to iTunes to update or restore your service.&#8221; All frustrated, I was looking for a [...]]]></description>
			<content:encoded><![CDATA[<p>If you are like me, you just heard the news about the newly updated DIRECTV iPad app that enabled live streaming.</p>
<p>As you launch the app, you encounter with the following message: &#8220;DIRECTV is not supported on jailbroken devices. Please connect to iTunes to update or restore your service.&#8221;</p>
<p><a href="http://www.interiders.com/wp-content/uploads/2011/10/photo-1.png"><img class="alignnone size-medium wp-image-17" title="Directv Jailbreak Error" src="http://www.interiders.com/wp-content/uploads/2011/10/photo-1-e1319669068697-300x225.png" alt="" width="300" height="225" /></a></p>
<p>All frustrated, I was looking for a solution, and here is how you enable the device to work on your legally (as far as I know) device.</p>
<p>Download iFile from Cydia.</p>
<p>Once you open iFile, Navigate to &#8220;/&#8221; and in the search bar look for &#8220;com.directv.mobile.ipad.navigator.production.plist&#8221; in &#8220;Hierarchy mode&#8221;</p>
<p>Click on the file and open it in &#8220;Text Viewer&#8221;</p>
<p>Once the document is open, click on the Magnifying Glass (Search) and type &#8220;Jailbreak&#8221;.</p>
<p><a href="http://www.interiders.com/wp-content/uploads/2011/10/photo.png"><img class="alignnone size-medium wp-image-16" title="Search for Jailbreak within the file" src="http://www.interiders.com/wp-content/uploads/2011/10/photo-225x300.png" alt="" width="225" height="300" /></a></p>
<p>You will come across the line:</p>
<p>&lt;key&gt;DVTApplication_Option_JailbreakCheck_Enabled&lt;/key&gt;</p>
<p>and below it:</p>
<p>&lt;true/&gt;</p>
<p>on the top left corner of the screen, click on Edit and change the line from &lt;true/&gt; to &lt;false/&gt;</p>
<p>Hit Save and Done on the top right corners and go ahead restart your Directv App.</p>
<p>You&#8217;re welcome&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.interiders.com/2011/10/26/enable-directv-to-work-on-jailbroken-ipad/feed/</wfw:commentRss>
		<slash:comments>100</slash:comments>
		</item>
		<item>
		<title>Proto!MultiSelect 0.2</title>
		<link>http://www.interiders.com/2008/02/18/protomultiselect-02/</link>
		<comments>http://www.interiders.com/2008/02/18/protomultiselect-02/#comments</comments>
		<pubDate>Tue, 19 Feb 2008 02:46:38 +0000</pubDate>
		<dc:creator>EGBlue</dc:creator>
				<category><![CDATA[Prototype/JavaScript/Ajax]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[autosuggest]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[multiselect]]></category>
		<category><![CDATA[Proto!MultiSelect]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[TextboxList]]></category>

		<guid isPermaLink="false">http://www.interiders.com/2008/02/18/protomultiselect-02/</guid>
		<description><![CDATA[Hey everybody. It didn&#8217;t take long before glitches and features were reported, so first of all, i&#8217;d like to thank all of you for taking the time to check out the code and report all the bugs you found, it really helped taking the script further, i&#8217;m sure that the next build will not be [...]]]></description>
			<content:encoded><![CDATA[<p> <img src="http://www.interiders.com/wp-content/uploads/2008/02/untitled-1.jpg" alt="untitled-1.jpg" /></p>
<p>Hey everybody. It didn&#8217;t take long before glitches and features were reported, so first of all, i&#8217;d like to thank all of you for taking the time to check out the code and report all the bugs you found, it really helped taking the script further, i&#8217;m sure that the next build will not be perfect and that&#8217;s why your help is still needed to keep checking and suggest new cool features for next versions.</p>
<p>In this build I tried to include all the suggested features, I hope that nobody will be disappointed.  There are also few bug fixes but most features upgrade. I encourage all of you to suggest any features you have in mind, because what might be useful for you, may be useful to others, so please do so..</p>
<p>The new version incorporates few new options:</p>
<ul>
<li><strong>fetchFile &#8211; </strong>default: undefined; a JSON file that is being called with the parameter <em>keyword </em>whenever a key is being typed</li>
<li><strong>results &#8211; </strong>default: 10; the number of results to display before showing a scrollbar, if more results match a scrollbar is displayed</li>
<li><strong>wordMatch &#8211; </strong>default: false; when set to true will match only the beginning of word, otherwise will match anywhere</li>
</ul>
<p>Here is a list of changes on this upcoming build, and by the way, the name has been changed to Proto!MultiSelect in order to avoid confusion with our dearest friend&#8217;s, Guillermo Rauch, project.</p>
<p>- 0.2: renamed from Proto!TextboxList to Proto!MultiSelect, added new features/bug fixes<br />
added feature: support to fetch list on-the-fly using AJAX    Credit: Cheeseroll<br />
added feature: support for value/caption<br />
added feature: maximum results to display, when greater displays a scrollbar   Credit: Marcel<br />
added feature: filter by the beginning of word only or everywhere in the word   Credit: Kiliman<br />
added feature: shows hand cursor when going over options<br />
bug fix: the click event stopped working<br />
bug fix: the cursor does not &#8216;travel&#8217; when going up/down the list   Credit: Marcel</p>
<p><strong>Fixed 02/19/08</strong></p>
<p>A glitch where deleted records are not being re-added to the list. &#8211; suggested by  <strong>Antoine</strong></p>
<p><strong>Demo</strong></p>
<p><a href="http://www.interiders.com/wp-content/demos/ProtoMultiSelect/test.html">Click here for demo</a></p>
<p><strong>Download</strong></p>
<p><a href="http://www.interiders.com/wp-content/uploads/2008/02/protomultiselect.zip" title="protomultiselect.zip">Click here to download<br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interiders.com/2008/02/18/protomultiselect-02/feed/</wfw:commentRss>
		<slash:comments>158</slash:comments>
		</item>
		<item>
		<title>Proto!TextboxList meets Autocompletion</title>
		<link>http://www.interiders.com/2008/02/11/prototextboxlist-meets-autocompletion/</link>
		<comments>http://www.interiders.com/2008/02/11/prototextboxlist-meets-autocompletion/#comments</comments>
		<pubDate>Mon, 11 Feb 2008 20:05:09 +0000</pubDate>
		<dc:creator>EGBlue</dc:creator>
				<category><![CDATA[Prototype/JavaScript/Ajax]]></category>

		<guid isPermaLink="false">http://www.interiders.com/2008/02/11/prototextboxlist-meets-autocompletion/</guid>
		<description><![CDATA[This is the Prototype version of the extended script by Guillermo Rauch. As with the previous script, this script has been converted and operates like the original. An extended and upgraded version will be posted later on this week, if you have any comments or requests, please post them and I will try to include [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.interiders.com/wp-content/uploads/2008/02/auto.png" alt="auto.png" /></p>
<p>This is the Prototype version of the extended script by <a href="http://devthought.com/textboxlist-meets-autocompletion/" target="_blank">Guillermo Rauch</a>. As with the previous script, this script has been converted and operates like the original. An extended and upgraded version will be posted later on this week, if you have any comments or requests, please post them and I will try to include all the requested features in the upcoming Proto release.</p>
<p><a href="http://www.interiders.com/wp-content/demos/ProtoAutocompleteList/test.html">Click here to see demo</a></p>
<p>Here is the original post by Guillermo that describes the script:</p>
<p>In my previous blogpost I explained how to extend TextboxList to add closing functionality via a link added to each box. But it was missing an important ingredient: autocompletion!</p>
<p>Again, all we have to do is extend the TextboxList class, override some methods, some events, and create some new ones (all prefixed by auto)</p>
<p>It works by caching all the results from a JSON Request and feeding them to the autocompleter object. When a item is added as a box, it’ removed from the feed array, and when the box is disposed it’s added back, so that it becomes available in the list when the user types.</p>
<p>Another new feature is that you’ll be able to let it add boxes from the HTML directly:</p>
<div class="igBar"><span id="lhtml-2"><a href="#" onclick="javascript:showPlainTxt('html-2'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-2">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/label.html"><span style="color: #000000; font-weight: bold;">&lt;label&gt;</span></a></span>FacebookList input<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/label&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">&lt;input</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"facebook-demo"</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text"</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">&lt;p</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"facebook-auto"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #ddbb00;">&amp;nbsp;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/p&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">&lt;p</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"default"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Type the name of an argentine writer you like<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/p&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;">&lt;ul</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"feed"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></a></span>Jorge Luis Borges<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></a></span>Julio Cortazar<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
The constructor now takes new parameters to configure the autocompletion, like the minimum number of characters to trigger the dropdown, and more.</p>
<p><strong>Download</strong></p>
<p><a href="http://www.interiders.com/wp-content/uploads/2008/02/protoautocompletelist.rar" title="script">Click here to download</a> the script</p>
<p><strong>New version is out, <a href="http://www.interiders.com/2008/02/18/protomultiselect-02/">check it out!</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interiders.com/2008/02/11/prototextboxlist-meets-autocompletion/feed/</wfw:commentRss>
		<slash:comments>98</slash:comments>
		</item>
		<item>
		<title>TextboxList: Fancy Facebook-Like dynamic inputs! Now, in Prototype</title>
		<link>http://www.interiders.com/2008/02/11/textboxlist-fancy-facebook-like-dynamic-inputs-now-in-prototype/</link>
		<comments>http://www.interiders.com/2008/02/11/textboxlist-fancy-facebook-like-dynamic-inputs-now-in-prototype/#comments</comments>
		<pubDate>Mon, 11 Feb 2008 19:26:12 +0000</pubDate>
		<dc:creator>EGBlue</dc:creator>
				<category><![CDATA[Prototype/JavaScript/Ajax]]></category>

		<guid isPermaLink="false">http://www.interiders.com/2008/02/11/textboxlist-fancy-facebook-like-dynamic-inputs-now-in-prototype/</guid>
		<description><![CDATA[Hey everybody, after coming across Guillermo Rauch’s script, I knew i had to port it into my favorite library, Prototype. In this page you will find the Guillermo's script translated into Prototype. I kept the original formatting and will post it just like he did for the ease of understanding for people who used the [...]]]></description>
			<content:encoded><![CDATA[<p> <img src="http://www.interiders.com/wp-content/uploads/2008/02/untitled-14.png" alt="untitled-14.png" /></p>
<p>Hey everybody, after coming across <a href="http://devthought.com/textboxlist-fancy-facebook-like-dynamic-inputs/" target="_blank">Guillermo Rauch’s script</a>, I knew i had to port it into my favorite library, Prototype.  In this page you will find the Guillermo's script translated into Prototype. I kept the original formatting and will post it just like he did for the ease of understanding for people who used the original first. Later on this week, I will release an improved version of the script. This post is a conversion of the original deal. The improved script will include more features and implement several improvements. Let me include the original post by Guillermo that describes the script. The post is slightly modified to suite my blog's format. Have fun, and please! report any glitches or feature requests so I will implement those in the improved version, due later on this week.</p>
<p>Original post:</p>
<p>Check <a href="http://www.interiders.com/wp-content/demos/ProtoTextboxList/test.html">out a demo of TextboxList</a> before reading!</p>
<p>While working on my big and exciting new project, I decided to include an input that resembles the famous Apple Mail to: textfield. I’d seen it in Facebook before, which has a really decent implementation of this concept (it work well, but it doesn’t respect any modern programming principles; basically, it’s a big tag soup with lots of inline Javascript)</p>
<p>I created my own, MooTools 1.2 [Now: Prototype] compatible, in just 5kb. It’s not only small, but also really frexible! Here are some notes of the creation process and how to implement it in your own projects.<br />
Anatomy of the control</p>
<p>As usual, I try to come up with a semantic, unobtrusive approach. I start with the CSS and the markup that will be my end result.</p>
<p>I want to go from something like this:</p>
<div class="igBar"><span id="lhtml-6"><a href="#" onclick="javascript:showPlainTxt('html-6'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-6">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"facebook-list"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"input-text"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span> <span style="color: #009900;"><a href="http://december.com/html/4/element/label.html"><span style="color: #000000; font-weight: bold;">&lt;label&gt;</span></a></span>FacebookList input<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/label&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">&lt;input</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"input-demo2"</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text"</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
to something like this (only one possible scenario, naturally)</p>
<div class="igBar"><span id="lhtml-7"><a href="#" onclick="javascript:showPlainTxt('html-7'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-7">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"facebook-list"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"input-text"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span> <span style="color: #009900;"><a href="http://december.com/html/4/element/label.html"><span style="color: #000000; font-weight: bold;">&lt;label&gt;</span></a></span>FacebookList input<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/label&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;">&lt;ul</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"holder"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"bit-input"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span> <span style="color: #009900;"><a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">&lt;input</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"smallinput"</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text"</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"bit-box"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Jorge Luis Borges <span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"#"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"closebutton"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"bit-input"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span> <span style="color: #009900;"><a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">&lt;input</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"smallinput"</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text"</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"bit-box"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Julio Cortazar <span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"#"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"closebutton"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"bit-input"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span> <span style="color: #009900;"><a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">&lt;input</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"maininput"</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text"</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
Basically, it’s a group of pieces (that I’ll call bits), that can be either a box or an input (small, except for the main one). The user is able to move around between the bits by using his keyboard or his mouse.<br />
Javascript</p>
<p>As far as the javascript goes, I try to first think about reusable code (usually classes) that I may use. I thus first coded the class that adds resizing capabilities to the small fields as the user types, and a small utility method to find the caret position.</p>
<p>The only challenges I found was handling the complex events while keeping everything crossbrowser. Again, none of this would have been possible if it wasn’t for MooTools (1.2) [Now: Prototype].<br />
Using it</p>
<p>All you have to do is:</p>
<div class="igBar"><span id="ljavascript-8"><a href="#" onclick="javascript:showPlainTxt('javascript-8'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-8">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">new</span> TextboxList<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'input-demo'</span><span style="color: #66cc66;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p>
Where input-demo is the id of the desired input to replace</p>
<p>The constructor can take these options:</p>
<p>* <strong>onInputFocus</strong> (event, fired when an input gets focus)<br />
* <strong>onInputBlur</strong> (event, fired when an input loses focus)<br />
* <strong>onBoxFocus</strong> (event, fired when a box gets focus)<br />
* <strong>onBoxBlur</strong> (event, fired when a box loses focus)<br />
* <strong>onBoxDispose</strong> (event, fired when a box is removed)<br />
* <strong>resizable</strong> (option, hash, passed to ResizableTextbox constructor)<br />
* <strong>className</strong> (option, string, prefix of the classnames of the generated objects)<br />
* <strong>extrainputs</strong> (option, boolean, adds small inputs between boxes if true)<br />
* <strong>startinput</strong> (option, boolean, adds a small input before the first box if true)<br />
* <strong>hideempty</strong> (option, boolean, hides the small inputs by default)</p>
<p><strong>Download</strong></p>
<p><a href="http://www.interiders.com/wp-content/uploads/2008/02/prototextboxlist.rar" title="Script">Click here</a> to download the cool script <img src='http://www.interiders.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.interiders.com/2008/02/11/textboxlist-fancy-facebook-like-dynamic-inputs-now-in-prototype/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Set up IIS 7 w/ MySQL and PHP 5</title>
		<link>http://www.interiders.com/2008/02/09/set-up-iis-7-w-mysql-and-php-5/</link>
		<comments>http://www.interiders.com/2008/02/09/set-up-iis-7-w-mysql-and-php-5/#comments</comments>
		<pubDate>Sat, 09 Feb 2008 09:56:30 +0000</pubDate>
		<dc:creator>EGBlue</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[iis 7]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php 5]]></category>
		<category><![CDATA[setup]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vista]]></category>

		<guid isPermaLink="false">http://www.interiders.com/?p=3</guid>
		<description><![CDATA[Hey fellas, this is my first Blog Post. In my posts i'll try to share with you some experiences i've had in the past week during my work as a web developer. As all of us are talking about the new coming Windows Vista, I decided to dedicate my first post to guide you all [...]]]></description>
			<content:encoded><![CDATA[<p>Hey fellas, this is my first Blog Post.<br />
In my posts i'll try to share with you some experiences i've had in the past week during my work as a web developer.</p>
<p>As all of us are talking about the new coming Windows Vista, I decided to dedicate my first post to guide you all on how to setup IIS 7 along with MySQL and PHP 5. Before entering the venture myself, I searched the internet for tutorials on how about to do that, however, the closest i got was to install IIS 7, PHP and MySQL, however, everywhere i looked the PHP didn't work with MySQL.</p>
<p>I decided to go on the ride anyways, hoping to get it to work, and fortunately, i did <img src='http://www.interiders.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .<br />
Here is how i was about doing that:</p>
<p>First step, IIS 7.</p>
<p>I have Windows Vista RTM 64bits, thus this guide will show all the steps required to set it up on Vista 64bits, however, i will try mention all the steps that 32bit users should accomplish instead.<br />
In order to set IIS 7 up, please go to Start-&gt;Control Panel-&gt;Programs-&gt;Turn Windows features on or off.<br />
<em>see yellow mark on the picture below</em></p>
<p align="center"><a href="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/1600/577935/1.gif"><img src="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/320/642507/1.png" border="0" /></a></p>
<p>Inside the window that popped up, Look in the list for <em>Internet Information Services</em>. and check the box next to it.</p>
<p align="center"><a href="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/1600/603650/2.gif"><img src="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/320/708147/2.png" border="0" height="221" width="238" /></a></p>
<p>Under "Internet Information Services"-&gt;"Web Management Tools" check "ISAPI Extensions".</p>
<p><a href="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/1600/35562/10.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/320/67474/10.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" border="0" /></a></p>
<p>Click ok and wait for it to install IIS 7. When finished close the Control Panel window.</p>
<p>That's it, IIS 7 is all set, in order to confirm that, you can try to go to <a href="http://localhost/">http://localhost</a> in your favorite browser.</p>
<p>Next step: PHP 5.</p>
<p>Because i was using the 64bit edition of Vista, instead of downloading the regular distribution from php.net i downloaded a 64bit version from <a href="http://www.fusionxlan.com/PHPx64.php">http://www.fusionxlan.com/PHPx64.php</a>, Please download the zip package, as of this time, the latest version is <a href="http://www.fusionxlan.com/PHPx64/php-5.2.0-x64-2006-11-05.zip">5.2.0</a></p>
<p>People who are using the 32bit edition of Vista, please download the zip package from <a href="http://www.php.net/downloads.php">http://www.php.net/downloads.php</a>.</p>
<p>Unzip the zip to your drive, i used C:\php. now inside C:\php you will find a file named php.ini-dist.</p>
<p>copy this file to c:\windows\ and rename it to php.ini (erase the -dist part).</p>
<p>Now open the php.ini in notepad.</p>
<p>Inside the file, look for the line ;extension=php_mysql.dll and delete the semi-color (;) from the beginning of the line.</p>
<p><img src="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/320/921984/4.png" style="margin: 0px auto 10px; display: block; text-align: center" border="0" height="202" width="258" /></p>
<p>Now save and close the file.</p>
<p>Next, let's copy the dll to the right place...</p>
<p>Go to c:\php\ext and copy the file php_mysql.dll. Now go to C:\Windows\System32 and paste the dll there.</p>
<p>When asked to, Click continue to gain Administrator privilege.</p>
<p>Now let's configure IIS to work with our PHP.</p>
<p>Go to start-&gt;run and start InetMgr.exe (IIS Manager).</p>
<p><img src="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/320/950046/3.png" style="margin: 0px auto 10px; display: block; width: 176px; height: 199px; text-align: center" border="0" height="243" width="193" /></p>
<p>Inside IIS Manager click on "Handler Mappings".</p>
<p><img src="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/320/828233/5.png" style="margin: 0px auto 10px; display: block; text-align: center" border="0" /></p>
<p>On the right side of the window, click on "Add Script Map..." (Yellow box in the pic below)</p>
<p><img src="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/320/883798/6.png" style="margin: 0px auto 10px; display: block; text-align: center" border="0" /></p>
<p>In the window that pops up, fill up the fields with these values:</p>
<p>"Request path:" *.php</p>
<p>"Executable:" C:\php\php5isapi.dll</p>
<p>"Name:" PHP</p>
<p>The window should look like this one when you are done.</p>
<p><img src="http://photos1.blogger.com/x/blogger2/2107/1122575877121326/320/111549/7.png" style="margin: 0px auto 10px; display: block; text-align: center" border="0" /></p>
<p>Click "Ok", And when the "Add Script Map" dialog pops up, Click "Yes".</p>
<p>Ok, so we have PHP and IIS 7 working together, now it's time to add the last piece to the puzzle, MySQL.</p>
<p>Download MySQL, i used MySQL 5.1 located at: <a href="http://dev.mysql.com/downloads/mysql/5.1.html">http://dev.mysql.com/downloads/mysql/5.1.html</a></p>
<p>32bit users, download the 32bit distribution, 64bit, download the 64bit one.</p>
<p>Once you downloaded the MySQL installer, 32bit users, all you have to do is go through the Installer steps (Click next,next next next) and you should be fine.</p>
<p>64bit users, you still got some little work, after installing the MySQL, i had a problem running the configuration wizard, in order to solve that problem, i used the following trick.</p>
<p>I downloaded the 32bit zip package (without installer), inside C:\Program Files\MySQL\MySQL Server 5.1\bin i renamed the file libmySQL.dll to libmySQL64.dll and copied the 32bit file into the directory instead. Then i ran the configuration wizard, and this time it worked.</p>
<p>After the configuration process was completed, delete the 32bit file from the directory and rename the file libmySQL64.dll back to libmySQL.dll.</p>
<p>That's it, you are all set with IIS 7+MySQL+PHP.</p>
<p>In order to make sure that everything is in order, create a file named test.php inside C:\inetpub\wwwroot\ and write inside</p>
<p>Then inside your favorite browser browse to <a href="http://localhost/test.php">http://localhost/test.php</a> and you should see all the settings of your php installation, if you will scroll down, you should also see MySQL settings which will confirm that MySQL is indeed installed.</p>
<p><span style="font-weight: bold">A fix for Sessions Issue:</span> Vista seems to have a permission problem with php's session.</p>
<p><span style="font-style: italic">Symptom:</span><br />
Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct () in Unknown on line</p>
<p><span style="font-style: italic">Solution:</span><br />
In order to solve the issue, inside CMD as administrator (Right click on CMD.exe and "Run as administrator"). write these two commands:</p>
<p><em>icacls %windir%\serviceprofiles\networkservice\AppData\Local\Temp /grant Users:(CI)(S,WD,AD,X)</em></p>
<p><em>icacls %windir%\serviceprofiles\networkservice\AppData\Local\Temp /grant "CREATOR OWNER":(OI)(CI)(IO)(F)</em></p>
<p>Well, i hope that my first Post will assist at least some of you, any comments regarding my writing are welcome. And of course, if you have any questions or you are having any difficulties in the process, don't hesitate to comment and i promise to try and help with every comment.</p>
<p>Till the next time...</p>
]]></content:encoded>
			<wfw:commentRss>http://www.interiders.com/2008/02/09/set-up-iis-7-w-mysql-and-php-5/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
	</channel>
</rss>
