<?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>Nazly [Web Log] &#187; JavaScript</title>
	<atom:link href="http://www.nazly.net/category/technology/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nazly.net</link>
	<description>Personal Weblog of Nazly Ahmed : Web Developer. PHP Addict. Wordpress Hacker. FOSS Enthusiast. (Micro)Blogger. Cricket Fanatic. Husband. Dad.</description>
	<lastBuildDate>Mon, 24 Oct 2011 08:06:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>jQuery noConflict() saves the day!</title>
		<link>http://www.nazly.net/jquery-noconflict-saves-the-day/</link>
		<comments>http://www.nazly.net/jquery-noconflict-saves-the-day/#comments</comments>
		<pubDate>Thu, 03 Feb 2011 07:04:15 +0000</pubDate>
		<dc:creator>Nazly</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[conflict]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.nazly.net/?p=1316</guid>
		<description><![CDATA[All these years I have been only using jQuery as a Java Script framework. But I came across this situation where I had to use both jQuery and Prototype in one of my projects. This unavoidable situation resulted in jQuery (&#8230;)<p><a href="http://www.nazly.net/jquery-noconflict-saves-the-day/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.nazly.net/wp-content/uploads/2011/02/jquery.jpg"><img src="http://www.nazly.net/wp-content/uploads/2011/02/jquery.jpg" alt="" title="jquery" width="250" height="82" class="alignleft size-full wp-image-1324" /></a> All these years I have been only using <a href="http://jquery.com/" target="_blank">jQuery</a> as a Java Script framework. But I came across this situation where I had to use both <a href="http://jquery.com/" target="_blank">jQuery</a> and <a hrea href="http://www.prototypejs.org/" target="_blank">Prototype</a> in one of my projects.  This unavoidable situation resulted in jQuery functions not working as its supposed to. The obvious reason was a conflict between the two libraries. A Google search revealed that this is a common problem and the good news was jQuery already had a solution for it.</p>
<p><span id="more-1316"></span><span style="color: #666666;"><em>&#8220;Many JavaScript libraries use $ as a function or variable name, just as jQuery does. In jQuery&#8217;s case, $ is just an alias for jQuery, so all functionality is available without using $. If we need to use another JavaScript library alongside jQuery, we can return control of $ back to the other library with a call to $.noConflict():&#8221;</em></span></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">&lt;script type=&quot;text/javascript&quot; src=&quot;other_lib.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.js&quot;&gt;&lt;/script&gt;
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
  $.<span style="color: #660066;">noConflict</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  jQuery<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #006600; font-style: italic;">// Code that uses jQuery's $ can follow here.</span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #006600; font-style: italic;">// Code that uses other library's $ can follow here.</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p>It&#8217;s simple as that. It&#8217;s simply why the rest of the world and I love jQuery..!!<br />
More info can be found <a href="http://api.jquery.com/jQuery.noConflict/" target="_blank">here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nazly.net/jquery-noconflict-saves-the-day/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cheat Sheets for Web Developers</title>
		<link>http://www.nazly.net/cheat-sheets-for-web-developers/</link>
		<comments>http://www.nazly.net/cheat-sheets-for-web-developers/#comments</comments>
		<pubDate>Wed, 09 Jul 2008 03:56:09 +0000</pubDate>
		<dc:creator>Nazly</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://blog.nazly.net/cheat-sheets-for-web-developers/</guid>
		<description><![CDATA[I found this excellent list of cheat sheets for Web Developers. It even includes a cheat sheet for SEO. It will be really valuable for Web Developers to keep these cheat sheets in hand. Cheat Sheets for Front-end Web Developers (&#8230;)<p><a href="http://www.nazly.net/cheat-sheets-for-web-developers/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>I found this excellent list of cheat sheets for Web Developers. It even includes a cheat sheet for SEO. It will be really valuable for Web Developers to keep these cheat sheets in hand.</p>
<p><a href="http://sixrevisions.com/resources/cheat_sheets_web_developer/" target="_blank">Cheat Sheets for Front-end Web Developers</a></p>
<p><i>Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they&#039;re nice decorative pieces for your office.</p>
<p>In this article, you&#039;ll find 23 excellent, print-ready cheat sheets for <b>HTML/HTML, CSS, and JavaScript (including MooTools and jQuery).</b></p>
<p>So go ahead &#8211; print out your favorites and pepper your workspace with these wonderful references.</i></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nazly.net/cheat-sheets-for-web-developers/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>100+ Resources for Web Developers</title>
		<link>http://www.nazly.net/100-resources-for-web-developers/</link>
		<comments>http://www.nazly.net/100-resources-for-web-developers/#comments</comments>
		<pubDate>Mon, 10 Mar 2008 01:31:17 +0000</pubDate>
		<dc:creator>Nazly</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[LAMP]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[FOSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://blog.nazly.net/100-resources-for-web-developers/</guid>
		<description><![CDATA[This is a fantastic list for Web Developers. 100+ Resources for Web Developers From the Blogpost : There is some amazing stuff out there on the Web-resources, tools, tricks, and tips. Problem is, as a Web developer, you spend so (&#8230;)<p><a href="http://www.nazly.net/100-resources-for-web-developers/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>This is a fantastic list for Web Developers.<br />
<br /><a href="http://blog-well.com/2008/03/04/100-resources-for-web-developers/" target="_blank">100+ Resources for Web Developers</a></p>
<p>From the Blogpost :<br />
<br /><i>There is some amazing stuff out there on the Web-resources, tools, tricks, and tips. Problem is, as a Web developer, you spend so much of your time just keeping up with new technologies &#8211; learning, playing &#8211; and this doesn&#039;t leave much time to go hunting for the latest and greatest tool, or for a better way of doing things.</p>
<p>So we&#039;ve put together a list of over 100 resources to help make your life as a developer easier; where to find snippets of code, sites that automate processes, cheat sheets, lessons, useful tools and a couple of silly videos to give your brain a break if you make it through to the end. Please enjoy!</i></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nazly.net/100-resources-for-web-developers/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>PHP Projects u need to know</title>
		<link>http://www.nazly.net/php-projects-u-need-to-know/</link>
		<comments>http://www.nazly.net/php-projects-u-need-to-know/#comments</comments>
		<pubDate>Fri, 07 Mar 2008 06:36:13 +0000</pubDate>
		<dc:creator>Nazly</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[projects]]></category>

		<guid isPermaLink="false">http://blog.nazly.net/php-projects-u-need-to-know/</guid>
		<description><![CDATA[Here is list of PHP/Javascript Projects that I have been either using, keeping in track of or got to know recently. Doesn&#039;t matter if you are new to PHP or an expert in PHP, its a worthier try if you (&#8230;)<p><a href="http://www.nazly.net/php-projects-u-need-to-know/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>Here is list of PHP/Javascript Projects that I have been either using, keeping in track of or got to know recently. Doesn&#039;t matter if you are new to PHP or an expert in PHP, its a worthier try if you haven&#039;t got hold of them yet.</p>
<p><b>PHPMailer</b><br />
<br />Even though PHP&#039;s mail() function has been the No.1 choice for me to send an email, but <a href="http://phpmailer.codeworxtech.com/" target="_blank">PHPMailer</a> is the ideal choice when I have to attach a file or send an email through a SMTP server with authentication.</p>
<p><b>php user class</b><br />
<br />This is a new addition to my list of classes. I haven&#039;t played around it yet, but <a href="http://phpuserclass.com/" target="_blank">php user class</a> seems to be a cool class to manipulate users (login, logout, register, etc.) in web applications.</p>
<p><b>Magpie RSS</b><br />
<br /><a href="http://magpierss.sourceforge.net/" target="_blank">Magpie RSS</a> can be used to parse RSS feeds.</p>
<p><b>htmlSQL class</b><br />
<br />This is one of the classes I came across recently. Its really cool. Using the <a href="http://www.jonasjohn.de/lab/htmlsql.htm" target="_blank">htmlSQL</a> class we can access HTML values by an SQL like syntax. Amazing ha? <img src="http://www.nazly.net//smiles/icon_smile.gif" alt=":)[Smile]" /></p>
<p><b>Smarty</b><br />
<br /><a href="http://smarty.php.net" target="_blank">Smarty</a> has always been my choice for a Template Engine.</p>
<p><b>StringParser_BBcode</b><br />
<br />BBcode is the best way to allow users to add bit of spice to their posts in forums, blogs etc. As a developer converting the BBcode to HTML can be bit of a tough job but <a href="http://christian-seiler.de/projekte/php/bbcode/index_en.html" target="_blank">StringParser_BBcode</a> can do that for you.</p>
<p><b>easyFormProc</b><br />
<br /><a href="http://nazly.net/easyformproc/" target="_blank">easyFormProc</a> is a class that I developed that will create and handle all the process of the elements in a form. The processes include form posting, validation and retrieving the posted values. I have added few common validation functions. Custom functions can also be added.</p>
<p><b>jQuery</b><br />
<br /><a href="http://jquery.com/" target="_blank">jQuery</a> is a JavaScript Library that simplifies the way we write JavaScript. Handling events, performing animations, and adding Ajax interactions to web pages never been easier. This is a new addition to my list and I&#039;m loving each an every moment of it.</p>
<p><b>tinyMCE</b><br />
<br /><a href="http://tinymce.moxiecode.com/" target="_blank">tinyMCE</a> is a platform independent web based Javascript HTML WYSIWYG editor. It is a real life saver when it comes to developing CMS Applications that requires average users to update content. </p>
<p>These OpenSource projects really help a great deal in our developments. Specially when it comes to PHP, there will be always a solution already written by someone for our problem. So no need to re-invent the wheel. I would like to hear from you on PHP/Javascript projects that you have used/tried/heard during your development so it allows us to share what we know <img src="http://www.nazly.net//smiles/icon_wink.gif" alt="[Wink]" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nazly.net/php-projects-u-need-to-know/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Enhance your Web Development Using the Firefox Web Developer Extension</title>
		<link>http://www.nazly.net/enhance-your-web-development-using-the-firefox-web-developer-extension/</link>
		<comments>http://www.nazly.net/enhance-your-web-development-using-the-firefox-web-developer-extension/#comments</comments>
		<pubDate>Thu, 06 Mar 2008 05:13:09 +0000</pubDate>
		<dc:creator>Nazly</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[FOSS]]></category>
		<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[add-on]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://blog.nazly.net/enhance-your-web-development-using-the-firefox-web-developer-extension/</guid>
		<description><![CDATA[It has been bit over two years since I last posted about the Web Developer Extension for Mozilla Firefox. All these years I have been using it quite effectively on my developments and it still remains a very effective tool. (&#8230;)<p><a href="http://www.nazly.net/enhance-your-web-development-using-the-firefox-web-developer-extension/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>It has been bit over two years since <a href="http://www.nazly.net/post/web-development-with-mozilla-firefox-127/" target="_blank">I last posted</a> about the <a href="http://chrispederick.com/work/firefox/webdeveloper/" target="_blank">Web Developer Extension</a> for Mozilla Firefox. All these years I have been using it quite effectively on my developments and it still remains a very effective tool. If you haven&#039;t started using it yet, here is a nice article that would encourage you to start using it.</p>
<p><a href="http://sixrevisions.com/rapid-development/9-practical-ways-to-enhance-your-web-development-using-the-firefox-web-developer-extension/" target="_blank">9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extension</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nazly.net/enhance-your-web-development-using-the-firefox-web-developer-extension/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drag &amp; Drop on webpages</title>
		<link>http://www.nazly.net/drag-drop-on-webpages/</link>
		<comments>http://www.nazly.net/drag-drop-on-webpages/#comments</comments>
		<pubDate>Fri, 12 May 2006 12:17:10 +0000</pubDate>
		<dc:creator>Nazly</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[drag]]></category>
		<category><![CDATA[draganddrop]]></category>
		<category><![CDATA[drop]]></category>

		<guid isPermaLink="false">http://blog.nazly.net/drag-drop-on-webpages/</guid>
		<description><![CDATA[Anyone who has the necessity to drag &#38; drop images or layers should look into the DHTML API, Drag &#38; Drop for Images and Layers. Its a really cool API as I played around it quite a bit. Most importantly (&#8230;)<p><a href="http://www.nazly.net/drag-drop-on-webpages/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>Anyone who has the necessity to drag &amp; drop images or layers should look into the <a href="http://www.walterzorn.com/dragdrop/dragdrop_e.htm" target="_blank">DHTML API, Drag &amp; Drop for Images and Layers</a>. Its a really cool API as I played around it quite a bit. Most importantly this library is a free software and released under LGPL.</p>
<p>The thing I like the most is the extendability of certain features. Also it has a very good documentation. I could easily add JavaScript code when an image is dragged or when dropped. I used Ajax in this case. When the user drags and drops an image I updated its position via Ajax to his user record on the server. So next time he logs in I could load the image in the position where he placed it last. Some basic stuff like that. It could really add a lot of interactivity to a webpage.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nazly.net/drag-drop-on-webpages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AJAX framework</title>
		<link>http://www.nazly.net/ajax-framework/</link>
		<comments>http://www.nazly.net/ajax-framework/#comments</comments>
		<pubDate>Mon, 14 Mar 2005 09:42:28 +0000</pubDate>
		<dc:creator>Nazly</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[framework]]></category>

		<guid isPermaLink="false">http://blog.nazly.net/ajax-framework/</guid>
		<description><![CDATA[Today when I rushed into office I just got this news that we have to do some research on the AJAX framework, also known as XMLHTTPRequest or remote scripting which allows webpages to get information from a remote server without (&#8230;)<p><a href="http://www.nazly.net/ajax-framework/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>Today when I rushed into office I just got this news that we have to do some research on the AJAX framework, also known as XMLHTTPRequest or remote scripting which allows webpages to get information from a remote server without performing a browser refresh. It speeds up the browsing time as well as its more comfortable working with the AJAX application.</p>
<p>AJAX is the technique behind <a href="http://www.gmail.com" target="_blank">GMAIL</a>. I was really keen on knowing the technique behind it , though something kept me away from doing any further research on it. And of course this is a good start. </p>
<p><a href="http://www.modernmethod.com/sajax" target="_blank">Sajax</a> is an open source tool to make programming websites using the Ajax framework. Hopefully you will find this tool very useful  as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nazly.net/ajax-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

