tag:blogger.com,1999:blog-20029043711645058022024-09-05T19:23:08.556-07:00Playing With jQueryUnknownnoreply@blogger.comBlogger3125tag:blogger.com,1999:blog-2002904371164505802.post-35995360813925328102011-11-06T07:38:00.000-08:002011-11-18T22:05:15.309-08:00How to disable right click contextual menu<div dir="ltr" style="text-align: left;" trbidi="on">Here's the jQuery snippet for it......<br /> <br /> $(document).ready(function() {<br /> &nbsp; &nbsp; $(document).bind("contextmenu", function(e){<br /> &nbsp; &nbsp; &nbsp; &nbsp; return false;<br /> &nbsp; &nbsp; });<br /> });<br /> <i><br /> </i><br /> That's it!!!<br /> <i>Give it a try by right clicking on this page.....</i><br /> <i><br /> </i><br /> If you have any questions, comments, or suggestions, please let me know in the comments section below!<br /> <i><br /> </i><br /> <i><br /> </i><br /> <i><br /> </i><br /> <script> $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); </script></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2002904371164505802.post-23487855024923606482011-11-05T11:59:00.000-07:002011-11-07T21:20:49.162-08:00Getting Started....<div dir="ltr" style="text-align: left;" trbidi="on"><b>What is <a href="http://www.jquery.com/" target="_blank">jQuery?</a></b><br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLmSLZEIdx4BiyhGNjQGrCwly713wNAgy3hpvrG92lNqoCadQiBVHpUfvIn_kJNqZX4QhW6KeUTH2jxVV2m-hg5RqwykFUh0-la78F2uC6LpjjWvGLWzrvCe_cIMnbFgtSI2FZIQpv7z4/s1600/jQuery-+The+Write+Less%252C+Do+More%252C+JavaScript+Library.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLmSLZEIdx4BiyhGNjQGrCwly713wNAgy3hpvrG92lNqoCadQiBVHpUfvIn_kJNqZX4QhW6KeUTH2jxVV2m-hg5RqwykFUh0-la78F2uC6LpjjWvGLWzrvCe_cIMnbFgtSI2FZIQpv7z4/s1600/jQuery-+The+Write+Less%252C+Do+More%252C+JavaScript+Library.png" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <b>To begin with we need to .....</b><br /> <br /> <i>Step 1 <a href="http://docs.jquery.com/Downloading_jQuery" target="_blank">Download</a> the latest version of jQuery&nbsp;</i><br /> <br /> <i>Step 2</i> <i>Link the jQuery library in the head section of your document. Like</i><br /> <i>&lt;script type="text/javascript" src="/jquery.js"&gt;&lt;/script&gt;</i><br /> <br /> You can skip <i>Step 1</i> by using one of the CDN hosted jQuery<b> </b><i><a href="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" target="_blank">Google Ajax API CDN</a> ,</i><br /> <pre><i><a href="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js" target="_blank">Microsoft CDN</a>, <a href="http://code.jquery.com/jquery-1.7.min.js" target="_blank">jQuery CDN</a> like</i></pre><pre><i><b>&lt;script type="text/javascript" src="</b></i><a href="http://code.jquery.com/jquery-1.7.min.js">http://code.jquery.com/jquery-1.7.min.js</a><i><b>"&gt;&lt;/script&gt;</b></i></pre><br /> <i>Step 3 Execute the code when the document is ready&nbsp;</i><br /> <br /> $(document).ready(function(){<br /> &nbsp;// your code here<br /> });<br /> <br /> <br /> That's it!!!<br /> <br /> <br /> <i>To see jQuery in Action</i>&nbsp;<button type="button" id="yb">Click Me!</button><br /> <script> (function($) {$('#yb').click(function(){$('body').hide(1500).show(2000)});})(jQuery); </script><br /> <br /> If you have any questions, comments, or suggestions, please let me know in the comments section below!</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2002904371164505802.post-140305763804668572011-11-05T08:02:00.000-07:002011-11-06T09:04:33.056-08:00How to add jQuery to Blogger/Blogspot blogs<div dir="ltr" style="text-align: left;" trbidi="on"> Adding <a href="http://jquery.com/" target="_blank">jquery</a> to blogspot is quite simple.....<br /> <br /> <i>Step 1 Login to your Dashboard</i><br /> <i><br /> </i><br /> <i>Step 2 Go to Template --&gt; Edit HTML</i><br /> <i><br /> </i><br /> <i>Step 3 Locate &lt;head&gt; tag&nbsp;</i><br /> <i><br /> </i><br /> <i>Step 4 Add the following code after &lt;head&gt; tag</i><br /> <i><br /> </i><br /> <i>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;</i><br /> <i><br /> </i><br /> <i>Step 5 Save Template</i><br /> <i><br /> </i><br /> <i><b>That's it!!!</b></i><br /> <br /> If you have any questions, comments, or suggestions, please let me know in the comments section below!</div>Unknownnoreply@blogger.com0