<?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>Emad Alashi&#039;s Blog &#187; jquery</title>
	<atom:link href="http://www.emadashi.com/index.php/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.emadashi.com</link>
	<description></description>
	<lastBuildDate>Sun, 15 Jan 2012 10:05:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Reflections on Jordev Web Camp</title>
		<link>http://www.emadashi.com/index.php/2011/05/reflections-on-jordev-web-camp/</link>
		<comments>http://www.emadashi.com/index.php/2011/05/reflections-on-jordev-web-camp/#comments</comments>
		<pubDate>Mon, 16 May 2011 22:11:05 +0000</pubDate>
		<dc:creator>Emad Alashi</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[asp.net mvc]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[dynamic data]]></category>
		<category><![CDATA[entity framework]]></category>
		<category><![CDATA[JorDev]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mvc]]></category>
		<category><![CDATA[web camp]]></category>

		<guid isPermaLink="false">http://www.emadashi.com/index.php/2011/05/reflections-on-jordev-web-camp/</guid>
		<description><![CDATA[Last Saturday 14th of May 2011 we had the first web camp in Jordan among Jordev’s activities, and it was great!     check my presentation slides at the end of this post.
The event was like the following:

8:30 AM – 9:00 AM: Registration 
9:00 AM – 1:00 PM: Four 50 minutes sessions with [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.emadashi.com/misc/images/634a70b9a492_148FE/webcamps.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="webcamps" border="0" alt="webcamps" align="right" src="http://www.emadashi.com/misc/images/634a70b9a492_148FE/webcamps_thumb.png" width="244" height="194" /></a>Last Saturday 14th of May 2011 we had the first <a href="http://webcamps.ms">web camp</a> in Jordan among Jordev’s activities, and it was great!     <br /><em>check my presentation slides at the end of this post.</em></p>
<p>The event was like the following:</p>
<ol>
<li><strong>8:30 AM – 9:00 AM</strong>: Registration </li>
<li><strong>9:00 AM – 1:00 PM</strong>: Four 50 minutes sessions with 10 minutes between each for breaks, there was a few attendees at the beginning so we delayed the first session for couple of minutes (yes we have a morning problem here). Sessions were “<a href="http://www.slideshare.net/omarq/entity-framework41codefirst">Entity Framework 4.1</a>”, “<a href="http://www.slideshare.net/splashup/aspnet-mvc-one-step-deeper">ASP.NET MVC One Step Deeper</a>”, “Dynamic Data”, and “<a href="http://www.slideshare.net/i.omar/jquery-7978005">jQuery</a>” </li>
<li><strong>1:00 PM – 2:15 PM</strong>: lunch break, where people went to the near market and had their lunch there. </li>
<li><strong>2:15 PM – 4:30 PM</strong>: free coding session. </li>
</ol>
<p><strong>Things went great</strong>:</p>
<ol>
<li><strong>Enough people attended</strong>. The attendees were about 25 people spread all over a hall that takes at least 100, this gave us a great freedom in moving around and hocking cables freely on available slots. </li>
<li><strong>The attendees were great</strong>. It’s awesome that the attendees were really serious about the event; everyone brought his/her laptop charged and ready, every one was kind enough to pay the right attention, and everyone stayed to the last minute; it’s this passion and dedication that makes a successful event a successful event. </li>
<li><strong>Very good speakers</strong>. We were lucky enough to host one of the smartest and most active community members in Jordan: <a href="http://twitter.com/omarq">Omar Qadan</a>, <a href="https://www.facebook.com/mahmoud.manasrah?ref=ts">Mahmoud Manasrah</a>, and <a href="http://twitter.com/i_omar">Omar Muwahed</a> did a great job and delivered such a rich value, I was humbled to be among such intelligent speakers and share the stage with them. </li>
<li><strong>Topics were diverse</strong>. It’s true all web, but we covered four important parts that summed the basics of a web app: Entity Framework, ASP.NET MVC, Dynamic Data, and jQuery. </li>
<li><strong>There was no lunch arrangement hassle</strong>. Interestingly enough, we decided to skip the arrangement for lunch; we still had a lunch break and we provided fast coffee, but we revolted on the pattern of supplying sponsored food and snacks on the lunch break, this gave us the opportunity to concentrate more on delivering technical value, and less managerial things. Of course the near market made our decision a lot easier, in addition to our good luck of having such sufficient number of attendees. </li>
<li><strong>Two and half hours of Free coding</strong>. Actually this was pretty good; the free nature of the session allowed the attendees to contribute, and to ask their questions freely.       <br />We first gave the attendees the opportunity to try things on their own, then we suggested to have walkthroughs; started playing with some of the latest technologies <a href="http://nuget.codeplex.com/">NuGet</a> and <a href="http://getglimpse.com/">Glimpse</a>, then a walkthrough on ASP.NET MVC, then finally a brief general talk about <a href="http://www.odata.org/">OData</a>.
<p>Though I see a big space for improvement here; the down side is that there was a dominant stream because the presenter used the main desk and the presentation screen to talk to the majority in the walkthroughs, which was a distraction to the individuals who wanted to try things on their own, anyway I didn’t hear any complaints.       <br />We had an option to distribute people among groups depending on the technology they want to learn, but it appeared that it was little bit hard to organize, and the attendees in majority agreed to the way we concluded. </li>
<li><strong>The DVD accumulated for the event</strong>. We accumulated a DVD that contains <a href="http://www.microsoft.com/express/Downloads/">Visual Studio 2010 Express</a>, SQL 2008 Express, VS2010 SP1, <a href="http://nerddinner.codeplex.com/">NerdDinner</a> sample, and <a href="http://mvcmusicstore.codeplex.com/">MVCMusicStore</a> sample. This helped others to boot up fast with the event, and a nice thing for the attendees to go home with. </li>
</ol>
<p><strong>Things went wrong</strong>:</p>
<ol>
<li><strong>Marketing the event</strong>. We thought that we should limit the number of the attendees to 80 so we don’t end up in crowded auditorium, so we did, and 80 people registered on <a href="http://ammanwebcamp.eventbrite.com/">EventBrite</a> in less than 48 hours of declaring the event on Facebook and Twitter. To our <strike>sad </strike>happy surprise only 25 people showed up! I know that not all event registrars attend the events they register for online, but the percent is strikingly high! 75% not attending?! what was wrong?       <br />I think we didn’t do enough reminders, apparently people are lazy about keeping their calendars </li>
<li><strong>SQL Express installation file was 64 bit</strong>. 32 bit OS is still the most common OS here, so we missed that up. </li>
</ol>
<p><strong>Things we did for preparations</strong>:</p>
<ol>
<li>Distributed tasks among us (four people) so everyone had a clear task, this way we made sure we don’t miss anything due to ambiguity in responsibilities </li>
<li>One of us made sure the hall was booked (more tedious than you think!) </li>
<li>Created an event on EventBrite and shared the link over a mailing list, Facebook, and Twitter </li>
<li>Brought enough 3-in-1 packs of Nescafe, one electronic kettle for hot water, and many small bottles of water </li>
<li>Burned out DVD’s with free content (check above) </li>
<li>Brought 3 multi-slot plugs to support the many laptops with electricity </li>
<li>Rehearsed enough for the presentations <img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://www.emadashi.com/misc/images/634a70b9a492_148FE/wlEmoticon-smile.png" /> </li>
</ol>
<p>That was about it, I hope this reading benefits you and good luck with YOUR web camps. </p>
<p><a title="Speakers: Omar Qadan, Emad Alashi, Omar Muwahed, Mahmoud Manasrah" href="https://www.facebook.com/photo.php?fbid=1826103651198&amp;set=a.1825424874229.2097054.1198472243&amp;type=1&amp;theater" target="_blank"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Jordev-Webcamp-Speakers" border="0" alt="Jordev-Webcamp-Speakers" src="http://www.emadashi.com/misc/images/634a70b9a492_148FE/Jordev-Webcamp-Speakers.jpg" width="533" height="357" /></a></p>
<p>My presentation slides embedded:</p>
<div style="width: 425px" id="__ss_7978582"><strong style="margin: 12px 0px 4px; display: block"><a title="ASP.NET MVC One Step Deeper" href="http://www.slideshare.net/splashup/aspnet-mvc-one-step-deeper">ASP.NET MVC One Step Deeper</a></strong> <iframe height="355" marginheight="0" src="http://www.slideshare.net/slideshow/embed_code/7978582" frameborder="0" width="425" marginwidth="0" scrolling="no"></iframe>
<div style="padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 5px">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/splashup">Emad Alashi</a> </div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.emadashi.com/index.php/2011/05/reflections-on-jordev-web-camp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>First Jordev Web Camp</title>
		<link>http://www.emadashi.com/index.php/2011/05/first-jordev-web-camp/</link>
		<comments>http://www.emadashi.com/index.php/2011/05/first-jordev-web-camp/#comments</comments>
		<pubDate>Sat, 07 May 2011 10:40:05 +0000</pubDate>
		<dc:creator>Emad Alashi</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[asp.net mvc]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[code camp]]></category>
		<category><![CDATA[data dynamics]]></category>
		<category><![CDATA[entity framework]]></category>
		<category><![CDATA[JorDev]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[web camp]]></category>

		<guid isPermaLink="false">http://www.emadashi.com/index.php/2011/05/first-jordev-web-camp/</guid>
		<description><![CDATA[For too long and all Jordev’s activities have been in the form of sessions with fast code demo’s, and for the first time we are going to break this rule and do our first web camp in which attendees will have the chance to have hands-on experience with some of Jordan’s active experts, it will [...]]]></description>
			<content:encoded><![CDATA[<p>For too long and all Jordev’s activities have been in the form of sessions with fast code demo’s, and for <a href="http://webcamps.ms"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top: 0px; border-right: 0px; padding-top: 0px" title="1637932099-3" border="0" alt="1637932099-3" align="right" src="http://www.emadashi.com/misc/images/First-Jordev-Web-Camp_B88A/1637932099-3_thumb.png" width="154" height="204" /></a>the first time we are going to break this rule and do our <a href="http://ammanwebcamp.eventbrite.com/">first web camp</a> in which attendees will have the chance to have hands-on experience with some of Jordan’s active experts, it will be on the 15th of May 2011.</p>
<p>There are two things in web camps that make them more interesting: REAL CODING and COLLABORATION; coding is a practice science, best way to learn it is by practice, and this practice will be much more fruitful and enjoyable if done with bunch of enthusiasts who share same passion with you. Speakers will have their share, but the biggest share will go for the hidden experts who have been hiding under excessive working hours, and who avoid boring talkative sessions, this gathering will be a chance for us to dig these gems out and have the most geeky fun and benefit we seek in such communities.</p>
<p>The schedule will be as the following:</p>
<table style="line-height: normal; border-collapse: collapse; mso-table-layout-alt: fixed; mso-yfti-tbllook: 1184; mso-padding-alt: 0in 0in 0in 0in" class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes">
<td style="border-bottom: #4bacc6 2.25pt solid; border-left: #4bacc6 1pt solid; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: #4bacc6 1pt solid; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="139">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Session</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 2.25pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: #4bacc6 1pt solid; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Time</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 2.25pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: #4bacc6 1pt solid; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Duration</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 2.25pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: #4bacc6 1pt solid; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="155">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Speaker</font></font></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 1">
<td style="border-bottom: #4bacc6 1pt solid; border-left: #4bacc6 1pt solid; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="139">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Registration</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">08:30 – 09:00</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">00:30</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="155">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">-</font></font></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 2">
<td style="border-bottom: #4bacc6 1pt solid; border-left: #4bacc6 1pt solid; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="139">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Entity Framework</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">09:00 – 9:50</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">00:50</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="155">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Omar Qadan</font></font></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 3">
<td style="border-bottom: #4bacc6 1pt solid; border-left: #4bacc6 1pt solid; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="139">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">MVC one step deeper</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">10:00 – 10:50</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">00:50</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="155">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Emad Alashi</font></font></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 4">
<td style="border-bottom: #4bacc6 1pt solid; border-left: #4bacc6 1pt solid; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="139">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Data Dynamics</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">11:00 – 11:50</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">00:50</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="155">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Mahmoud Manasrah</font></font></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 5">
<td style="border-bottom: #4bacc6 1pt solid; border-left: #4bacc6 1pt solid; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #c6d9f1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in; mso-border-top-alt: solid #4bacc6 1.0pt; mso-background-themecolor: text2; mso-background-themetint: 51" valign="top" width="139">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">jQuery</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #c6d9f1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in; mso-border-top-alt: solid #4bacc6 1.0pt; mso-background-themecolor: text2; mso-background-themetint: 51" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">12:00 &#8211; 12:50</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #c6d9f1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in; mso-border-top-alt: solid #4bacc6 1.0pt; mso-background-themecolor: text2; mso-background-themetint: 51" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">00:50</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #c6d9f1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in; mso-border-top-alt: solid #4bacc6 1.0pt; mso-background-themecolor: text2; mso-background-themetint: 51" valign="top" width="155">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Omar Muwahed</font></font></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 6">
<td style="border-bottom: medium none; border-left: #4bacc6 1pt solid; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: white; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in; mso-background-themecolor: background1" valign="top" width="139">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Break</font></font></span></p>
</td>
<td style="border-bottom: medium none; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: white; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in; mso-background-themecolor: background1" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">1:00 – 2:00</font></font></span></p>
</td>
<td style="border-bottom: medium none; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: white; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in; mso-background-themecolor: background1" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">1:00</font></font></span></p>
</td>
<td style="border-bottom: medium none; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: white; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in; mso-background-themecolor: background1" valign="top" width="155">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">-</font></font></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 7; mso-yfti-lastrow: yes">
<td style="border-bottom: #4bacc6 1pt solid; border-left: #4bacc6 1pt solid; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="139">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Hands on Labs</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">2:00 – 4:30</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="102">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">2:30</font></font></span></p>
</td>
<td style="border-bottom: #4bacc6 1pt solid; border-left: medium none; padding-bottom: 0in; padding-left: 5.4pt; padding-right: 5.4pt; background: #d2eaf1; border-top: medium none; border-right: #4bacc6 1pt solid; padding-top: 0in" valign="top" width="155">
<p style="line-height: 13pt; margin: 0in 0in 10pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" class="MsoNormal"><span style="color: ; mso-ascii-font-family: calibri; mso-hansi-font-family: calibri; mso-bidi-font-family: calibri"><font face="Calibri"><font style="font-size: 11pt" color="#1f497d">Speakers and attendees</font></font></span></p>
</td>
</tr>
</tbody>
</table>
<p>For more details you can follow it on EventBrite <a href="http://ammanwebcamp.eventbrite.com/">here</a>, see you there.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.emadashi.com/index.php/2011/05/first-jordev-web-camp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Happy Life with Intuitive API in Smart Controls</title>
		<link>http://www.emadashi.com/index.php/2010/06/happy-life-with-intuitive-api-in-smart-controls/</link>
		<comments>http://www.emadashi.com/index.php/2010/06/happy-life-with-intuitive-api-in-smart-controls/#comments</comments>
		<pubDate>Tue, 15 Jun 2010 14:42:23 +0000</pubDate>
		<dc:creator>Emad Alashi</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[jstree]]></category>

		<guid isPermaLink="false">http://www.emadashi.com/index.php/2010/06/happy-life-with-intuitive-api-in-smart-controls/</guid>
		<description><![CDATA[In this post I will show you an example of how smartly built controls and API’s can make the developers programming life extremely enjoyable, hopefully this example will urge you in giving such a smart effort when you build your own control or API.
Lately I have been playing around with a very nice tree control [...]]]></description>
			<content:encoded><![CDATA[<p>In this post I will show you an example of how smartly built controls and API’s can make the developers programming life extremely enjoyable, hopefully this example will urge you in giving such a smart effort when you build your own control or API.</p>
<p>Lately I have been playing around with a very nice tree control based on jQuery called <a href="http://www.jstree.com/">jsTree</a>. One of the nice features is that it allows populating the tree through asynchronous calls with JSON data representation. In order to achieve that, you needed to provide the data by JSON special format suitable to the tree. This format, regrettably, is open to the JSON vulnerability <a href="http://haacked.com/">Phil Haack</a> talked about in his two posts <a href="http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx">here</a> and <a href="http://haacked.com/archive/2009/06/25/json-hijacking.aspx">here</a>.     <br />So to avoid this vulnerability I had to change this default data format of the tree, at least until the very end of the data flow just before the tree populates the data, only then I can change it back to the default format, like the following:</p>
<p>The format I need to send from server to avoid the vulnerability, but the tree wouldn’t understand:</p>
<p>&#160;<em>{ &quot;d&quot; : [ { attributes : { id : &quot;2&quot;, balance : &quot;0.00000&quot; },&#160; data : &quot;Child&quot;,&#160; state : &quot;closed&quot; }&#160; , { attributes : { id : &quot;3&quot;, balance : &quot;0.00000&quot; },&#160; data : &quot;AnotherChild&quot;,&#160; state : &quot;closed&quot; }&#160; ] }</em></p>
<p>The format the tree accepts, to which I should change back before populating: </p>
<p><em>[ { attributes : { id : &quot;2&quot;, balance : &quot;0.00000&quot; },&#160; data : &quot;Child&quot;,&#160; state : &quot;closed&quot; }&#160; , { attributes : { id : &quot;3&quot;, balance : &quot;0.00000&quot; },&#160; data : &quot;AnotherChild&quot;,&#160; state : &quot;closed&quot; }&#160; ] </em></p>
<p>That would not have been possible if the tree control wasn’t smart enough to provide the developer with the <strong>“ondata”</strong> event (line 45) that happens exactly before the binding to the tree, in which you can manipulate the data; in my case I am eliciting the data out by returning the “content” of the wrapper object “d” rather than the whole thing.</p>
<div style="font-family: consolas; background: white; color: black; font-size: 10pt">
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 31</span>&#160;<span style="color: blue">&lt;</span><span style="color: maroon">script</span> <span style="color: red">type</span><span style="color: blue">=&quot;text/javascript&quot;&gt;</span></p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 32</span>&#160;&#160;&#160;&#160; <span style="color: blue">var</span> initialData = <span style="background: yellow">&lt;%</span><span style="color: blue">=</span> ViewData[<span style="color: maroon">&quot;InitialList&quot;</span>].ToString() <span style="background: yellow">%&gt;</span></p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 33</span> $(<span style="color: blue">function</span> () {</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 34</span>&#160;&#160;&#160;&#160; $(<span style="color: maroon">&quot;#MyTree&quot;</span>).tree({</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 35</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; data : {</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 36</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; type : <span style="color: maroon">&quot;json&quot;</span>,</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 37</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; async : <span style="color: blue">true</span>,</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 38</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; opts : {</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 39</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; async : <span style="color: blue">true</span>,</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 40</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; method : <span style="color: maroon">&quot;GET&quot;</span>,</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 41</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url : <span style="color: maroon">&quot;GetNodesOfParent&quot;</span></p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 42</span>&#160;</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 43</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 44</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; },</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 45</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ondata: <span style="color: blue">function</span> (data, tree_obj) {</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 51</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <span style="color: blue">return</span> data.d;</p>
<p style="margin: 0px"><span style="color: #2b91af">&#160;&#160; 52</span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; },…..</p>
</p></div>
<p>Such flexibility and clean structure in controls and API’s is one of the very important aspects a control-developer should keep in mind.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.emadashi.com/index.php/2010/06/happy-life-with-intuitive-api-in-smart-controls/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Clear jQuery Droppable List</title>
		<link>http://www.emadashi.com/index.php/2009/05/clear-jquery-droppable-list/</link>
		<comments>http://www.emadashi.com/index.php/2009/05/clear-jquery-droppable-list/#comments</comments>
		<pubDate>Tue, 19 May 2009 18:25:19 +0000</pubDate>
		<dc:creator>Emad Alashi</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[clear]]></category>
		<category><![CDATA[destroy]]></category>
		<category><![CDATA[drag]]></category>
		<category><![CDATA[draggable]]></category>
		<category><![CDATA[drop]]></category>
		<category><![CDATA[droppable]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[list]]></category>

		<guid isPermaLink="false">http://www.emadashi.com/?p=269</guid>
		<description><![CDATA[The other day at work I finally had the chance to get my hands on code (see here why I&#8217;m so anxious about it   ).
We were using the jQuery&#8217;s Drag and Drop feature, where the droppable areas (DIV&#8217;s) are marked as droppable and registered for the events like the following:

  126 function RegisterDroppable(DomID) {
  128        $(&#8216;#&#8217; + [...]]]></description>
			<content:encoded><![CDATA[<p>The other day at work I finally had the chance to get my hands on code (see <a title="Technical Team Leader...Who Is Not" href="http://www.emadashi.com/index.php/2009/04/technical-team-leaderwho-is-not/" target="_blank">here</a> why I&#8217;m so anxious about it <img src='http://www.emadashi.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  ).</p>
<p>We were using the jQuery&#8217;s Drag and Drop feature, where the droppable areas (DIV&#8217;s) are marked as droppable and registered for the events like the following:</p>
<div style="font-family: Courier New; font-size: 10pt; color: black; background: white;">
<p style="margin: 0px;"><span style="color: #2b91af;">  126</span> <span style="color: blue;">function</span> RegisterDroppable(DomID) {</p>
<p style="margin: 0px;"><span style="color: #2b91af;">  </span><span style="color: #2b91af;">128</span>        $(<span style="color: #a31515;">&#8216;#&#8217;</span> + DomID).droppable({</p>
<p style="margin: 0px;"><span style="color: #2b91af;">  129</span>             activeClass: <span style="color: #a31515;">&#8216;Droppable-active&#8217;</span>,</p>
<p style="margin: 0px;"><span style="color: #2b91af;">  130</span>             tolerance: <span style="color: #a31515;">&#8216;pointer&#8217;</span>,</p>
<p style="margin: 0px;"><span style="color: #2b91af;">  131</span>             hoverClass: <span style="color: #a31515;">&#8216;Droppable-hover&#8217;</span>,</p>
<p style="margin: 0px;"><span style="color: #2b91af;">  132</span>             drop: <span style="color: blue;">function</span>(ev, ui) {</p>
<p style="margin: 0px;"><span style="color: #2b91af;">  133</span>                <span style="color: green;">//some code for the drop event here</span></p>
<p style="margin: 0px;"><span style="color: #2b91af;">  134</span> </p>
<p style="margin: 0px;"><span style="color: #2b91af;">  135</span>             }</p>
<p style="margin: 0px;"><span style="color: #2b91af;">  136</span>         });</p>
<p style="margin: 0px;"><span style="color: #2b91af;">  137</span>     }</p>
</div>
<p> The issue was that those droppable DIV&#8217;s were created at client side, and they would change upon a user interaction with the page (old DIV&#8217;s disappear and new droppable DIV&#8217;s are created), all at client side.<br />
The problem appeared when we tried to drag a &#8220;draggable&#8221; area AFTER changing the DIV&#8217;s the first time, the following javascript error showed:</p>
<p><strong> &#8220;Error: Unspecified error.&#8221;</strong></p>
<p>After investigating, it appeared that the plugin preserves a list of the droppables objects, and when we drag the &#8220;draggable&#8221; object, a loop that traverses the droppable objects would be called. But  those DIV&#8217;s do not really exist any more, hence the error shows up.</p>
<p>So the solution was to empty that list of lost references of the droppables so we can make a new clean droppables list, I did the following: </p>
<div style="font-family: Courier New; font-size: 10pt; color: black; background: white;">
<p style="margin: 0px;"><span style="color: #2b91af;">   87</span> <span style="color: blue;">var</span> drop = $.ui.ddmanager.droppables[<span style="color: #a31515;">'default'</span>];</p>
<p style="margin: 0px;"><span style="color: #2b91af;">   88</span> </p>
<p style="margin: 0px;"><span style="color: #2b91af;">   89</span>         <span style="color: blue;">var</span> count = drop.length;</p>
<p style="margin: 0px;"><span style="color: #2b91af;">   90</span>         <span style="color: blue;">for</span> (<span style="color: blue;">var</span> i = count; i &gt; 0; i-<span>-</span> ) {</p>
<p style="margin: 0px;"><span style="color: #2b91af;">   91</span>             drop[i-1].destroy();</p>
<p style="margin: 0px;"><span style="color: #2b91af;">   92</span>         }</p>
</div>
<p> </p>
<p>I couldn&#8217;t find better way to access the list, there was scarse information on the web for a solution, I hope this helps you just in case.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.emadashi.com/index.php/2009/05/clear-jquery-droppable-list/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

