<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0"><channel><title>Programmer</title><description>ALL Programming Tutorials,Books,Sample Codes &amp;amp; Programming News &amp;amp; Tricks Available Hear</description><managingEditor>noreply@blogger.com (Anonymous)</managingEditor><pubDate>Fri, 8 Nov 2024 21:03:35 +0530</pubDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">60</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">25</openSearch:itemsPerPage><link>http://programmingdumps.blogspot.com/</link><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle>ALL Programming Tutorials,Books,Sample Codes &amp;amp; Programming News &amp;amp; Tricks Available Hear</itunes:subtitle><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><title>Happy Holidays Google Logo: Interactive Doodle Plays Music, Dances To 'Jingle Bells' (VIDEO)</title><link>http://programmingdumps.blogspot.com/2011/12/happy-holidays-google-logo-interactive.html</link><category>Tips and Tricks</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 24 Dec 2011 09:04:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-6670036182661050509</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDxWUZTetcj4RszbhTMO5TYc8lXIL9MNn1WZn2euJop7HP2BAFaUK4HkCnAjTgfZ-cTZK6iJgm4ptwQ6Q_Z235taanwJ8ecQgLfhSKIviXo4fAxb6n59AshYS5CvgET53r8e2hfv1AwQ/s1600/r-GOOGLE-LOGO-large570.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDxWUZTetcj4RszbhTMO5TYc8lXIL9MNn1WZn2euJop7HP2BAFaUK4HkCnAjTgfZ-cTZK6iJgm4ptwQ6Q_Z235taanwJ8ecQgLfhSKIviXo4fAxb6n59AshYS5CvgET53r8e2hfv1AwQ/s400/r-GOOGLE-LOGO-large570.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
Google is spreading the holiday cheer with Friday's&lt;a href="http://www.google.com/doodles/finder/2011/All%20doodles" style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #0088c3; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_hplink"&gt;Google Doodle&lt;/a&gt;.&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
The interactive Google logo, which today is outlined in Christmas lights, features colored boxes under each letter. When you click one of the boxes, the entire background turns black, Google's "G" is replaced by a snowflake and you hear one of the notes from the beginning of "Jingle Bells."&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
Clicking all of the corresponding boxes allows you to play the beginning of the song, and when you click the last box (it doesn't have to be in any order), "Jingle Bells" plays. The logo transforms, with letters become a dancing snowman, a ringing bell, and a dancing Santa head, among others.&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
But Google doesn't stop there. When the "Jingle Bells" rendition is over, you're taken to a page that shows you the search results for "happy holidays."&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
The search giant is famous for its whimsical changes to the company logo to,&amp;nbsp;&lt;a href="http://www.google.com/doodles/about" style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #0088c3; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_hplink"&gt;in the worlds of Google&lt;/a&gt;, "celebrate holidays, anniversaries and the lives of famous artists, pioneers and scientists."&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
Past Google Doodles have&amp;nbsp;&lt;a href="http://www.huffingtonpost.com/2011/09/24/muppets-google-doodle-jim-henson_n_979011.html" style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #0088c3; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_hplink"&gt;celebrated the birthday of Muppets creator Jim Henson&lt;/a&gt;, guitar&amp;nbsp;&lt;a href="http://www.huffingtonpost.com/2011/06/09/how-to-play-guitar-on-google_n_873895.html" style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #0088c3; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_hplink"&gt;legend Les Paul&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href="http://www.huffingtonpost.com/2011/11/28/egypt-election-google-doodle-2011_n_1116174.html" style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #0088c3; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_hplink"&gt;Egypt's historic elections&lt;/a&gt;.&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
Earlier this month, Google&amp;nbsp;&lt;a href="http://www.google.com/doodles/finder/2011/All%20doodles" style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #0088c3; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_hplink"&gt;announced that it had revamped&lt;/a&gt;&amp;nbsp;its Google Doodle site so users could continue to enjoy the doodles when they're no longer posted on the homepage.&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
But enough about the doodle. Turn up the speakers on your computer and&amp;nbsp;&lt;a href="https://www.google.com/" style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #0088c3; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_hplink"&gt;get Googling&lt;/a&gt;!&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
Check out the festive doodle (below) and click through the rest of the slideshow to see some of our favorite doodles ever.&lt;/div&gt;
&lt;div style="background-color: white; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
&lt;em style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18px;"&gt;Note: At around 5:20 p.m. EST on Friday, the logo's interactive features were unavailable.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18px;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/to__rxeGRe8" width="480"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;
&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDxWUZTetcj4RszbhTMO5TYc8lXIL9MNn1WZn2euJop7HP2BAFaUK4HkCnAjTgfZ-cTZK6iJgm4ptwQ6Q_Z235taanwJ8ecQgLfhSKIviXo4fAxb6n59AshYS5CvgET53r8e2hfv1AwQ/s72-c/r-GOOGLE-LOGO-large570.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>Login or Signup with Jquery and PHP</title><link>http://programmingdumps.blogspot.com/2011/12/login-or-signup-with-jquery-and-php.html</link><category>jQuery</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Thu, 8 Dec 2011 20:53:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-7201904257309301410</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;Some users doesn't like to filling the registration form. So that I had&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;implemented login and singup fields in same block just controlling with&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;jquery and PHP. It's is very simple javascript and basic PHP code.&lt;/span&gt;&lt;/div&gt;
&lt;div class="post-body-n" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-size: 15px; font-variant: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px;"&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-tab-span" style="font-family: 'Times New Roman'; text-align: -webkit-center; white-space: pre;"&gt;  &lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgky0BJ59bnmYlY0_q41XsCwCvvyVUW3A__P2RPgEFNH4djqnF5MUIZybngXOcqLiENs9W6iQJnHOSJ6PE9qVWFk2yaOMd4GnSIMi44EorlcS0kUBJGLOyNMcXF8EEJYULRLUkABkjb-WE/s1600/loginorsignup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgky0BJ59bnmYlY0_q41XsCwCvvyVUW3A__P2RPgEFNH4djqnF5MUIZybngXOcqLiENs9W6iQJnHOSJ6PE9qVWFk2yaOMd4GnSIMi44EorlcS0kUBJGLOyNMcXF8EEJYULRLUkABkjb-WE/s320/loginorsignup.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;a href="http://www.blogger.com/blogger.g?blogID=5608404027428291175" name="more" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;img align="absmiddle" alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvM7ugyFmWJO1F3Q02ApP45OdsgVKayGFtq1rk_qyzQ8bPWPhqOAXv2ZWdzM-l5Bq0pJBAh982euFiVzqSuwxa6QUAGzdRWK8_T4ovvocNSIPo15-3vE3en7D1DCZ7oiG9hpDA1k8sZubH/" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; cursor: pointer; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a href="http://demos.9lessons.info/url.php?url=http://www.box.net/shared/sbmc78y2cd" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;Download&amp;nbsp;&lt;/a&gt;&lt;a href="http://demos.9lessons.info/url.php?url=http://www.box.net/shared/sbmc78y2cd" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;Script&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;img align="absmiddle" alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRpqPgqN56ZmfChlfAq3OMPiO7AGm8C0RMzdSaOg3zGCVxU5U2TWUVaAKm9H0qnjuw6F4TUbGWhJq7ZcLBxigL-RWJfI3xcSNlJSKfRmcUaPm-yz-wN0p0sDBPYp8QzxrCWoQNufwWkLrQ/" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; cursor: pointer; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&amp;nbsp;&lt;a href="http://demos.9lessons.info/loginup.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;Live&amp;nbsp;&lt;/a&gt;&lt;a href="http://demos.9lessons.info/loginup.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;Demo&lt;/a&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal;"&gt;
&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Javascript code&lt;/b&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px;"&gt;$('#signup').click(function(){}&lt;/i&gt;&amp;nbsp;-&amp;nbsp;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px;"&gt;signup&lt;/i&gt;&amp;nbsp;is&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&amp;nbsp;&lt;/span&gt;the ID of the radio.&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; Using&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; white-space: normal;"&gt;$("#login_block").hide()&lt;/i&gt;&amp;nbsp;hide&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&amp;nbsp;&lt;/span&gt;the login block and&amp;nbsp;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px;"&gt;$("#signup_block").show()&lt;/i&gt;&amp;nbsp;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; shows&amp;nbsp;signup block.&amp;nbsp;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: normal; width: 500px; word-wrap: break-word;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;script&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;src="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;http://ajax.googleapis.com/&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;ajax/libs/jquery/1.4.2/jquery.min.js"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;script&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;document&lt;/span&gt;).&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;ready&lt;/span&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$('&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#signup&lt;/span&gt;').&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/span&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#password'&lt;/span&gt;).&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;val&lt;/span&gt;('');&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#login_block'&lt;/span&gt;).&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;hide&lt;/span&gt;();&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#signup_block'&lt;/span&gt;).&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;show&lt;/span&gt;();&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;});&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#login'&lt;/span&gt;).&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/span&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#newpassword'&lt;/span&gt;).&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;val&lt;/span&gt;('');&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#signup_block'&lt;/span&gt;).&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;hide&lt;/span&gt;();&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#login_block'&lt;/span&gt;).&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;show&lt;/span&gt;();&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;});&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;});&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;HTML Code&lt;/b&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal;"&gt;
&lt;span class="Apple-style-span" style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Contains simple html code.&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px;"&gt;signup_block&lt;/i&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;style&lt;/span&gt;&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&amp;nbsp;&lt;/span&gt;display none.&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: normal; width: 530px; word-wrap: break-word;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;form method="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;post&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;action="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;loginup.php&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;div&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;label&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Email&lt;/b&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/label&amp;gt;&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #6fa8dc; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;input type="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;name="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;email&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"/&amp;gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #6fa8dc; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;br&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;/&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;input type="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;radio&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;name="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;choose&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;id="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;login&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;checked="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;checked&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"/&amp;gt;&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;I&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;have an account&lt;/b&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #6fa8dc; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;br&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;/&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;input type="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;radio&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;name="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;choose&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;id="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;signup&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"/&amp;gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;I&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;am new!&lt;/b&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #6fa8dc; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;br&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;/&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;div id="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;login_block&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;label&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Password&lt;/b&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/label&amp;gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #6fa8dc; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;br&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;/&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;input type="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;password&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;name="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;password&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;id="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;password&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"/&amp;gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #6fa8dc; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;input type="submit" value="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;Login&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;"/&amp;gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;div id="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;signup_block&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;style="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;display:none&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;label&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Choose&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;password&lt;/b&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/label&amp;gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #6fa8dc; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;input type="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;password&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;name="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;newpassword&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;id="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;newpassword&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;/&amp;gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #6fa8dc; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;input type="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;submit&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;value="&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;Signup&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;"/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/form&amp;gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;loginup.php&lt;/b&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: normal; width: 530px; word-wrap: break-word;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;?php&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;)&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$email =&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;['&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;email&lt;/span&gt;'];&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$password =&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;['&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;password&lt;/span&gt;'];&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$newpassword =&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;['&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;newpassword&lt;/span&gt;'];&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;[&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'password'&lt;/span&gt;]&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;[&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'email'&lt;/span&gt;])&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$sql=&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;mysql_query&lt;/span&gt;(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #e06666; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"SQl&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;select statement");&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;echo&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #e06666; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"Login&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;success";&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;else if(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;[&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'newpassword'&lt;/span&gt;]&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;[&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'email'&lt;/span&gt;])&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$sql=&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;mysql_query&lt;/span&gt;(&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #e06666; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"SQl&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;Insert values statement");&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;echo&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #e06666; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"Registration&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;Success";&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;?&amp;gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-weight: normal; white-space: normal;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgky0BJ59bnmYlY0_q41XsCwCvvyVUW3A__P2RPgEFNH4djqnF5MUIZybngXOcqLiENs9W6iQJnHOSJ6PE9qVWFk2yaOMd4GnSIMi44EorlcS0kUBJGLOyNMcXF8EEJYULRLUkABkjb-WE/s72-c/loginorsignup.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>jQuery Username Availability check</title><link>http://programmingdumps.blogspot.com/2011/12/jquery-username-availability-check.html</link><category>jQuery</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Thu, 8 Dec 2011 20:22:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-7957354649416329681</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; This post about Twitter used jQuery plug-in JavaScript code in&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;registration page&amp;nbsp; username Availability check and update Screen name.&lt;/span&gt;&lt;/div&gt;
&lt;div class="post-body-n" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px;"&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; text-align: justify;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;This is very useful stuff, this is the best way to implement it and the only&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&amp;nbsp;&lt;/span&gt;thing you have to modify just some database connection parameters.&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggTxhSP8ndzQoEjszsQFVdLvt97C6xH6eVaPmjyvVUU7V2CRWTeXRMLjlCw9u0tSr1jvXnnFsW266Ey4O2aEUdPIASSrjzCD9WCR4O-povP4yZKJzEtAhyphenhyphennle9FPJ7MJpIeLc27JoRZkc/s1600/foxsc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"&gt;&lt;img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggTxhSP8ndzQoEjszsQFVdLvt97C6xH6eVaPmjyvVUU7V2CRWTeXRMLjlCw9u0tSr1jvXnnFsW266Ey4O2aEUdPIASSrjzCD9WCR4O-povP4yZKJzEtAhyphenhyphennle9FPJ7MJpIeLc27JoRZkc/s320/foxsc.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;jQuery Plug-in :&lt;a href="http://www.box.net/shared/xzpfyx6aov" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;Download&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Step1: Modifiy dbconnection.php&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Change MySQL connection parameters in dbconnection.php&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: normal; width: 530px; word-wrap: break-word;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;?php&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$mysql_hostname = "&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Host&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;name";&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$mysql_user = "&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;UserName&lt;/span&gt;";&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$mysql_password = "&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Password&lt;/span&gt;";&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$mysql_database = "&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Database&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;Name";&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$prefix = "";&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$bd =&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;mysql_connect&lt;/span&gt;($mysql_hostname,&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$mysql_user, $mysql_password) or die("Could not connect database");&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;mysql_select_db($mysql_database, $bd) or die("Could not select&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;database");&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;?&amp;gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Step2: cofigure check.php&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Change table name and column name in SQL query.&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: normal; width: 530px; word-wrap: break-word;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;   &lt;/span&gt;&amp;lt;?php&lt;/div&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;   &lt;/span&gt;// This is a code to check the username from a mysql database table&lt;/div&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if(isSet(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;['&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;username&lt;/span&gt;']))&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$username =&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$_POST&lt;/span&gt;['&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;username&lt;/span&gt;'];&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #274e13; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;include("&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;dbconnection.php&lt;/span&gt;");&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$sql_check =&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;mysql_query&lt;/span&gt;(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"SELECT&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;user FROM {$prefix}users WHERE user='$username'");&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;mysql_num_rows&lt;/span&gt;($sql_check))&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;echo&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'&amp;lt;span&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;style="color: red;"&amp;gt;The username &amp;lt;b&amp;gt;'.$username.'&amp;lt;/b&amp;gt; is already in&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;use.&amp;lt;/span&amp;gt;';&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;else&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;echo&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;'&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;OK&lt;/span&gt;';&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;   &lt;/span&gt;?&amp;gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Step 3. Add JQuery framework on your page&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;jQuery Plug-in :&lt;a href="http://www.box.net/shared/xzpfyx6aov" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;Download&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUgcbpm-UfCAHOnLG8DBcIhiGUW91eXKQVCVlHcXxxyaEygX9S5f4INJopJgRCH0TgsDuuXa5k8AgbAw-PlDUOmOq2zgWWaLZWK-9-es9G609t1XlFkCRs14FPMajdMPkKwrKNbAI0T5A/s1600/check.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUgcbpm-UfCAHOnLG8DBcIhiGUW91eXKQVCVlHcXxxyaEygX9S5f4INJopJgRCH0TgsDuuXa5k8AgbAw-PlDUOmOq2zgWWaLZWK-9-es9G609t1XlFkCRs14FPMajdMPkKwrKNbAI0T5A/s320/check.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;First, you have to download the&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a href="http://www.box.net/shared/xzpfyx6aov" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;jQuery&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;a href="http://www.box.net/shared/xzpfyx6aov" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;plugin&lt;/a&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;and add a link to the&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;framework within the tag&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;of&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;the page:&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal;"&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;span class="Apple-style-span" style="border-color: initial; font-style: inherit; outline-color: initial; outline-style: initial;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Step 4. Registration.php Code&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;HTML code for this example is very simple:&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: normal; width: 530px; word-wrap: break-word;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;script src="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;js/jquery.js&lt;/span&gt;"&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;type=&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;script&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;pic1 = new Image(16, 16);&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;pic1.src = "l&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;oader.gif&lt;/span&gt;";&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(document).ready(function(){&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).change(function()&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;var usr = $(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).val();&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if(usr.length &amp;gt;= 3)&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#status"&lt;/span&gt;).html('&amp;lt;img&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;align="absmiddle" src="loader.gif" /&amp;gt;&amp;nbsp;Checking availability...');&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$.ajax({&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;type:&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"POST"&lt;/span&gt;,&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;url:&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"check.php"&lt;/span&gt;,&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;data:&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"username="&lt;/span&gt;+&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;usr,&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;success: function(msg){&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#status"&lt;/span&gt;).ajaxComplete(function(event,&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;request, settings){&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if(msg == 'OK')&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).removeClass(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'object_error'&lt;/span&gt;);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;// if necessary&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$("#username").addClass("&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;object_ok"&lt;/span&gt;);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(this).html('&amp;nbsp;&amp;lt;img align="absmiddle" src="accepted.png" /&amp;gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;');&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;else&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).removeClass(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'object_ok'&lt;/span&gt;);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;// if necessary&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).addClass(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"object_error"&lt;/span&gt;);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(this).html(msg);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}});}});}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;else&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#status"&lt;/span&gt;).html('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;The&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;username should have at least&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;3&lt;/b&gt;characters.');&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).removeClass('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;object_ok&lt;/span&gt;');&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;//&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if necessary&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$("&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#username&lt;/span&gt;").addClass("&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;object_error&lt;/span&gt;");&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}});});&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;//--&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;div&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #000099; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;label&amp;gt;User name:&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #000099; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/label&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;input type=&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"text"&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;id=&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"username"&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;name=&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"username"&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;class=&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"inn"&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;/&amp;gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;div id=&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"status"&lt;/span&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal;"&gt;
&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;img align="absmiddle" alt="" border="0" id="BLOGGER_PHOTO_ID_5124626767371640482" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-NXREVTRVxj8yPLKOxBp_6HXLRnZgwyf31KES0SEu_bl3thzfszenH9pKouPmPyRN-ijgcE5858L55gAO6g9wzQDFk8yADvs8Uq1cCflWGbTApVw8j7iH3bIAVYPJtp-67zAuouS-SGs2/" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; cursor: pointer; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a href="http://www.box.net/shared/ha1g1o5gj5" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;Download&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;a href="http://www.box.net/shared/ha1g1o5gj5" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;source code&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjObmC29EVm0HFs9-GXVV7_cuZGsgTXxSUlfHvxNigip1GDX2VfXl9AGK6VRF1sOB86MDvCPIAIY4Xfe3J3FzM94lYIeDRu2rQHGsZJdnWwvNLNxIKrHMS0fB7z6-igfABuXNB02i6QrYU/s1600/avlible.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="67" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjObmC29EVm0HFs9-GXVV7_cuZGsgTXxSUlfHvxNigip1GDX2VfXl9AGK6VRF1sOB86MDvCPIAIY4Xfe3J3FzM94lYIeDRu2rQHGsZJdnWwvNLNxIKrHMS0fB7z6-igfABuXNB02i6QrYU/s320/avlible.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal;"&gt;
&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal;"&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;span class="Apple-style-span" style="border-color: initial; font-style: inherit; outline-color: initial; outline-style: initial;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Update Screen Name&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpryJOR2FMf-AGhFSvwjYUrOMTux2IP1Sa7yxWtUF9zxkAWc71h3FJkZ9o9xGal87VMrzZxMQBGE8PnKR7Zys7RU4SYFE_AMsqxHKpugwq1Pyp0Fzg1mW1nRFLYxy8x1a8el4AamydYLg/s1600/urlupdate.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpryJOR2FMf-AGhFSvwjYUrOMTux2IP1Sa7yxWtUF9zxkAWc71h3FJkZ9o9xGal87VMrzZxMQBGE8PnKR7Zys7RU4SYFE_AMsqxHKpugwq1Pyp0Fzg1mW1nRFLYxy8x1a8el4AamydYLg/s320/urlupdate.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal;"&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;settings.js : enables jQuery functionalities&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;javascript code enables the jQuery functionalities.&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: normal; width: 530px; word-wrap: break-word;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;var twitter=function()&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;var rtn={updateUrl:function(value){$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username_url"&lt;/span&gt;).html(value)},&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;screenNameKeyUp:function(){&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;jQuery("&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#user_screen_name&lt;/span&gt;").keyup(function(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;event&lt;/span&gt;){var&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;screen_name=jQuery("&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#user_screen_name&lt;/span&gt;");&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;)&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;},return rtn}();&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Copy jquery.js and settings.js in&amp;nbsp;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;js&lt;/b&gt;&amp;nbsp;folder&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal;"&gt;
&lt;span class="Apple-style-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal;"&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;span class="Apple-style-span" style="border-color: initial; font-style: inherit; outline-color: initial; outline-style: initial;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Registration.php Final code&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px;"&gt;
&lt;span class="Apple-style-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: normal; width: 530px; word-wrap: break-word;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;head&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;script src="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;js/jquery.js&lt;/span&gt;"&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;type=&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;script src="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;js/settings.js&lt;/span&gt;"&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;type="&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;script&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;pic1 = new Image(16, 16);&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;pic1.src = "l&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;oader.gif&lt;/span&gt;";&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(document).ready(function(){&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).change(function()&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;var usr = $(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).val();&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if(usr.length &amp;gt;= 3)&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#status"&lt;/span&gt;).html('&amp;lt;img&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;align="absmiddle" src="loader.gif" /&amp;gt;&amp;nbsp;Checking availability...');&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$.ajax({&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;type:&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"POST"&lt;/span&gt;,&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;url:&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"check.php"&lt;/span&gt;,&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;data:&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"username="&lt;/span&gt;+&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;usr,&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;success: function(msg){&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#status"&lt;/span&gt;).ajaxComplete(function(event,&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;request, settings){&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if(msg == 'OK')&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).removeClass(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'object_error'&lt;/span&gt;);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;// if necessary&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$("#username").addClass("&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;object_ok"&lt;/span&gt;);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(this).html('&amp;nbsp;&amp;lt;img align="absmiddle" src="accepted.png" /&amp;gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;');&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;else&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).removeClass(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'object_ok'&lt;/span&gt;);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;// if necessary&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).addClass(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"object_error"&lt;/span&gt;);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(this).html(msg);&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}});}});}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;else&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#status"&lt;/span&gt;).html('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;The&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;username should have at least&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;3&lt;/b&gt;characters.');&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"#username"&lt;/span&gt;).removeClass('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;object_ok&lt;/span&gt;');&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;//&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;if necessary&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$("&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#username&lt;/span&gt;").addClass("&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;object_error&lt;/span&gt;");&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;}});});&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;//--&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/head&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;body&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;div&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #000099; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;label&amp;gt;User name:&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #000099; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/label&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;input type=&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"text"&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;id=&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"username"&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;name=&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"username"&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;onkeyup=&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"Twitter.updateUrl(this.value)"&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;class=&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"inn"&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #ff6600; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;/&amp;gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;http://xyz.com/&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #000099; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;span&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;id=&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"username_url"&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #000099; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;class=&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3366ff; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"url"&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #000099; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;USERNAME&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #000099; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;div id=&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"status"&lt;/span&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;script type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$( function () {&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;twitter.screenNameKeyUp();&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;$('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#user_screen_name&lt;/span&gt;').focus();&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;});&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: red; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;   &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;   &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/body&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/html&amp;gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal;"&gt;
&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;img align="absmiddle" alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-NXREVTRVxj8yPLKOxBp_6HXLRnZgwyf31KES0SEu_bl3thzfszenH9pKouPmPyRN-ijgcE5858L55gAO6g9wzQDFk8yADvs8Uq1cCflWGbTApVw8j7iH3bIAVYPJtp-67zAuouS-SGs2/" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; cursor: pointer; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a href="http://www.box.net/shared/ha1g1o5gj5" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;Download&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;a href="http://www.box.net/shared/ha1g1o5gj5" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;source code&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;a href="http://9lessons.blogspot.com/2009/01/mysql-workbench-tutorials.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: normal; white-space: normal;"&gt;
&lt;a href="http://9lessons.blogspot.com/2009/01/mysql-workbench-tutorials.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Visual Database Desing with MySQL Workbench&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggTxhSP8ndzQoEjszsQFVdLvt97C6xH6eVaPmjyvVUU7V2CRWTeXRMLjlCw9u0tSr1jvXnnFsW266Ey4O2aEUdPIASSrjzCD9WCR4O-povP4yZKJzEtAhyphenhyphennle9FPJ7MJpIeLc27JoRZkc/s72-c/foxsc.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total></item><item><title>Jquery Basics Series - 3</title><link>http://programmingdumps.blogspot.com/2011/11/jquery-basics-series-3.html</link><category>jQuery</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 26 Nov 2011 01:09:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-40702020635878099</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;Previous series I had discussed about jQuery effects. Now time to talk about&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;custom animation with jQuery using&lt;/span&gt;&amp;nbsp;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: justify;"&gt;animate()&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"&gt;.&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;This is very interesting using this we can make beautiful web projects.&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div align="center" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;img class="sri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjePci_naei-t_It5IoD85na6DQ2n58_QqnY92chOBxCgnAFVMN0XEEPt9u-6QKS-FKtn9KFWzc-4z7GLHreRReQZH4io9yMN0oVEp-7KCfPAEi49JXT-gvLhhoxKtyu4ToTI9OH5mnd5P9/" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 9px; padding-left: 9px; padding-right: 9px; padding-top: 9px;" /&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-create.g?blogID=5608404027428291175" name="more" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://programmingdumps.blogspot.com/2011/11/jquery-basics-series-1.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 23px; font-style: inherit; letter-spacing: -1px; line-height: 36px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Jquery Basics Series - 1&lt;/a&gt;&lt;br /&gt;
&lt;div id="biglink" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 1.5em; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: -0.05em; line-height: 36px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px;"&gt;&lt;div style="white-space: normal;"&gt;&lt;a href="http://programmingdumps.blogspot.com/2011/11/jquery-basics-series-2.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 23px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;Jquery Basics Series - 2&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Custom Animation with&amp;nbsp;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px;"&gt;animate()&lt;/i&gt;&lt;/b&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;$(selector).animate()&lt;/i&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
While clicking the anchor link&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;class='animate'&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;it's&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
calling the class&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;arrow&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;adding&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
animation effect.Take a look at&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/animate.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;live&lt;/a&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/animate.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="font-weight: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&amp;nbsp;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(function&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'.animate'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/span&gt;&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;()&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'.arrow'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;animate&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;(&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;paddingLeft&lt;/span&gt;"&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;:&lt;/b&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;800px&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;opacity&lt;/span&gt;"&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;:&lt;/b&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;0.0&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal;"&gt;&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;span class="Apple-style-span" style="border-color: initial; font-style: inherit; outline-color: initial; outline-style: initial;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;/b&gt;, "&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;slow&lt;/span&gt;"&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;);&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal;"&gt;&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;span class="Apple-style-span" style="border-color: initial; font-style: inherit; outline-color: initial; outline-style: initial;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal;"&gt;&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;span class="Apple-style-span" style="border-color: initial; font-style: inherit; outline-color: initial; outline-style: initial;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;a href="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;class="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;animate&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&lt;/span&gt;animate()&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;div&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;span style="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #444444; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;font-size:48px;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;font-weight:bold&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;class="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;arrow&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;==&amp;gt;&lt;/b&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Jquery Color Plugin&lt;/b&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;:&amp;nbsp;&lt;/span&gt;&lt;a class="live" href="http://www.box.net/shared/a3v59kai11" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Download&amp;nbsp;&lt;/a&gt;&lt;a class="live" href="http://www.box.net/shared/a3v59kai11" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Link&lt;/a&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Change Background Color&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
Some readers asked to me how to change background color while clicking delete&lt;br /&gt;
button&amp;nbsp;&lt;a href="http://9lessons.blogspot.com/2009/07/delete-records-with-random-animation.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Delete&lt;/a&gt;&amp;nbsp;&lt;a href="http://9lessons.blogspot.com/2009/07/delete-records-with-random-animation.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Records with Animation Effect using jQuery and Ajax&lt;/a&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
Using&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;jquery.color.js&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;plug-in&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
we can implement when delete it turns red background. Take a look at&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/hovermenu.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;live&amp;nbsp;&lt;/a&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/hovermenu.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="font-weight: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&amp;nbsp;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;src="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;jquery.color.js&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$&lt;/b&gt;(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#box&lt;/span&gt;').&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;hover&lt;/span&gt;&lt;/b&gt;(f&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;unction()&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(this)&lt;/b&gt;.&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;animate&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;(&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;backgroundColor&lt;/span&gt;":&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#333333&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;/b&gt;, "&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;slow&lt;/span&gt;"&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;);&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal;"&gt;&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;span class="Apple-style-span" style="border-color: initial; font-style: inherit; outline-color: initial; outline-style: initial;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;div id="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;box&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 30px; letter-spacing: -1px; line-height: 36px;"&gt;Working with Mouseover() and Mouseout() Events.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
Take a look at&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/mouse.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;live&amp;nbsp;&lt;/a&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/mouse.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="font-weight: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&amp;nbsp;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;src="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;jquery.color.js&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#box'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;mouseover&lt;/span&gt;&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #073763; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(this).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;animate&lt;/span&gt;&lt;/b&gt;({&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;backgroundColor&lt;/span&gt;":&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#333333&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;borderBottomWidth&lt;/span&gt;":&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;20px&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;borderBottomColor&lt;/span&gt;":"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#cc0000&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;color&lt;/span&gt;":"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#ffffff&lt;/span&gt;"&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}, "&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;slow&lt;/span&gt;"&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;);&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;mouseout&lt;/span&gt;&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(this)&lt;/b&gt;.&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;animate&lt;/span&gt;&lt;/b&gt;({&lt;br /&gt;
&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;backgroundColor&lt;/span&gt;":&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#96BC43&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;borderWidth&lt;/span&gt;":&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;3px&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;borderColor&lt;/span&gt;":"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#333333&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;color&lt;/span&gt;":"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#000000&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;borderBottomColor&lt;/span&gt;":"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#333333&lt;/span&gt;",&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}, "&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;slow&lt;/span&gt;"&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;);&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;div id="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;box&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;9lessons.blogspot.com&lt;/b&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;CSS Code&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="font-weight: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;#box&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;background-color:#96BC43;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;border:solid 3px #333333;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;height:160px;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;font-size:46px;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;font-weight:bold;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 30px; letter-spacing: -1px; line-height: 36px;"&gt;Working with Keyup() Event&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
Take a look at this following link I had given code and nice demo.&lt;br /&gt;
&lt;a href="http://9lessons.blogspot.com/2009/10/live-preview-with-jquery.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 23px; font-style: inherit; letter-spacing: -1px; line-height: 36px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Live Preview with jQuery&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjePci_naei-t_It5IoD85na6DQ2n58_QqnY92chOBxCgnAFVMN0XEEPt9u-6QKS-FKtn9KFWzc-4z7GLHreRReQZH4io9yMN0oVEp-7KCfPAEi49JXT-gvLhhoxKtyu4ToTI9OH5mnd5P9/s72-c" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Jquery Basics Series - 2</title><link>http://programmingdumps.blogspot.com/2011/11/jquery-basics-series-2.html</link><category>jQuery</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 26 Nov 2011 00:59:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-3314668421202043144</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;Very good response about "&lt;/span&gt;&lt;a href="http://9lessons.blogspot.com/2009/10/jquery-basics-series-1.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 16px; font-style: inherit; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; text-decoration: none;"&gt;Jquery Basic Series - 1&lt;/a&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"&gt;". Last series discussed about jquery installation and&amp;nbsp;introduction. In this post I want to explain about animation&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: justify;"&gt;Effects&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"&gt;and&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: justify;"&gt;Attributes&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;div class="bigInt" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; text-indent: 0px; text-shadow: white 0px 1px 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;br /&gt;
&lt;div style="text-align: center;"&gt;&lt;img class="sri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAXvbqEKA39Jr94PGa6umf4R-6pVuLzt2AuMYpjbxxgmXoB5bonnRWkraZ_Qt8GmwrZ6ljlRQZ6MSmWKffLno9YFJTJTtdFL9BWwP2Sx4CjCNacNEMEhMU7_bovMa8afz4vrZeH1qk2ME/s1600/jquery2.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; font-family: inherit; font-size: 15px; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 9px; padding-left: 9px; padding-right: 9px; padding-top: 9px;" /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div align="center" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;" style="font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 15px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;" /&amp;gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;&lt;br /&gt;
&lt;/b&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Effects&lt;/b&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; text-align: -webkit-auto;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;Fading Out and In :&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;$(selector).fadeOut()&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;$(selector).fadeIn()&lt;/i&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;Sliding Up and Down :&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;$(selector).slideUp()&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;$(selector).slideDown()&lt;/i&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;Sliding Toggle :&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;$(selector).slideToggle()&lt;/i&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;Custom animation effect :&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;$(selector).animate()&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;//&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt; I will discuss this in upcoming post.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt; Fading Effect&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt; Fading Out and In the div tag&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;id='box'&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;. &lt;br /&gt;
Here you can change the effect speed&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;fadeOut(speed,callback)&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;Eg.&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;fadeOut("fast" &lt;br /&gt;
or "slow"), fadeOut(300)&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;. &lt;br /&gt;
Take a look at&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/effects.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Live Demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(222, 222, 222); border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;script&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #073763; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; $&lt;/span&gt;&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; $&lt;/b&gt;(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'.fadeOut_box'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#box'&lt;/span&gt;).&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;fadeOut&lt;/span&gt;("slow");&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; //Sliding effect just replace fadeOut() to slideUp()&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;});&lt;br /&gt;
&lt;br /&gt;
$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'.fadeIn_box'&lt;/span&gt;)&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.click&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#box'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;fadeIn&lt;/b&gt;("slow");&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; //Sliding effect just replace fadeIn() to slideDown()&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;});&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; &amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;body&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;a href="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#&lt;/span&gt;" &lt;br /&gt;
class="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;fadeOut_box&lt;/span&gt;"&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;fadeOut()&lt;/span&gt;&lt;/b&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;a href="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#&lt;/span&gt;" &lt;br /&gt;
class="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;fadeIn_box&lt;/span&gt;"&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;fadeIn()&lt;/span&gt;&lt;/b&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; &amp;lt;div id="&lt;/b&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;box&lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/body&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;br /&gt;
CSS code&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(222, 222, 222); border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#box&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
background-color:#96BC43;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
border:solid 3px #333333;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
height:160px;&lt;br /&gt;
&lt;br /&gt;
margin-top:30px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 30px; letter-spacing: -1px; line-height: 36px;"&gt;Attributes&lt;/span&gt;&lt;br /&gt;
&lt;div id="big" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 1.9em; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: -0.05em; line-height: 36px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;attr()&lt;/b&gt;&lt;/div&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt; Using this method&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;attr()&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;makes &lt;br /&gt;
it easy to retrieve a property value from the matched element.&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;$(selector).attr(properties)&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;; &lt;br /&gt;
Eg Attributes: id, class, title, src, href, etc... Take a look at&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/attr.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Live Demo&lt;/a&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(222, 222, 222); border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;script&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; $&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'.link'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; var&lt;/span&gt;&lt;/b&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;id=&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$(this)&lt;/span&gt;&lt;/b&gt;.attr(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"id"&lt;/span&gt;);&lt;br /&gt;
&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; var&lt;/b&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;class=&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$(this)&lt;/b&gt;.attr(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"class"&lt;/span&gt;);&lt;br /&gt;
&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; var&lt;/b&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;href=&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$(this)&lt;/span&gt;.attr(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"href"&lt;/span&gt;);&lt;br /&gt;
&lt;br /&gt;
&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; alert&lt;/span&gt;(id);&lt;br /&gt;
&lt;br /&gt;
&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; alert(&lt;/span&gt;class);&lt;br /&gt;
&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; alert&lt;/b&gt;(href);&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt; &amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;a href="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;http://9lessons.blogspot.com&lt;/span&gt;" &lt;br /&gt;
class="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;link&lt;/span&gt;" &lt;br /&gt;
id="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;901&lt;/span&gt;"&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;link&lt;/b&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/b&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;html()&lt;/b&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;Get the html contents (innerHTML) of the matched element.&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;&amp;nbsp;$(selector).html()&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt; Take a look at&lt;/span&gt;&lt;span class="Apple-converted-space" style="font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/html.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Live&amp;nbsp;Demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(222, 222, 222); border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;script&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
$(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'.link'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
var&lt;/b&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;href=&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$(this)&lt;/span&gt;&lt;/b&gt;.attr(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"href"&lt;/span&gt;);&lt;br /&gt;
&lt;br /&gt;
$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"h1"&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;html&lt;/b&gt;(href);&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;a href="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;http://9lessons.blogspot.com&lt;/span&gt;" &lt;br /&gt;
&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Click&lt;/b&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
Link HREF value :&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;h1&amp;gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;addClass()&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt; Adds the specified class to each of the set of matched elements.&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;$(selector).addClass()&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;. &lt;br /&gt;
Take a look at&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/addclass.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Live Demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(222, 222, 222); border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&amp;lt;script&lt;/span&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
$(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'.changeclass'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;br /&gt;
&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;".big"&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;addClass&lt;/b&gt;(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"small"&lt;/span&gt;);&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;a href="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#&lt;/span&gt;" &lt;br /&gt;
class="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;changeclass&lt;/span&gt;" &lt;br /&gt;
&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Click&lt;/b&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&amp;lt;div class="&lt;/b&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;big&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&lt;/b&gt;9lessons.blogspot.com&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt; CSS Code&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(222, 222, 222); border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
.big&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;{&lt;br /&gt;
&lt;br /&gt;
font-size:106px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
.small&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;{&lt;br /&gt;
&lt;br /&gt;
font-size:12px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;a href="http://programmingdumps.blogspot.com/2011/11/jquery-basics-series-3.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 23px; font-style: inherit; letter-spacing: -1px; line-height: 36px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Jquery Basics Series - 3&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAXvbqEKA39Jr94PGa6umf4R-6pVuLzt2AuMYpjbxxgmXoB5bonnRWkraZ_Qt8GmwrZ6ljlRQZ6MSmWKffLno9YFJTJTtdFL9BWwP2Sx4CjCNacNEMEhMU7_bovMa8afz4vrZeH1qk2ME/s72-c/jquery2.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Jquery Basics Series -1</title><link>http://programmingdumps.blogspot.com/2011/11/jquery-basics-series-1.html</link><category>jQuery</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 26 Nov 2011 00:40:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-7091366672233209672</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;Hi Friends, if you really want to learn&lt;/span&gt;&amp;nbsp;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: justify;"&gt;jQuery&lt;/i&gt;&amp;nbsp;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"&gt;follow&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;basic series on ProgrammingDumps. Jquery is an awesome javascipt library, it’s help&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"&gt;you for developing dazing web projects.&lt;span class="Apple-style-span" style="white-space: pre;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px;"&gt;In this tutorial I want to discuss very basic level jquery and working with&lt;/span&gt;&amp;nbsp;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: justify;"&gt;Click()&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"&gt;event.&lt;/span&gt;&lt;br /&gt;
&lt;div align="center" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;img alt="Jquery Basics Series" class="sri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcqGsnW3rqfv7OnD2mL69-1ZgNSO_gT-YIs4t-VZDvJmt_8Rl4Hda2xFa9a-9SQC36vB571VlY_aYNADXlr7zaRPaCys_Y5wnTt8hJv75W9OwXe7v00ZZuXdst5ShiPbDYupkT8jH9BoJf/" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 9px; padding-left: 9px; padding-right: 9px; padding-top: 9px;" /&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-create.g?blogID=5608404027428291175" name="more" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;How to add jQuery to your website&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Installing&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
You can download jquery.js file form&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a href="http://jquery.com/" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;jquery.com&lt;/a&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;.&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="white-space: normal;"&gt;&amp;lt;script type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"src="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;jquery.js&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&amp;lt;/script&amp;gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;OR&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/i&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
Recommended&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&amp;nbsp;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;br /&gt;
&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;src="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;http://ajax.googleapis.com/ajax/&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;libs/jquery/1.3.0/jquery.min.js"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Jquery Code&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
Generally used script run this when the HTML is all ready.&amp;nbsp;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/welcome.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Live&lt;/a&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/welcome.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-style-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="border-color: initial; font-style: inherit; outline-color: initial; outline-style: initial;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$&lt;/b&gt;(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;document&lt;/span&gt;).ready&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;(function()&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;alert('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Welcome&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;9lessons Jquery Basic Series');&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Similar as previous script. Take a look at&amp;nbsp;&lt;a class="live" href="http://demos.9lessons.info/basics/welcome.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Live&lt;/a&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/welcome.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="white-space: normal;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(function()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;alert('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Welcome&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;9lessons Jquery Basic Series');&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Run this when the whole page has been downloaded. Take a look at&amp;nbsp;&lt;a class="live" href="http://demos.9lessons.info/basics/window.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Live&lt;/a&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/window.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&amp;nbsp;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(&lt;/b&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;window&lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;)&lt;/b&gt;.load&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;(function()&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;alert('Loaded Whole Page including images)');&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/b&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;ins style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-table; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 468px;"&gt;&lt;/ins&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;ins id="aswift_2_anchor" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; border-width: initial; display: block; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 468px;"&gt;&lt;/ins&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;iframe allowtransparency="true" frameborder="0" height="15" hspace="0" id="I1" marginheight="0" marginwidth="0" name="I1" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;amp;&amp;amp;s.handlers,h=H&amp;amp;&amp;amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;amp;&amp;amp;d&amp;amp;&amp;amp;(!d.body||!d.body.firstChild)){if(h.call){i+='.call';setTimeout(h,0)}else if(h.match){i+='.nav';w.location.replace(h)}s.log&amp;amp;&amp;amp;s.log.push(i)}" scrolling="no" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; left: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: absolute; top: 0px;" vspace="0" width="468"&gt;&amp;amp;lt;p&amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;span class="Apple-tab-span" style="white-space:pre"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;lt;/p&amp;amp;gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;jQuery Stucture&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
Here&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;$&amp;nbsp;&lt;/i&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;= jquery&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;,&amp;nbsp;&lt;/span&gt;selector is a&amp;nbsp;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;DOM&amp;nbsp;&lt;/i&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;element&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;function&amp;nbsp;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;execute&amp;nbsp;&lt;/i&gt;&lt;i style="background-color: #ffffcc; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;a jquery fuction&lt;/i&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="font-weight: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;$&lt;/b&gt;(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;selector&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;(parameters);&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;DOM&lt;/b&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;-&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
Document Object Model&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a href="http://en.wikipedia.org/wiki/Document_Object_Model" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" target="_blank"&gt;Wiki&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Selectors&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
-&amp;gt; Select DOM elements eg:&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;$('h1')&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;,&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;$('div')&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;,&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;$('li')&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;..&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
-&amp;gt; Select ID :&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;$('#id_name')&lt;/i&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
-&amp;gt; Select Class :&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;$('.class_name')&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 30px; letter-spacing: -1px; line-height: 36px;"&gt;Working with Click() Event&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
Structure&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: black; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;$(selector).click()&lt;/i&gt;&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
Take a look at&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/click.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Live&lt;/a&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/click.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Demo&lt;/a&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&amp;nbsp;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;(function()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#button_action&lt;/span&gt;').&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function()&lt;/b&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;alert('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Hey&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Button');&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.link_action&lt;/span&gt;').&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #cc0000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;alert('&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Hey&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Link');&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; white-space: normal;"&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;body&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;span class="Apple-tab-span" style="color: orange; white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="color: orange;"&gt;&amp;lt;include type='&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;button&lt;/span&gt;&lt;span class="Apple-style-span" style="color: orange;"&gt;'&lt;/span&gt;&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;value='&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;BUTTON&lt;/span&gt;'&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;id='&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;button_action&lt;/span&gt;'/&amp;gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class="Apple-tab-span" style="color: #38761d; white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;&amp;lt;a href='&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;'&lt;/span&gt;&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;class='&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;link_action&lt;/span&gt;'&amp;gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;LINK&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class="Apple-tab-span" style="color: #3d85c6; white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="color: #3d85c6;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #1e1e1e; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Hide and Show With Click Event&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #1e1e1e; display: inline !important; float: none; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;&lt;/span&gt;&lt;br /&gt;
Hiding and Showing the div tag. Take a look at&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/hideshow.html" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #daf1f7; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"&gt;Live&lt;/a&gt;&lt;a class="live" href="http://demos.9lessons.info/basics/hideshow.html" style="background-color: #daf1f7; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: georgia; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;Demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 2px; border-color: initial; border-left-color: rgb(222, 222, 222); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(222, 222, 222); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(222, 222, 222); border-top-style: dashed; border-top-width: 2px; font-family: 'Courier New', Courier, monospace; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; width: 530px; word-spacing: 0px; word-wrap: break-word;"&gt;&lt;div style="color: black; font-weight: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;script&amp;nbsp;type="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;text/javascript&lt;/span&gt;"&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-style-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal;"&gt;&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;span class="Apple-style-span" style="border-color: initial; font-style: inherit; outline-color: initial; outline-style: initial;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$&lt;/b&gt;(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'.hide_box'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;click&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#box'&lt;/span&gt;).&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;hide&lt;/span&gt;();&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'.show_box'&lt;/span&gt;)&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.click&lt;/b&gt;(&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;function&lt;/b&gt;()&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;$(&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;'#box'&lt;/span&gt;).&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;show&lt;/b&gt;();&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;});&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #3d85c6; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; white-space: normal;"&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;body&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;a href="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#&lt;/span&gt;"&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;class="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;hide_box&lt;/span&gt;"&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;HIDE&lt;/span&gt;&lt;/b&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal;"&gt;&lt;span class="Apple-tab-span" style="color: #38761d; white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;&amp;lt;a href="&lt;/span&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;"&lt;/span&gt;&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #38761d; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;class="&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;show_box&lt;/span&gt;"&amp;gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;SHOW&lt;/span&gt;&lt;/b&gt;&amp;lt;/a&amp;gt;&lt;/div&gt;&lt;div style="white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="font-weight: normal;"&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;div id="&lt;/b&gt;&lt;span style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: blue; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;box&lt;/span&gt;&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;"&amp;gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #a64d79; font-family: inherit; font-size: 13px; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div style="font-weight: inherit; white-space: normal;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="color: black; font-weight: normal;"&gt;&lt;span class="Apple-tab-span" style="color: #3d85c6; white-space: pre;"&gt;  &lt;/span&gt;&lt;span class="Apple-style-span" style="color: #3d85c6;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div id="biglink" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: black; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 1.5em; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: -0.05em; line-height: 36px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px;"&gt;&lt;a href="http://programmingdumps.blogspot.com/2011/11/jquery-basics-series-2.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; color: #176092; font-family: inherit; font-size: 23px; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;Jquery Basics Series - 2&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcqGsnW3rqfv7OnD2mL69-1ZgNSO_gT-YIs4t-VZDvJmt_8Rl4Hda2xFa9a-9SQC36vB571VlY_aYNADXlr7zaRPaCys_Y5wnTt8hJv75W9OwXe7v00ZZuXdst5ShiPbDYupkT8jH9BoJf/s72-c" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>System Development Life Cycle(SDLC) Presentation</title><link>http://programmingdumps.blogspot.com/2011/11/system-development-life-cyclesdlc.html</link><category>SOFTWARE ENGINEERING</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sun, 20 Nov 2011 10:36:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-5878282261666085833</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;strong style="background-color: white; display: block; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 4px; margin-left: 0px; margin-right: 0px; margin-top: 12px; text-align: -webkit-auto;"&gt;&lt;span class="Apple-style-span" style="border-bottom-color: rgb(136, 136, 136); border-bottom-style: solid; border-bottom-width: 1px; color: #444444; font-family: tahoma; font-size: large; text-decoration: none;"&gt;&lt;a href="http://www.slideshare.net/NishantSrivastava1/software-development-life-cycle" style="border-bottom-color: rgb(136, 136, 136); border-bottom-style: solid; border-bottom-width: 1px; color: #444444; font-family: tahoma; text-decoration: none;" title="Software development life cycle"&gt;Software development life cycle&lt;/a&gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong style="background-color: white; display: block; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 4px; margin-left: 0px; margin-right: 0px; margin-top: 12px; text-align: -webkit-auto;"&gt;&lt;br /&gt;
&lt;/strong&gt;&lt;strong style="background-color: white; display: block; margin-bottom: 4px; margin-left: 0px; margin-right: 0px; margin-top: 12px; text-align: -webkit-auto;"&gt;&lt;span class="Apple-style-span" style="font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;"&gt;&lt;span class="Apple-style-span" style="line-height: 19px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;div id="__ss_8414741" style="width: 425px;"&gt;&lt;strong style="background-color: white; display: block; margin-bottom: 4px; margin-left: 0px; margin-right: 0px; margin-top: 12px; text-align: -webkit-auto;"&gt;&lt;span class="Apple-style-span" style="font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;"&gt; &lt;strong style="display: block; margin: 12px 0 4px;"&gt;&lt;a href="http://www.slideshare.net/NishantSrivastava1/software-development-life-cycle" target="_blank" title="Software development life cycle"&gt;Software development life cycle&lt;/a&gt;&lt;/strong&gt; &lt;iframe frameborder="0" height="355" marginheight="0" marginwidth="0" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/8414741" width="425"&gt;&lt;/iframe&gt;&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>SOFTWARE ENGINEERING (TESTING)</title><link>http://programmingdumps.blogspot.com/2011/11/software-engineering-testing.html</link><category>SOFTWARE ENGINEERING</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sun, 20 Nov 2011 10:34:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-2222604797492153943</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"&gt;Testing is a very critical aspect of the software quality assurance (SQA) and represents the ultimate review of specification design and code generation. The design process focuses on the logical internals of the software, ensuring that all the statement has been tested and all functional external i.e. defined input will produce actual result that agree with the required result.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"&gt;There are two types of testing&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 54pt; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; text-indent: -36pt;"&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"&gt;1.&lt;span style="font: normal normal normal 7pt/normal 'Times New Roman';"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"&gt;White box testing.&lt;/span&gt;&lt;b&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 28pt; line-height: 42px;"&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 54pt; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; text-indent: -36pt;"&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"&gt;2.&lt;span style="font: normal normal normal 7pt/normal 'Times New Roman';"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"&gt;&amp;nbsp;Black box testing.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 4.5pt; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 4.5pt; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 4.5pt; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"&gt;WHITE BOX TESTING – It is also called as glass testing. It is predicted on the close examination of procedural details .Here providing test cases that exercises specific sets of condition and for loops tests the logical paths through the software. It demonstrate that each functional operational at the same searching for error in each function.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 18px;"&gt;&amp;nbsp;BLACK BOX TESTING – This is also called as the behavioral testing and it focuses on the functional requirement of the software. It enables the software engineer to derive set of inputs conditions that will fully exercise all functional requirements for a program. There seta are used to demonstrate that software functional are operational and integrity of external database is maintained. It helps to ensure that the internal operations are performed according to specific and all components have been adequately exercised.&lt;/span&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 11px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>SOFTWARE ENGINEERING (SYSTEM ANALYST)</title><link>http://programmingdumps.blogspot.com/2011/11/software-engineering-system-analyst.html</link><category>SOFTWARE ENGINEERING</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sun, 20 Nov 2011 10:33:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-5017870577504530275</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b style="background-color: white; color: red; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;SYSTEM ANALYST : -&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp;A&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;System Analyst&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&amp;nbsp;is a person whose conducts a study identifies activity and objectives and determine a procedure to achieve the objectives it is a person with unique skills.&lt;/span&gt;&lt;/div&gt;&lt;span style="background-color: white; text-align: left;"&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnhexxWuGA0LsTUDcH_oe7yg4vVzMxcHZfWYhgNCALeX3vnXjQ5wm2xsqJ9OX6Boxp33peSR8yBOvPPzvXOL45Kx5KyEVXcLawm8PX5xxi0G5KcbXtNixawBkFPj0TtqIlU1RJjckfuw/s1600/systems-analyst.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnhexxWuGA0LsTUDcH_oe7yg4vVzMxcHZfWYhgNCALeX3vnXjQ5wm2xsqJ9OX6Boxp33peSR8yBOvPPzvXOL45Kx5KyEVXcLawm8PX5xxi0G5KcbXtNixawBkFPj0TtqIlU1RJjckfuw/s1600/systems-analyst.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b style="background-color: white; color: red; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;ROLE OF SYSTEM ANALYST&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;li&gt;AS A CHANGE AGENT&lt;/li&gt;
&lt;li&gt;INVESTIGATOR AND MONITOR&lt;/li&gt;
&lt;li&gt;ARCHITECT&lt;/li&gt;
&lt;li&gt;PSYCHOLOGIST&lt;/li&gt;
&lt;li&gt;SALES PERSON&lt;/li&gt;
&lt;li&gt;POLITICIAN&lt;/li&gt;
&lt;/ul&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;1. AS A CHANGE AGENT :-&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp;Analyst replace the old system with new system.&lt;/span&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;2. INVESTIGATOR AND MONITOR :-&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp;Identity the problems and controls the complete project development.&lt;/span&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;3. ARCHITECT :-&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp;Design all the charts required for the system development.&lt;/span&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;4. PSYCHOLOGIST :-&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp;The Analyst can understand the problem of the developer psychologically.&lt;/span&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;5. SALES PERSON :-&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp;Analyst sales the project.&lt;/span&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;6. POLITICIAN :-&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp;Because he has to interact with different levels of managements.&lt;/span&gt;&lt;span style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnhexxWuGA0LsTUDcH_oe7yg4vVzMxcHZfWYhgNCALeX3vnXjQ5wm2xsqJ9OX6Boxp33peSR8yBOvPPzvXOL45Kx5KyEVXcLawm8PX5xxi0G5KcbXtNixawBkFPj0TtqIlU1RJjckfuw/s72-c/systems-analyst.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>SOFTWARE ENGINEERING "SOFTWARE TESTING"</title><link>http://programmingdumps.blogspot.com/2011/11/software-engineering-software-testing.html</link><category>SOFTWARE ENGINEERING</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sun, 20 Nov 2011 10:30:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-797704197555402866</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"&gt;Testing is the process to uncover all the errors.&lt;/div&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QPS-WsAFYGrfOR_erA7ViLoZ-ICs-aNbMf3qFY9uVxtofn-uaNvCxZNU_j6p5bCpJaNCHYwdgxs1BDaZ8N_xCaSGCH4L1o9lfuwgdKr1glStR9WEzDc-rgggkhDNhvIV0iiPpqc9A2E/s1600/51fvcQlNWBL.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QPS-WsAFYGrfOR_erA7ViLoZ-ICs-aNbMf3qFY9uVxtofn-uaNvCxZNU_j6p5bCpJaNCHYwdgxs1BDaZ8N_xCaSGCH4L1o9lfuwgdKr1glStR9WEzDc-rgggkhDNhvIV0iiPpqc9A2E/s1600/51fvcQlNWBL.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;TESTING OBJECTIVES:-&lt;/div&gt;&lt;div class="MsoListParagraphCxSpFirst" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -0.25in;"&gt;1.&lt;span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;Testing is the process of executing the program to find all the erros.&lt;/div&gt;&lt;div class="MsoListParagraphCxSpMiddle" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -0.25in;"&gt;2.&lt;span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;A&amp;nbsp; Group test has a high probability of finding errors.&lt;/div&gt;&lt;div class="MsoListParagraphCxSpLast" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 10pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -0.25in;"&gt;3.&lt;span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;A Successful test&amp;nbsp; uncovers all the errors that have not been found .&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;TESTING PRINCIPAL:-&lt;/div&gt;&lt;div class="MsoListParagraphCxSpFirst" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -0.25in;"&gt;&lt;span style="font-family: Symbol;"&gt;·&lt;span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;The Test should be according to the customers requirement.&lt;/div&gt;&lt;div class="MsoListParagraphCxSpMiddle" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -0.25in;"&gt;&lt;span style="font-family: Symbol;"&gt;·&lt;span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;There should be a planning for testing before starts.&lt;/div&gt;&lt;div class="MsoListParagraphCxSpMiddle" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -0.25in;"&gt;&lt;span style="font-family: Symbol;"&gt;·&lt;span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;The pareto principle implies that 80 percent of the errors uncovered during testing will likely be traceable to 20 percent of all the program component.&lt;/div&gt;&lt;div class="MsoListParagraphCxSpMiddle" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -0.25in;"&gt;&lt;span style="font-family: Symbol;"&gt;·&lt;span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;Testing should be begin “in the small” and progress towards testing “in the large”&lt;/div&gt;&lt;div class="MsoListParagraphCxSpMiddle" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -0.25in;"&gt;&lt;span style="font-family: Symbol;"&gt;·&lt;span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;Exhaustive testing is not possible . it is imposible to execute every combination of paths during testing , it is possible however to adequately cover program logic and to ensure that all the conditions in the component level design have been exervised.&lt;/div&gt;&lt;div class="MsoListParagraphCxSpLast" style="background-color: white; font-family: Calibri, sans-serif; font-size: 11pt; line-height: 17px; margin-bottom: 10pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -0.25in;"&gt;&lt;span style="font-family: Symbol;"&gt;·&lt;span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;To be most effective , testing should be conducted by an independent third party.&lt;/div&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QPS-WsAFYGrfOR_erA7ViLoZ-ICs-aNbMf3qFY9uVxtofn-uaNvCxZNU_j6p5bCpJaNCHYwdgxs1BDaZ8N_xCaSGCH4L1o9lfuwgdKr1glStR9WEzDc-rgggkhDNhvIV0iiPpqc9A2E/s72-c/51fvcQlNWBL.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>SOFTWARE ENGINEERING (SOFTWARE CRISIS)</title><link>http://programmingdumps.blogspot.com/2011/11/software-engineering-software-crisis.html</link><category>SOFTWARE ENGINEERING</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sun, 20 Nov 2011 10:28:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-8292919998496342733</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;"&gt;SOFTWARE CRISIS CAN BE CLASSIFIED IN TWO WAYS&lt;/span&gt;&lt;/div&gt;&lt;span style="background-color: white; text-align: left;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo_cMtgNSjkKsT8xfo2ZWeCZTM2jQki8uz13r3Xin3TNl-LzD5QLBej7HHXbZrEs9F3346E40LSlD0kmg7nzL1KoyQjrIGX5DeNCihiroDETJnsy3MuU3_H43Rp9Z2ckJUa0x8gDuIw74/s1600/software-problems.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo_cMtgNSjkKsT8xfo2ZWeCZTM2jQki8uz13r3Xin3TNl-LzD5QLBej7HHXbZrEs9F3346E40LSlD0kmg7nzL1KoyQjrIGX5DeNCihiroDETJnsy3MuU3_H43Rp9Z2ckJUa0x8gDuIw74/s1600/software-problems.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;li&gt;&lt;b&gt;FROM PROGRAMMERS POINT OF VIEW&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;li&gt;&lt;b&gt;FROM USERS POINT OF VIEW&amp;nbsp;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;div style="background-color: white; color: red; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;b&gt;FROM PROGRAMMERS POINT OF VIEW:-&lt;/b&gt;&lt;/div&gt;&lt;ol style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;li&gt;PROBLEM OF COMPATIBILITY&lt;/li&gt;
&lt;li&gt;PROBLEM OF PORTABILITY&lt;/li&gt;
&lt;li&gt;PROBLEM OF DOCUMENTATION&lt;/li&gt;
&lt;li&gt;PROBLEM OF PIRACY OF SOFTWARE&lt;/li&gt;
&lt;li&gt;PROBLEM IN COORDINATION TO WORK WITH OTHER PEOPLE&lt;/li&gt;
&lt;li&gt;PROBLEM THAT ARISE DURING ACTUAL RUN TIME IN THE ORGANIZATION&lt;/li&gt;
&lt;li&gt;PROBLEM OF MAINTENANCE IN PROPER MANNER.&lt;/li&gt;
&lt;/ol&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;span style="color: red;"&gt;FROM USERS POINT OF VIEW:-&lt;/span&gt;&lt;/b&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;ol style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;li&gt;&amp;nbsp;HOW TO CHOOSE SOFTWARE FROM TOTAL MARKET AVAILABILITY&lt;/li&gt;
&lt;li&gt;HOW TO ENSURE THAT WHICH SOFTWARE IS COMPATIBLE WITH OUR HARWARE.&lt;/li&gt;
&lt;li&gt;PROBLEM OF VIRUSES.&lt;/li&gt;
&lt;li&gt;PROBLEMS OF SOFTWARE BUGS.&lt;/li&gt;
&lt;li&gt;CERTAIN SOFTWARE RUNS ON SPECIFIC OS.&lt;/li&gt;
&lt;li&gt;PROBLEM OF DIFFERENT VERSIONS OF SOFTWARE.&lt;/li&gt;
&lt;li&gt;SECURITY PROBLEM FOR PROTECTED DATA IN SOFTWARE.&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo_cMtgNSjkKsT8xfo2ZWeCZTM2jQki8uz13r3Xin3TNl-LzD5QLBej7HHXbZrEs9F3346E40LSlD0kmg7nzL1KoyQjrIGX5DeNCihiroDETJnsy3MuU3_H43Rp9Z2ckJUa0x8gDuIw74/s72-c/software-problems.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>3.SOFTWARE ENGINEERING (RAD MODEL)</title><link>http://programmingdumps.blogspot.com/2011/11/3software-engineering-rad-model.html</link><category>SOFTWARE ENGINEERING</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sun, 20 Nov 2011 09:53:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-3734853561078878335</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;The&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: red; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;Rapid Application Development&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&amp;nbsp;model is incremental software development cycle,it is higher speed adaptation of linear sequential model in which rapid development is achieved by using component based construction.the work is divided into sub tasks. Each sub task is assigned to a different team, so application development will be fast.&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcz7FsE2cfSmpVn6oGR04T_SjFbHw-l5YDlCUgiwfdWEsHQ6-irIOu0pv-yGgLRfpUJ5XLJhvTLsLRlIjNGmS_YNEliijqLZGKRwwaR0kELMwwsMKzuE35XlFGEla-YqUwwiu9mV2pe5w/s1600/untitled.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"&gt;&lt;img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcz7FsE2cfSmpVn6oGR04T_SjFbHw-l5YDlCUgiwfdWEsHQ6-irIOu0pv-yGgLRfpUJ5XLJhvTLsLRlIjNGmS_YNEliijqLZGKRwwaR0kELMwwsMKzuE35XlFGEla-YqUwwiu9mV2pe5w/s320/untitled.JPG" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;/span&gt;&lt;span style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;It performs the following steps&lt;/span&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;br /&gt;
&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;li&gt;&lt;b&gt;COMMUNICATION&amp;nbsp;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;PLANNING&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;After planning each team performs sequentially the following task&lt;/span&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;ol style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;li&gt;&lt;b&gt;MODELING&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;li&gt;Business modeling&lt;/li&gt;
&lt;li&gt;Data modeling&lt;/li&gt;
&lt;li&gt;Process modeling&lt;/li&gt;
&lt;/ul&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; 2. CONSTRUCTION&amp;nbsp;&lt;/b&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;li&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Code generation&lt;/li&gt;
&lt;li&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Testing&lt;/li&gt;
&lt;/ul&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;3. DEPLOYMENT&lt;/b&gt;&lt;br style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;In this the product dilivers to the customers&lt;/span&gt;&lt;span style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcz7FsE2cfSmpVn6oGR04T_SjFbHw-l5YDlCUgiwfdWEsHQ6-irIOu0pv-yGgLRfpUJ5XLJhvTLsLRlIjNGmS_YNEliijqLZGKRwwaR0kELMwwsMKzuE35XlFGEla-YqUwwiu9mV2pe5w/s72-c/untitled.JPG" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>2. SOFTWARE ENGINEERING (WATERFALL MODEL)</title><link>http://programmingdumps.blogspot.com/2011/11/2-software-engineering-waterfall-model.html</link><category>SOFTWARE ENGINEERING</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sun, 20 Nov 2011 09:48:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-2000877737631922641</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;b style="background-color: white; color: red; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; text-align: -webkit-auto;"&gt;WATER FALL MODEL&lt;/b&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-olGnJEumwiPfbS_A2QuB5rzlKwxNZ8wZoN-zDeaPUVlCGbqHwku4dL2Xyi8rgCRbPjmRpnr0jyamZgEREoA49ZOtk_lG2qaCZsZBP5lsYmxSXeCvgOw0qqCvGu7yLb-KYnBdhw57ga0/s1600/techprojwaterfall.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-olGnJEumwiPfbS_A2QuB5rzlKwxNZ8wZoN-zDeaPUVlCGbqHwku4dL2Xyi8rgCRbPjmRpnr0jyamZgEREoA49ZOtk_lG2qaCZsZBP5lsYmxSXeCvgOw0qqCvGu7yLb-KYnBdhw57ga0/s1600/techprojwaterfall.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;1. COMMUNICATION&amp;nbsp;&lt;/b&gt;&lt;/div&gt;&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;li style="text-align: justify;"&gt;PROJECT INITIATION&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;REQUIREMENT GATHERING&lt;/li&gt;
&lt;/ul&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;&amp;nbsp;2. PLANNING&lt;/b&gt;&lt;/div&gt;&lt;/b&gt;&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;li style="text-align: justify;"&gt;ESTIMATING&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;SCHEDULING&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;TRACKING&lt;/li&gt;
&lt;/ul&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;3. MODELING&lt;/b&gt;&lt;/div&gt;&lt;/b&gt;&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;li style="text-align: justify;"&gt;ANALYSIS&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;DESIGN&lt;/li&gt;
&lt;/ul&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;4. CONSTRUCTION&lt;/b&gt;&lt;/div&gt;&lt;/b&gt;&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;li style="text-align: justify;"&gt;CODING&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;TESTING&lt;/li&gt;
&lt;/ul&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;5. DEPLOYMENT&lt;/b&gt;&lt;/div&gt;&lt;/b&gt;&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;li style="text-align: justify;"&gt;DELIVERY&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;SUPPORT&amp;nbsp;&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;FEEDBACK&lt;/li&gt;
&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;&lt;span class="Apple-style-span" style="font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;span style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: medium; text-align: left;"&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;ADVANTAGES AND DISADVANTAGES&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;div style="text-align: justify;"&gt;&lt;span class="Apple-style-span" style="font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style="background-color: white; color: red; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;b&gt;ADVANTAGES&lt;/b&gt;&lt;/div&gt;&lt;ol style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;li style="text-align: justify;"&gt;Oldest and simlest method&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;useful in situtation where requirements are fixed&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;it is a procedural model&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;it provides better quality&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;it is the sequential approach of software development&lt;/li&gt;
&lt;/ol&gt;&lt;div style="background-color: white; color: red; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"&gt;&lt;b&gt;DISADVANTAGE&lt;/b&gt;&lt;/div&gt;&lt;ol style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;li style="text-align: justify;"&gt;Real projects rarly follow this model&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;difficult for customers&amp;nbsp; to state all the requirements in advance&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;customers must have patience&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;it takes long time in software delivery&lt;/li&gt;
&lt;/ol&gt;&lt;span style="background-color: white; text-align: left;"&gt;&lt;div style="text-align: justify;"&gt;&lt;span class="Apple-style-span" style="font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-olGnJEumwiPfbS_A2QuB5rzlKwxNZ8wZoN-zDeaPUVlCGbqHwku4dL2Xyi8rgCRbPjmRpnr0jyamZgEREoA49ZOtk_lG2qaCZsZBP5lsYmxSXeCvgOw0qqCvGu7yLb-KYnBdhw57ga0/s72-c/techprojwaterfall.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>1.SOFTWARE ENGINEERING (PROCESS MODELS)</title><link>http://programmingdumps.blogspot.com/2011/11/1software-engineering-process-models.html</link><category>SOFTWARE ENGINEERING</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sun, 20 Nov 2011 09:44:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-3194194216873527691</guid><description>&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;b style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;I&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px;"&gt;t defines the set of activities ,actions, tasks,milestones and output products required to develop high quality software. it provides stability ,organization and control for the activities. these are also called prescriptive process models there are many models but generic framework activities are same for all.&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFExFFm-zhIj0BVYpB1k8CH1QB4TsU6AeaIdRTNEtrVTr4W4eFCyd1O3Oa846TT2CE5xfgMOCQ7ovzN4haBAf4oYCYKDftxmzdH4jl8mSIMqYPzoQrocEB0twz1s7Sb8JjLizr6sWJ-cg/s1600/image1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFExFFm-zhIj0BVYpB1k8CH1QB4TsU6AeaIdRTNEtrVTr4W4eFCyd1O3Oa846TT2CE5xfgMOCQ7ovzN4haBAf4oYCYKDftxmzdH4jl8mSIMqYPzoQrocEB0twz1s7Sb8JjLizr6sWJ-cg/s1600/image1.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="background-color: white; color: red; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"&gt;&lt;span style="font-size: medium;"&gt;&lt;b&gt;SOME PROCESS MODELS ARE:-&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;ul style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;li&gt;&lt;b&gt;WATERFALL MODEL&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;INCREMENTAL MODEL&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;PROTOTYPE MODEL&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;RAD MODEL&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;SPIRAL MODEL&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;WIN WIN SPIRAL MODEL&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;COMPONENT BASED MODEL&amp;nbsp;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;span style="background-color: white; font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFExFFm-zhIj0BVYpB1k8CH1QB4TsU6AeaIdRTNEtrVTr4W4eFCyd1O3Oa846TT2CE5xfgMOCQ7ovzN4haBAf4oYCYKDftxmzdH4jl8mSIMqYPzoQrocEB0twz1s7Sb8JjLizr6sWJ-cg/s72-c/image1.gif" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>CORE JAVA HINDI TUTORIALS PART-1</title><link>http://programmingdumps.blogspot.com/2011/11/core-java-hindi-tutorials-part-1.html</link><category>JAVA</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Thu, 17 Nov 2011 16:07:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-4129355805690045322</guid><description>&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8B4xBxMnz0EqPjEuPQog21XdhiM4ca3zDTFr2fOqVFBSsNuEjzAYcxgTwOIsVX22ZD9h4fno-XLqhCyfy6_YJizY-bhgCPWA0qssjfmpD2BQO3kSzYEhWEqHzYaL1sMISG_y7Q9gLl_Y/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8B4xBxMnz0EqPjEuPQog21XdhiM4ca3zDTFr2fOqVFBSsNuEjzAYcxgTwOIsVX22ZD9h4fno-XLqhCyfy6_YJizY-bhgCPWA0qssjfmpD2BQO3kSzYEhWEqHzYaL1sMISG_y7Q9gLl_Y/s320/images.jpg" width="283" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;1.Java Introduction&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/DYxQqenUlq4" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;2.Oops Concept And Java Features:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/rFRbJrPA4ms" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;3.What Will You Need:&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/ukN_BK3XpWA" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;4.Installation Of Java Software:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/DjA3Dlw9POc" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;5.Setting Path&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/Mf_MGz9qCWc" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;6.Saving And Running Program 1&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/M7q2FqrCiLM" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;7.&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Write First Java Program&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/IyBSp6o7hMU" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;8.Saving And Running Program&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/WeBAVxXglVg" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;9.What Are Variables&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/jjqRO2qJTQs" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;10.Declaring Variables&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/WZbrJRV7yW4" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;11.Datatypes&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/eCLYZMjMyP4" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;12.Assignment Operator And Arithmetic Operators&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/-OrhM3qYg_w" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;13.Program For Arithmetic Operators&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/txY_Aid8ws4" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;14.Arithmetic Compound Assignment Operator&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/wMKfyZz5TBw" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;15.Increment&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/Udgyr0iH4ro" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;16.Decrement&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/tX2jIM5OMcM" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;17.Bitwise Operator&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/9_okfwzXII4" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;18.Relational Operator&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/9_okfwzXII4" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;19.Conditional If&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/YljyR_4tpfk" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;20.Program Of If Statement&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/fwM4k356V60" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;21.Program Of Nested If Conditional Statement&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/ULUH0_CnTWw" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;22.Program Of If Else Ladder&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/gXE2xZGJ4IM" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;23.Switch Case&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/Iwf9oQE7mcQ" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;24.While Loop&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/WcZ9f6v_Dw4" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;25.Do While Loop&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/YHAcT6iCEnM" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;26.Program Of While Loop&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/I8k6nsjCzmI" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;27.Program Of Do-While Loop&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/R58wvyLCYeE" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;28.For Loop And Its Program&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/Ab7wV5a2toM" width="420"&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Download &amp;nbsp;This All Videos And&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Pleas Share Your&amp;nbsp;Opinion By Commenting this post&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: large;"&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8B4xBxMnz0EqPjEuPQog21XdhiM4ca3zDTFr2fOqVFBSsNuEjzAYcxgTwOIsVX22ZD9h4fno-XLqhCyfy6_YJizY-bhgCPWA0qssjfmpD2BQO3kSzYEhWEqHzYaL1sMISG_y7Q9gLl_Y/s72-c/images.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">10</thr:total></item><item><title>Remove n’th table column - jQuery plugin</title><link>http://programmingdumps.blogspot.com/2011/11/remove-nth-table-column-jquery-plugin.html</link><category>HTML AND jQuery</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Mon, 14 Nov 2011 22:18:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-2629882572329901828</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;My usual short Friday post. Today I would like to share with you a new utility I wrote to work with HTML tables. We already have jQuery functions to&amp;nbsp;&lt;a href="http://jquery-howto.blogspot.com/2009/02/add-table-row-using-jquery-and.html" style="color: #5588aa; text-decoration: none;" title="Add table row with jQuery"&gt;add table row&lt;/a&gt;,&amp;nbsp;&lt;a href="http://jquery-howto.blogspot.com/2009/05/remove-bottom-table-row-using-jquery.html" style="color: #5588aa; text-decoration: none;" title="Remove table row"&gt;remove table row&lt;/a&gt;&amp;nbsp;(&lt;a href="http://jquery-howto.blogspot.com/2009/05/remove-table-row-on-user-click.html" style="color: #5588aa; text-decoration: none;" title="Remove table row on user click event"&gt;on user click&lt;/a&gt;),&amp;nbsp;&lt;a href="http://jquery-howto.blogspot.com/2009/01/dynamically-adding-table-row-count.html" style="color: #5588aa; text-decoration: none;" title="Add table row number with jQuery"&gt;add table row number plugin&lt;/a&gt;&amp;nbsp;and now here is jQuery code to&amp;nbsp;&lt;strong&gt;remove table column&lt;/strong&gt;.&lt;/div&gt;&lt;h4 style="background-color: white; font: normal normal bold 1.2em/normal Tahoma, Arial, sans-serif; margin-bottom: 0.5em; padding-top: 1em;"&gt;jQuery utility to remove table’s n’th column:&lt;/h4&gt;&lt;pre class="prettyprint lang-js" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; line-height: 20px; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;"&gt;&lt;span class="pln" style="color: black;"&gt;$&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;.&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;fn&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;.&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;removeCol &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;=&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="kwd" style="color: #000088;"&gt;function&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;(&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;col&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;){&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="com" style="color: #880000;"&gt;// Make sure col has value&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="color: #000088;"&gt;if&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;(!&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;col&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;){&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; col &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;=&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="lit" style="color: #006666;"&gt;1&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;;&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;}&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&amp;nbsp; &amp;nbsp; $&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;(&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;'tr td:nth-child('&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;+&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;col&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;+&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;'), tr th:nth-child('&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;+&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;col&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;+&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;')'&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;,&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="kwd" style="color: #000088;"&gt;this&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;).&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;remove&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;();&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="color: #000088;"&gt;return&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="kwd" style="color: #000088;"&gt;this&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;;&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;};&lt;/span&gt;&lt;/pre&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;Just add this code to your javascript file and use it in your jQuery code like this:&lt;/div&gt;&lt;pre class="prettyprint lang-js" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; line-height: 20px; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;"&gt;&lt;span class="com" style="color: #880000;"&gt;// Remove all table's second columns&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
$&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;(&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;'table'&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;).&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;removeCol&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;(&lt;/span&gt;&lt;span class="lit" style="color: #006666;"&gt;2&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;);&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;span class="com" style="color: #880000;"&gt;// Remove table's first column (default)&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
$&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;(&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;'table'&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;).&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;removeCol&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;();&lt;/span&gt;&lt;/pre&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;The function takes column number to delete as an argument and removes that column. If you don’t supply any column number it removes the first table column by default.&lt;/div&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Dynamically create iframe with jQuery</title><link>http://programmingdumps.blogspot.com/2011/11/dynamically-create-iframe-with-jquery.html</link><category>HTML AND jQuery</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Mon, 14 Nov 2011 22:16:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-5604992380993587131</guid><description>&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;This article explains and shows how to dynamically create an iframe in your HTML document’s DOM using jQuery and/or JavaScript. It also gives you an example code. This post is not extensive explanation of how to manage and work with iframes using jQuery. This post simply shows you how to dynamically create iframes using jQuery and JavaScript and serves as a note.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;Creating iframe is similar to creating any DOM element. All you need to do is to use jQuery factory like this:&lt;/div&gt;&lt;pre class="prettyprint" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; line-height: 20px; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;"&gt;&lt;span class="com" style="color: #880000;"&gt;// Create an iframe element&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
$&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;(‘&amp;lt;&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;iframe &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;/&amp;gt;’);&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;span class="com" style="color: #880000;"&gt;// You can also create it with attributes set&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
$&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;(&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;'&lt;iframe id="myFrame" name="myFrame"&gt;&amp;amp;amp;lt;p&amp;amp;amp;gt;'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;);&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="com" style="color: rgb(136, 0, 0); "&amp;amp;amp;amp;amp;gt;// Finnaly attach it into the DOM&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;$&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;(&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="str" style="color: rgb(0, 136, 0); "&amp;amp;amp;amp;amp;gt;'&amp;amp;amp;amp;amp;lt;iframe id="myFrame" name="myFrame"&amp;amp;amp;amp;amp;gt;'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;).&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;appendTo&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;(&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="str" style="color: rgb(0, 136, 0); "&amp;amp;amp;amp;amp;gt;'body'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;);&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;/pre&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;p style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; background-color: rgb(255, 255, 255); "&amp;amp;amp;amp;amp;gt;Don’t forget that the iframe source is just an iframe’s attribute. So you can set that just like any other attribute.&amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;pre class="prettyprint" style="padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-width: initial; border-color: initial; border-left-width: 3px; border-left-style: solid; border-left-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); line-height: 20px; "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="com" style="color: rgb(136, 0, 0); "&amp;amp;amp;amp;amp;gt;// Setting iframe's source&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;$&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;(&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="str" style="color: rgb(0, 136, 0); "&amp;amp;amp;amp;amp;gt;'&amp;amp;amp;amp;amp;lt;iframe /&amp;amp;amp;amp;amp;gt;'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;).&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;attr&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;(&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="str" style="color: rgb(0, 136, 0); "&amp;amp;amp;amp;amp;gt;'src'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;,&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="str" style="color: rgb(0, 136, 0); "&amp;amp;amp;amp;amp;gt;'http://www.google.com'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;);&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;/pre&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;p style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; background-color: rgb(255, 255, 255); "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;strong&amp;amp;amp;amp;amp;gt;UPDATE:&amp;amp;amp;amp;amp;lt;/strong&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;p style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; background-color: rgb(255, 255, 255); "&amp;amp;amp;amp;amp;gt;As BinaryKitten point’s out below, with jQuery 1.4 you can do it using the following syntax:&amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;pre class="prettyprint" style="padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-width: initial; border-color: initial; border-left-width: 3px; border-left-style: solid; border-left-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); line-height: 20px; "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="com" style="color: rgb(136, 0, 0); "&amp;amp;amp;amp;amp;gt;// Set attributes as a second parameter&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;$&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;(&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="str" style="color: rgb(0, 136, 0); "&amp;amp;amp;amp;amp;gt;'&amp;amp;amp;amp;amp;lt;iframe /&amp;amp;amp;amp;amp;gt;'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;,&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;{&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;nbsp; &amp;amp;amp;amp;amp;amp;nbsp; name&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;:&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="str" style="color: rgb(0, 136, 0); "&amp;amp;amp;amp;amp;gt;'myFrame'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;,&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;nbsp; &amp;amp;amp;amp;amp;amp;nbsp; id&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;:&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;nbsp; &amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="str" style="color: rgb(0, 136, 0); "&amp;amp;amp;amp;amp;gt;'myFrame'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;,&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;nbsp; &amp;amp;amp;amp;amp;amp;nbsp; &amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;...&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;}).&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pln" style="color: rgb(0, 0, 0); "&amp;amp;amp;amp;amp;gt;appendTo&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;(&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="str" style="color: rgb(0, 136, 0); "&amp;amp;amp;amp;amp;gt;'body'&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;span class="pun" style="color: rgb(102, 102, 0); "&amp;amp;amp;amp;amp;gt;);&amp;amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;/pre&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;div style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; background-color: rgb(255, 255, 255); float: right; width: 180px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;div style="float: left; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; width: 50px; "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?app_id=154588181286699&amp;amp;amp;amp;amp;amp;amp;href=http%3A%2F%2Fjquery-howto.blogspot.com%2F2011%2F08%2Fadd-jquery-to-your-greasemonkey-script.html&amp;amp;amp;amp;amp;amp;amp;send=false&amp;amp;amp;amp;amp;amp;amp;layout=box_count&amp;amp;amp;amp;amp;amp;amp;width=50&amp;amp;amp;amp;amp;amp;amp;show_faces=false&amp;amp;amp;amp;amp;amp;amp;action=like&amp;amp;amp;amp;amp;amp;amp;colorscheme=light&amp;amp;amp;amp;amp;amp;amp;font=arial&amp;amp;amp;amp;amp;amp;amp;height=90" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; overflow-x: hidden; overflow-y: hidden; width: 50px; height: 90px; "&amp;amp;amp;amp;amp;gt;&amp;amp;amp;lt;/p&amp;amp;amp;gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/pre&gt;&lt;div style="float: left; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; margin-top: 20px; width: 50px;"&gt;&lt;span class="IN-widget" style="display: inline-block; line-height: 1; text-align: center; vertical-align: baseline;"&gt;&lt;span style="display: inline-block !important; font-size: 1px !important; margin: 0px !important; padding: 0px !important; vertical-align: baseline !important;"&gt;&lt;span class="IN-top" id="li_ui_li_gen_1321289096091_1-container" style="cursor: pointer !important; display: inline-block !important; height: 42px !important; overflow: visible !important; position: relative !important;"&gt;&lt;span class="IN-top" id="li_ui_li_gen_1321289096091_1" style="background-image: url(http://static01.linkedin.com/scds/common/u/img/sprite/sprite_connect_v12.png) !important; background-position-x: -150px !important; background-position-y: 0%; background-repeat: no-repeat no-repeat !important; display: inline-block !important; height: 42px !important; width: 57px !important;"&gt;&lt;span class="IN-top" id="li_ui_li_gen_1321289096091_1-inner"&gt;&lt;span class="IN-top" id="li_ui_li_gen_1321289096091_1-content" style="color: #04558b; display: inline !important; font-size: 16px !important; font-weight: bold !important; line-height: 34px !important;"&gt;8&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="display: inline-block !important; font-size: 1px !important; margin: 0px !important; padding: 0px !important; vertical-align: baseline !important;"&gt;&lt;span id="li_ui_li_gen_1321289096055_0" style="display: block !important; overflow: visible !important; position: relative !important;"&gt;&lt;a href="http://jquery-howto.blogspot.com/2010/02/dynamically-create-iframe-with-jquery.html" id="li_ui_li_gen_1321289096055_0-link" style="border-bottom-width: 0px !important; border-color: initial !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-style: initial !important; border-top-width: 0px !important; color: #5588aa; display: inline-block !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; text-decoration: none !important;"&gt;&lt;span id="li_ui_li_gen_1321289096055_0-logo" style="background-image: url(http://static01.linkedin.com/scds/common/u/img/sprite/sprite_connect_v12.png) !important; background-position: 0px -276px !important; background-repeat: no-repeat no-repeat !important; border-width: 0px !important; cursor: pointer !important; display: block !important; float: right !important; height: 20px !important; left: 0px !important; margin: 0px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; text-indent: -9999em !important; top: 0px !important; width: 20px !important; z-index: 1 !important;"&gt;in&lt;/span&gt;&lt;span id="li_ui_li_gen_1321289096055_0-title" style="background-color: rgb(236, 236, 236) !important; background-image: -webkit-linear-gradient(top, rgb(254, 254, 254) 0%, rgb(236, 236, 236) 100%) !important; border-bottom-color: rgb(185, 185, 185) !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 2px !important; border-bottom-style: solid !important; border-right-color: rgb(191, 191, 191) !important; border-right-style: solid !important; border-top-color: rgb(226, 226, 226) !important; border-top-left-radius: 0px !important; border-top-right-radius: 2px !important; border-top-style: solid !important; border-width: 1px 1px 1px 0px !important; color: #333333; cursor: pointer !important; display: block !important; float: left !important; font-size: 11px !important; font-weight: bold !important; height: 18px !important; line-height: 20px !important; margin-left: 1px !important; overflow: hidden !important; padding: 0px 4px 0px 23px !important; text-shadow: rgb(255, 255, 255) -1px 1px 0px !important; vertical-align: top !important; white-space: nowrap !important;"&gt;&lt;span id="li_ui_li_gen_1321289096055_0-mark" style="display: inline-block !important; overflow: hidden !important; width: 0px !important;"&gt;&lt;/span&gt;&lt;span id="li_ui_li_gen_1321289096055_0-title-text" style="display: inline-block !important; height: 18px !important; vertical-align: top !important;"&gt;Share&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style="float: left; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; width: 50px;"&gt;&lt;iframe allowtransparency="true" class="twitter-share-button twitter-count-vertical" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html#_=1321289095378&amp;amp;count=vertical&amp;amp;dnt=&amp;amp;id=twitter_tweet_button_0&amp;amp;lang=en&amp;amp;original_referer=http%3A%2F%2Fjquery-howto.blogspot.com%2F2010%2F02%2Fdynamically-create-iframe-with-jquery.html&amp;amp;text=JQuery%20HowTo%3A%20Dynamically%20create%20iframe%20with%20jQuery&amp;amp;url=http%3A%2F%2Fjquery-howto.blogspot.com%2F2010%2F02%2Fdynamically-create-iframe-with-jquery.html&amp;amp;via=jQueryHowto" style="height: 62px; width: 55px;" title="Twitter For Websites: Tweet Button"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;div style="float: left; margin-bottom: 1px; margin-left: 20px; margin-right: 20px; margin-top: 1px; width: 50px;"&gt;&lt;g:plusone href="http://jquery-howto.blogspot.com/2010/02/dynamically-create-iframe-with-jquery.html" size="tall"&gt;&lt;/g:plusone&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: auto; margin-top: 1.5em; width: 336px;"&gt;&lt;ins style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: inline-table; height: 250px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 300px;"&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;!-- Begin: adBrite, Generated: 2012-03-10 13:39:47  --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
&lt;/script&gt;&lt;br /&gt;
&lt;span style="white-space:nowrap;"&gt;&lt;script type="text/javascript"&gt;document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1843891&amp;zs=3732385f3930&amp;ifr='+AdBrite_Iframe+'&amp;ref='+AdBrite_Referrer+'" type="text/javascript"&gt;');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));&lt;/script&gt;&lt;br /&gt;
&lt;a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1843891&amp;afsid=1"&gt;&lt;img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;!-- End: adBrite --&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>HTML: The difference between attribute and property</title><link>http://programmingdumps.blogspot.com/2011/11/html-difference-between-attribute-and.html</link><category>HTML AND jQuery</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Mon, 14 Nov 2011 22:14:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-1156542922037871566</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;In this short post I will explain the difference between attributes and properties in HTML. The&amp;nbsp;&lt;code style="background-color: #f6f6f6;"&gt;.prop()&lt;/code&gt;function introduced in jQuery 1.6 raised a lot of questions about the difference and I hope this post will help you to understand it.&lt;/div&gt;&lt;h3 style="background-color: white; font: normal normal bold 1.2em/normal Tahoma, Arial, sans-serif; line-height: 1.4em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; padding-top: 1em;"&gt;What is an attribute?&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;Attributes carry additional information about an HTML element and come in&amp;nbsp;&lt;code style="background-color: #f6f6f6;"&gt;name=”value”&lt;/code&gt;&amp;nbsp;pairs. Example:&amp;nbsp;&lt;code style="background-color: #f6f6f6;"&gt;&lt;/code&gt;&lt;/div&gt;&lt;div class="”my-class”"&gt;&lt;/div&gt;. Here we have a&amp;nbsp;&lt;code style="background-color: #f6f6f6;"&gt;div&lt;/code&gt;&amp;nbsp;tag and it has a&amp;nbsp;&lt;code style="background-color: #f6f6f6;"&gt;class&lt;/code&gt;attribute with a value of&amp;nbsp;&lt;code style="background-color: #f6f6f6;"&gt;my-class&lt;/code&gt;.&lt;br /&gt;
&lt;h3 style="background-color: white; font: normal normal bold 1.2em/normal Tahoma, Arial, sans-serif; line-height: 1.4em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; padding-top: 1em;"&gt;What is a property?&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;Property is a representation of an attribute in the HTML DOM tree. So the attribute in the example above would have a property named&amp;nbsp;&lt;code style="background-color: #f6f6f6;"&gt;className&lt;/code&gt;&amp;nbsp;with a value of&amp;nbsp;&lt;code style="background-color: #f6f6f6;"&gt;my-class&lt;/code&gt;.&lt;/div&gt;&lt;pre class="prettyprint nocode" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; line-height: 20px; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;"&gt;&lt;span class="typ" style="color: #660066;"&gt;Our&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; DIV node
&amp;nbsp;&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;|-&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; nodeName &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;=&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;"DIV"&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&amp;nbsp;&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;|-&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; className &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;=&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;"my-class"&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&amp;nbsp;&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;|-&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; style
&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;|-&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;...&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&amp;nbsp;&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;|-&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;...&lt;/span&gt;&lt;/pre&gt;&lt;h3 style="background-color: white; font: normal normal bold 1.2em/normal Tahoma, Arial, sans-serif; line-height: 1.4em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; padding-top: 1em;"&gt;What is the difference between attribute and property?&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;Attributes are in your HTML text document/file, whereas properties are in HTML DOM tree. This means that attributes do not change and always carry initial (default) values. However, HTML properties can change, for example when user checks a checkbox, inputs text to textarea or uses JavaScript to change the property value.&lt;/div&gt;&lt;h5 style="background-color: white; color: #333333; font-family: Arial, sans-serif; line-height: 20px;"&gt;Here is a visual representation:&lt;/h5&gt;&lt;pre class="prettyprint nocode" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; line-height: 20px; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;"&gt;&lt;strong&gt;&lt;span class="pln" style="color: black;"&gt;HTML&lt;/span&gt;&lt;/strong&gt;&lt;span class="pln" style="color: black;"&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span class="pln" style="color: black;"&gt;DOM&lt;/span&gt;&lt;/strong&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;&amp;lt;&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;input value&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;=&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;"default"&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;/&amp;gt;&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &amp;nbsp; &amp;nbsp; value &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;=&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="kwd" style="color: #000088;"&gt;default&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;input value="default" /&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;----------------&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;strong&gt;&lt;span class="typ" style="color: #660066;"&gt;Current&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; values&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;:&lt;/span&gt;&lt;/strong&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;span class="typ" style="color: #660066;"&gt;Attribute&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;:&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;"default"&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class="typ" style="color: #660066;"&gt;Property&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;:&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &amp;nbsp;&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;"default"&lt;/span&gt;&lt;/pre&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;Assume user inputs his name "Joe" into the inputbox. Here are what attribute and property values of an element will be.&lt;/div&gt;&lt;pre class="prettyprint nocode" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; line-height: 20px; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;"&gt;&lt;strong&gt;&lt;span class="pln" style="color: black;"&gt;HTML&lt;/span&gt;&lt;/strong&gt;&lt;span class="pln" style="color: black;"&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span class="pln" style="color: black;"&gt;DOM&lt;/span&gt;&lt;/strong&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;&amp;lt;&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;input value&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;=&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;"default"&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;/&amp;gt;&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &amp;nbsp; &amp;nbsp; value &lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;=&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="typ" style="color: #660066;"&gt;Joe&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;input value="Joe" /&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;----------------&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;strong&gt;&lt;span class="typ" style="color: #660066;"&gt;Current&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; values&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;:&lt;/span&gt;&lt;/strong&gt;&lt;span class="pln" style="color: black;"&gt;
&lt;/span&gt;&lt;span class="typ" style="color: #660066;"&gt;Attribute&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;:&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;"default"&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class="typ" style="color: #660066;"&gt;Property&lt;/span&gt;&lt;span class="pun" style="color: #666600;"&gt;:&lt;/span&gt;&lt;span class="pln" style="color: black;"&gt; &amp;nbsp;&lt;/span&gt;&lt;span class="str" style="color: #008800;"&gt;"Joe"&lt;/span&gt;&lt;/pre&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;As you can see, only element’s property is changed, because it is in the DOM and dynamic. But element’s attribute is in HTML text and can not be changed!&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;I hope this helps to understand the difference between attributes and properties. If you have any questions please leave them on&amp;nbsp;&lt;a href="http://www.facebook.com/jQueryHowto" style="color: #5588aa; text-decoration: none;"&gt;jQueryHowto Facebook&lt;/a&gt;&amp;nbsp;page.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"&gt;Also, stay tuned for the next post about the difference between&amp;nbsp;&lt;code style="background-color: #f6f6f6;"&gt;jQuery.attr()&lt;/code&gt;&amp;nbsp;and&lt;code style="background-color: #f6f6f6;"&gt;jQuery.prop()&lt;/code&gt;&amp;nbsp;and when to use one over another.&lt;/div&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Google Plus Style Drag and Drop adding Groups</title><link>http://programmingdumps.blogspot.com/2011/11/are-you-looking-for-google-plus-style.html</link><category>Tips and Tricks</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sun, 13 Nov 2011 11:09:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-3773381617469588615</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div class="bigInt" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; text-shadow: white 0px 1px 0px;"&gt;
Are you looking for Google plus style drag and drop adding friends in groups or circle. Google plus circle implementation so cool, same way I have tried similar user groups adding application with drag and drop effect using jquery and php. I hope it’s useful for your social media web projects.&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKJq7yNOZw1pa2bDkK6br3m8efbDGuTWalY2CvsjdNR9vuroiGBhiYN02zCBa0efQEt4yNv3dPkEmGrIzBmMAE4H2RickstBB_Lg_dA1jyRI2SyapkydZc36X__HIR00q4VA-gi_b9Ca4/s1600/Draganddrop.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKJq7yNOZw1pa2bDkK6br3m8efbDGuTWalY2CvsjdNR9vuroiGBhiYN02zCBa0efQEt4yNv3dPkEmGrIzBmMAE4H2RickstBB_Lg_dA1jyRI2SyapkydZc36X__HIR00q4VA-gi_b9Ca4/s400/Draganddrop.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class="cen" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: black;"&gt;&lt;a href="http://www.blogger.com/blogger.g?blogID=5608404027428291175" name="more" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/goog_1379273393"&gt;&lt;img align="absmiddle" alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvM7ugyFmWJO1F3Q02ApP45OdsgVKayGFtq1rk_qyzQ8bPWPhqOAXv2ZWdzM-l5Bq0pJBAh982euFiVzqSuwxa6QUAGzdRWK8_T4ovvocNSIPo15-3vE3en7D1DCZ7oiG9hpDA1k8sZubH/" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;Download Script &lt;/a&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;a href="http://demos.9lessons.info/googledrag/index.html" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; text-decoration: none;" target="_blank"&gt;&lt;img align="absmiddle" alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRpqPgqN56ZmfChlfAq3OMPiO7AGm8C0RMzdSaOg3zGCVxU5U2TWUVaAKm9H0qnjuw6F4TUbGWhJq7ZcLBxigL-RWJfI3xcSNlJSKfRmcUaPm-yz-wN0p0sDBPYp8QzxrCWoQNufwWkLrQ/" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; cursor: pointer; font-family: inherit; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;Live Demo&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;Sample database contains three tables and relationship between Members and Groups.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Members&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;Table contains&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;members&lt;/i&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;(users) data such as&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;member_id&lt;/i&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;,&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;member_image&lt;/i&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;and etc.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;table 11px;="" 170);="" 170,="" 1px;="" 552px;"="" 5px;="" arial,="" black;="" border-bottom-color:="" border-bottom-style:="" border-bottom-width:="" border-collapse:="" border-left-color:="" border-left-style:="" border-left-width:="" border-right-color:="" border-right-style:="" border-right-width:="" border-top-color:="" border-top-style:="" border-top-width:="" cellpadding="5" cellspacing="5" class="src" collapse;="" color:="" font-family:="" font-size:="" helvetica,="" left;="" padding-left:="" rgb(170,="" sans-serif;="" solid;="" text-align:="" top;="" verdana,="" vertical-align:="" width:=""&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; vertical-align: top;"&gt;&lt;pre style="font-family: 'Courier New', monospace; font-size: 12px;"&gt;CREATE TABLE IF NOT EXISTS `members` (
`member_id` int(9) NOT NULL AUTO_INCREMENT,
`member_name` varchar(220) NOT NULL,
`member_image` text NOT NULL,
`dated` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`member_id`)
); 
&lt;/pre&gt;
&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Groups&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"&gt;Contains groups information.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;table 11px;="" 170);="" 170,="" 1px;="" 552px;"="" 5px;="" arial,="" black;="" border-bottom-color:="" border-bottom-style:="" border-bottom-width:="" border-collapse:="" border-left-color:="" border-left-style:="" border-left-width:="" border-right-color:="" border-right-style:="" border-right-width:="" border-top-color:="" border-top-style:="" border-top-width:="" cellpadding="5" cellspacing="5" class="src" collapse;="" color:="" font-family:="" font-size:="" helvetica,="" left;="" padding-left:="" rgb(170,="" sans-serif;="" solid;="" text-align:="" top;="" verdana,="" vertical-align:="" width:=""&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; vertical-align: top;"&gt;&lt;pre style="font-family: 'Courier New', monospace; font-size: 12px;"&gt;CREATE TABLE IF NOT EXISTS `groups` (
`group_id` int(9)  AUTO_INCREMENT,
`group_name` varchar(220),
`sort` int(9),
`date` timestamp  DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`group_id`),
KEY `sort` (`sort`)
); 


&lt;/pre&gt;
&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;User_group&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"&gt;Members and Groups table relationship table contains&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;user_id&lt;/i&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;(same as memeber_id),&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;group_id&lt;/i&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;,&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;member_id&lt;/i&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;() and&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;sort&lt;/i&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;(ordering)&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style="text-align: -webkit-auto;"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;table 11px;="" 170);="" 170,="" 1px;="" 552px;"="" 5px;="" arial,="" black;="" border-bottom-color:="" border-bottom-style:="" border-bottom-width:="" border-collapse:="" border-left-color:="" border-left-style:="" border-left-width:="" border-right-color:="" border-right-style:="" border-right-width:="" border-top-color:="" border-top-style:="" border-top-width:="" cellpadding="5" cellspacing="5" class="src" collapse;="" color:="" font-family:="" font-size:="" helvetica,="" left;="" padding-left:="" rgb(170,="" sans-serif;="" solid;="" text-align:="" top;="" verdana,="" vertical-align:="" width:=""&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; vertical-align: top;"&gt;&lt;pre style="font-family: 'Courier New', monospace; font-size: 12px;"&gt;CREATE TABLE IF NOT EXISTS `user_group`&lt;/pre&gt;
&lt;pre style="font-family: 'Courier New', monospace; font-size: 12px;"&gt;(
`id` int(9) NOT NULL AUTO_INCREMENT,
`user_id` int(9) NOT NULL,
`group_id` int(9) NOT NULL,
`member_id` int(9) NOT NULL,
`sort` int(9) NOT NULL,
PRIMARY KEY (`id`)
);

&lt;/pre&gt;
&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Javascript&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"&gt;Here draggable applying for two classes&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;.members&lt;/i&gt;&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: -webkit-auto;"&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;i style="background-color: #ffffcc; border-bottom-color: rgb(222, 222, 222); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-color: rgb(222, 222, 222); border-right-style: solid; border-right-width: 1px; border-top-style: none; border-top-width: 0px; font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px; padding-top: 0px; text-align: -webkit-auto;"&gt;.group&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table 11px;="" 170);="" 170,="" 1px;="" 552px;"="" 5px;="" arial,="" black;="" border-bottom-color:="" border-bottom-style:="" border-bottom-width:="" border-collapse:="" border-left-color:="" border-left-style:="" border-left-width:="" border-right-color:="" border-right-style:="" border-right-width:="" border-top-color:="" border-top-style:="" border-top-width:="" cellpadding="5" cellspacing="5" class="src" collapse;="" color:="" font-family:="" font-size:="" helvetica,="" left;="" padding-left:="" rgb(170,="" sans-serif;="" solid;="" text-align:="" top;="" verdana,="" vertical-align:="" width:=""&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; vertical-align: top;"&gt;&lt;pre style="font-family: 'Courier New', monospace; font-size: 12px;"&gt;&lt;div style="font-family: Courier New;"&gt;
&amp;lt;script&amp;nbsp;type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"&amp;gt;&amp;lt;/script&amp;gt; 
&amp;lt;script&amp;nbsp;type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.js"&amp;gt;&amp;lt;/script&amp;gt; 
&amp;lt;script&amp;nbsp;type="text/javascript"
src="jquery.livequery.min.js"&amp;gt;&amp;lt;/script&amp;gt; 
&amp;lt;script&amp;nbsp;type="text/javascript"&amp;nbsp;&amp;gt; 
$(function()&amp;nbsp; 
{&amp;nbsp; 
//&amp;nbsp;Initiate&amp;nbsp;draggable&amp;nbsp;for&amp;nbsp;public&amp;nbsp;and&amp;nbsp;groups 
var&amp;nbsp;$gallery&amp;nbsp;=&amp;nbsp;$(&amp;nbsp;".members,&amp;nbsp;.group"&amp;nbsp;); 
$(&amp;nbsp;"img",&amp;nbsp;$gallery&amp;nbsp;).live("mouseenter",&amp;nbsp;function() 
{ 
var&amp;nbsp;$this&amp;nbsp;=&amp;nbsp;$(this); 
if(!$this.is(':data(draggable)'))&amp;nbsp; 
{ 
$this.draggable({ 
helper:&amp;nbsp;"clone", 
containment:&amp;nbsp;$(&amp;nbsp;"#demo-frame"&amp;nbsp;).length&amp;nbsp;?&amp;nbsp;"#demo-frame"&amp;nbsp;:&amp;nbsp;"document",&amp;nbsp; 
cursor:&amp;nbsp;"move" 
}); 
} 
}); 
//&amp;nbsp;Initiate&amp;nbsp;Droppable&amp;nbsp;for&amp;nbsp;groups 
//&amp;nbsp;Adding&amp;nbsp;members&amp;nbsp;into&amp;nbsp;groups 
//&amp;nbsp;Removing&amp;nbsp;members&amp;nbsp;from&amp;nbsp;groups 
//&amp;nbsp;Shift&amp;nbsp;members&amp;nbsp;one&amp;nbsp;group&amp;nbsp;to&amp;nbsp;another 
$(".group").livequery(function(){ 
var&amp;nbsp;casePublic&amp;nbsp;=&amp;nbsp;false; 
$(this).droppable({ 
activeClass:&amp;nbsp;"ui-state-highlight", 
drop:&amp;nbsp;function(&amp;nbsp;event,&amp;nbsp;ui&amp;nbsp;)&amp;nbsp;{ 
var&amp;nbsp;m_id&amp;nbsp;=&amp;nbsp;$(ui.draggable).attr('rel'); 
if(!m_id) 
{ 
casePublic&amp;nbsp;=&amp;nbsp;true; 
var&amp;nbsp;m_id&amp;nbsp;=&amp;nbsp;$(ui.draggable).attr("id"); 
m_id&amp;nbsp;=&amp;nbsp;parseInt(m_id.substring(3)); 
}&amp;nbsp; 
var&amp;nbsp;g_id&amp;nbsp;=&amp;nbsp;$(this).attr('id'); 
dropPublic(m_id,&amp;nbsp;g_id,&amp;nbsp;casePublic); 
$("#mem"+m_id).hide(); 
$(&amp;nbsp;"&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;"&amp;nbsp;).html(&amp;nbsp;ui.draggable&amp;nbsp;).appendTo(&amp;nbsp;this&amp;nbsp;); 
}, 
out:&amp;nbsp;function(event,&amp;nbsp;ui)&amp;nbsp;{ 
var&amp;nbsp;m_id&amp;nbsp;=&amp;nbsp;$(ui.draggable).attr('rel'); 
var&amp;nbsp;g_id&amp;nbsp;=&amp;nbsp;$(this).attr('id');&amp;nbsp; 
$(ui.draggable).hide("explode",&amp;nbsp;1000); 
removeMember(g_id,m_id); 
} 
}); 
}); 
//&amp;nbsp;Add&amp;nbsp;or&amp;nbsp;shift&amp;nbsp;members&amp;nbsp;from&amp;nbsp;groups 
function&amp;nbsp;dropPublic(m_id,&amp;nbsp;g_id,caseFrom) 
{ 
$.ajax({ 
type:"GET", 
url:"groups.php?m_id="+m_id+"&amp;amp;g_id="+g_id, 
cache:false, 
success:function(response){&amp;nbsp; 
$.get("groups.php?reload_groups",&amp;nbsp;function(data){&amp;nbsp; 
$("#groupsall").html(data); 
$("#added"+g_id).animate({"opacity"&amp;nbsp;:&amp;nbsp;"10"&amp;nbsp;},10); 
$("#added"+g_id).show(); 
$("#added"+g_id).animate({"margin-top":&amp;nbsp;"-50px"},&amp;nbsp;450); 
$("#added"+g_id).animate({"margin-top":&amp;nbsp;"0px","opacity"&amp;nbsp;:&amp;nbsp;"0"&amp;nbsp;},&amp;nbsp;450); 
}); 
} 
}); 
} 
//&amp;nbsp;Remove&amp;nbsp;memebers&amp;nbsp;from&amp;nbsp;groups 
//&amp;nbsp;It&amp;nbsp;will&amp;nbsp;restore&amp;nbsp;into&amp;nbsp;public&amp;nbsp;groups&amp;nbsp;or&amp;nbsp;non&amp;nbsp;grouped&amp;nbsp;members 
function&amp;nbsp;removeMember(g_id,m_id) 
{ 
$.ajax({ 
type:"GET", 
url:"groups.php?do=drop&amp;amp;mid="+m_id, 
cache:false, 
success:function(response){ 
$("#removed"+g_id).animate({"opacity"&amp;nbsp;:&amp;nbsp;"10"&amp;nbsp;},10); 
$("#removed"+g_id).show(); 
$("#removed"+g_id).animate({"margin-top":&amp;nbsp;"-50px"},&amp;nbsp;450); 
$("#removed"+g_id).animate({"margin-top":&amp;nbsp;"0px","opacity"&amp;nbsp;:&amp;nbsp;"0"&amp;nbsp;},&amp;nbsp;450); 
$.get("groups.php?reload",&amp;nbsp;function(data){&amp;nbsp;$("#public").html(data);&amp;nbsp;}); 
} 
}); 
}&amp;nbsp; 
}); 
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;/pre&gt;
&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;groups.php&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table 11px;="" 170);="" 170,="" 1px;="" 552px;"="" 5px;="" arial,="" black;="" border-bottom-color:="" border-bottom-style:="" border-bottom-width:="" border-collapse:="" border-left-color:="" border-left-style:="" border-left-width:="" border-right-color:="" border-right-style:="" border-right-width:="" border-top-color:="" border-top-style:="" border-top-width:="" cellpadding="5" cellspacing="5" class="src" collapse;="" color:="" font-family:="" font-size:="" helvetica,="" left;="" padding-left:="" rgb(170,="" sans-serif;="" solid;="" text-align:="" top;="" verdana,="" vertical-align:="" width:=""&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; vertical-align: top;"&gt;&lt;pre style="font-family: 'Courier New', monospace; font-size: 12px;"&gt;&lt;div style="font-family: Courier New;"&gt;
&amp;lt;?php 
require_once("multipleDiv.inc.php"); 
//&amp;nbsp;Initiate&amp;nbsp;Object 
$obj&amp;nbsp;=&amp;nbsp;new&amp;nbsp;Multiplediv(); 
//&amp;nbsp;Add&amp;nbsp;or&amp;nbsp;Update&amp;nbsp;Ajax&amp;nbsp;Call 
if(isset($_GET['m_id'])&amp;nbsp;and&amp;nbsp;isset($_GET['g_id'])) 
{ 
$obj-&amp;gt;addMembers((int)$_GET['m_id'],&amp;nbsp;(int)$_GET['g_id']); 
exit; 
} 
//&amp;nbsp;Remove&amp;nbsp;Memebers&amp;nbsp;from&amp;nbsp;groups&amp;nbsp;Ajax&amp;nbsp;call 
if(isset($_GET['do'])) 
{ 
$obj-&amp;gt;removeMember($_GET['mid']); 
exit; 
} 
//&amp;nbsp;Reload&amp;nbsp;groups&amp;nbsp;each&amp;nbsp;ajax&amp;nbsp;call 
if(isset($_GET['reload'])){&amp;nbsp;echo&amp;nbsp;$obj-&amp;gt;getMembers_reload();&amp;nbsp;exit;&amp;nbsp;} 
if(isset($_GET['reload_groups'])){&amp;nbsp;echo&amp;nbsp;$obj-&amp;gt;getmembergroups_reload();&amp;nbsp;exit;&amp;nbsp;} 
//&amp;nbsp;Initiate&amp;nbsp;Groups&amp;nbsp;and&amp;nbsp;members&amp;nbsp; 
$members&amp;nbsp;=&amp;nbsp;$obj-&amp;gt;public_members(); 
$groups&amp;nbsp;=&amp;nbsp;$obj-&amp;gt;groups(); 
?&amp;gt; 
Friends 
&amp;lt;div&amp;nbsp;id="main_portion"&amp;gt; 
&amp;lt;div&amp;nbsp;id="public"&amp;gt; 
&amp;lt;!--&amp;nbsp;Initiate&amp;nbsp;members&amp;nbsp;--&amp;gt; 
&amp;lt;?php 
if(!isset($members)) 
$members&amp;nbsp;=&amp;nbsp;$obj-&amp;gt;public_members(); 
if($members) 
{ 
foreach($members&amp;nbsp;as&amp;nbsp;$member) 
{ 
extract($member); 
echo&amp;nbsp;"&amp;lt;div&amp;nbsp;class='members'&amp;nbsp;id='mem".$member_id."'&amp;gt;\n"; 
echo&amp;nbsp;"&amp;lt;img&amp;nbsp;src='images/".$member_image."'&amp;nbsp;rel='".$member_id."'&amp;gt;\n"; 
echo&amp;nbsp;"&amp;lt;b&amp;gt;".ucwords($member_name)."&amp;lt;/b&amp;gt;\n"; 
echo&amp;nbsp;"&amp;lt;/div&amp;gt;";&amp;nbsp; 
} 
} 
else 
echo&amp;nbsp;"Members&amp;nbsp;not&amp;nbsp;available"; 
?&amp;gt; 
&amp;lt;/div&amp;gt; 
&amp;lt;div&amp;nbsp;id="groupsall"&amp;gt; 
Groups 
&amp;lt;!--&amp;nbsp;Initiate&amp;nbsp;Groups&amp;nbsp;--&amp;gt; 
&amp;lt;?php 
if(!isset($groups)) 
$groups&amp;nbsp;=&amp;nbsp;$obj-&amp;gt;groups(); 
if($groups) 
{ 
foreach($groups&amp;nbsp;as&amp;nbsp;$group) 
{ 
extract($group); 
echo&amp;nbsp;"&amp;lt;div&amp;nbsp;id='".$group_id."'&amp;nbsp;class='group'&amp;gt;\n"; 
echo&amp;nbsp;ucwords($group_name); 
echo&amp;nbsp;"&amp;lt;div&amp;nbsp;id='added".$group_id."'&amp;nbsp;class='add'&amp;nbsp;style='display:none;'
&amp;nbsp;&amp;gt;&amp;lt;img&amp;nbsp;src='images/green.jpg'&amp;gt;&amp;lt;/div&amp;gt;"; 
echo&amp;nbsp;"&amp;lt;div&amp;nbsp;id='removed".$group_id."'&amp;nbsp;class='remove'&amp;nbsp;style='display:none;'
&amp;nbsp;&amp;gt;&amp;lt;img&amp;nbsp;src='images/red.jpg'&amp;gt;&amp;lt;/div&amp;gt;"; 
echo&amp;nbsp;"&amp;lt;ul&amp;gt;\n"; 
echo&amp;nbsp;$obj-&amp;gt;updateGroups($group_id); 
echo&amp;nbsp;"&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;"; 
} 
} 
?&amp;gt; 
&amp;lt;/div&amp;gt; 
&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;/pre&gt;
&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;b style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; font-weight: bold; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;multipleDiv.inc.php&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"&gt;Download this and modify database connection credentials.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;table 11px;="" 170);="" 170,="" 1px;="" 552px;"="" 5px;="" arial,="" black;="" border-bottom-color:="" border-bottom-style:="" border-bottom-width:="" border-collapse:="" border-left-color:="" border-left-style:="" border-left-width:="" border-right-color:="" border-right-style:="" border-right-width:="" border-top-color:="" border-top-style:="" border-top-width:="" cellpadding="5" cellspacing="5" class="src" collapse;="" color:="" font-family:="" font-size:="" helvetica,="" left;="" padding-left:="" rgb(170,="" sans-serif;="" solid;="" text-align:="" top;="" verdana,="" vertical-align:="" width:=""&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; vertical-align: top;"&gt;&lt;pre style="font-family: 'Courier New', monospace; font-size: 12px;"&gt;&lt;div style="font-family: Courier New;"&gt;
&amp;lt;?php 
//&amp;nbsp;Database&amp;nbsp;declaration's 
define("SERVER",&amp;nbsp;"localhost"); 
define("USER",&amp;nbsp;"username"); 
define("PASSWORD",&amp;nbsp;"password"); 
define("DB",&amp;nbsp;"database"); 

class&amp;nbsp;Multiplediv 
{ 
........................ 
........................ 
......................... 
}&amp;nbsp; 
?&amp;gt;&lt;/div&gt;
&lt;/pre&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKJq7yNOZw1pa2bDkK6br3m8efbDGuTWalY2CvsjdNR9vuroiGBhiYN02zCBa0efQEt4yNv3dPkEmGrIzBmMAE4H2RickstBB_Lg_dA1jyRI2SyapkydZc36X__HIR00q4VA-gi_b9Ca4/s72-c/Draganddrop.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Designing Your Own Lightbox in Javascript</title><link>http://programmingdumps.blogspot.com/2011/11/designing-your-own-lightbox-in.html</link><category>LIGHT BOX</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 12 Nov 2011 23:35:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-8613971905730526923</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"&gt;In nowadays web 2.0 world use of Lightbox is very common. While Lightbox, fancybox (similar to the former) are great scripts and have wide uses, creating a script similar to these is never a bad idea. If you learn, read on else use of one of those scripts, they’re great and easy-to-use.&lt;/div&gt;&lt;div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"&gt;For those of you who haven’t heard about the script or don’t know what they do, see the following image:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-i6P_ZVDm0bnujLazlFMZc-2XjTvQcpyK54_G1khO6bei12LO08TkAWoylmDV0COmHiWCaWF4KbroO3QMtMKKBKwrehWygrIsirc9XXKz2EiQokAI3UCOVEYDzQIYQCI0OZVCGVpDZE/s1600/blackbox_scrrenshot1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;span class="Apple-style-span" style="color: black;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-i6P_ZVDm0bnujLazlFMZc-2XjTvQcpyK54_G1khO6bei12LO08TkAWoylmDV0COmHiWCaWF4KbroO3QMtMKKBKwrehWygrIsirc9XXKz2EiQokAI3UCOVEYDzQIYQCI0OZVCGVpDZE/s1600/blackbox_scrrenshot1.png" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"&gt;Chances are, you might surely have seen it somewhere or the other. These scripts are generally used to display some content in kind of like a dialog box (modal one, for those of you who're geeks) while the rest of the content gets blackened. Looks great? Yes it does!&lt;/div&gt;&lt;div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"&gt;Okay, for those of you still here I wanna confess that I didn’t put enough time knowing how those scripts actually work. I just got an idea myself the other day and thought it just might work. This is not to say that I myself have invented some new way, it’s just that I don’t know how those scripts work but I know one way that gives similar results.&lt;/div&gt;&lt;div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"&gt;As you can see from the above image, there is not much to a simple Lightbox clone, we have a (1) Blackening effect (2) The content box.&lt;/div&gt;&lt;ol style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"&gt;&lt;li style="margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Blackening Effect: For this I’ll create a&amp;nbsp;&lt;code&gt;“div”&lt;/code&gt;&amp;nbsp;element on the fly and set its properties such that it has a black color and some transparency, a large&amp;nbsp;&lt;code&gt;z-index&lt;/code&gt;&amp;nbsp;means floats on top of the rest of the content and back content (with normal z-index) cannot be interacted with anymore. We’ll fill the current screen with this&amp;nbsp;&lt;code&gt;“div”&lt;/code&gt;&amp;nbsp;which will require us to place this element at the topmost and leftmost coordinates relative to the current viewable area. This will be&amp;nbsp;&lt;code&gt;(0, 0)&lt;/code&gt;&amp;nbsp;when the page isn’t scrolled at all.&lt;br /&gt;
We’ll also have to size the element to have it span the whole viewable area of the browser.&lt;br /&gt;
These two things will make sure that no matter where we have scrolled in a page and whatever be the window size, this black overlay element always covers the current viewport.&lt;/li&gt;
&lt;li style="margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;2. Content Box: A nicely styled box with a close button is all we need. We’ll place it at the center of the screen. Since we have calculated the topmost and leftmost coordinates relative to the current viewport and we also have the current viewport’s dimension, we can easily position this at the center, no brainer! We’ll give this a&amp;nbsp;&lt;code&gt;z-index&lt;/code&gt;&amp;nbsp;larger than the black overlay element such that this is at the top of everything.&lt;br /&gt;
Besides this, we’ll also have to take care that these two elements move along with the page in case user tries to scroll the page when the our lightbox is open. This will make sure that (1) black overlay element always fills the screen (2) content box is always at the center.&lt;/li&gt;
&lt;/ol&gt;&lt;div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"&gt;Sounds pretty simple? Well, it is! It’ll call this Blackbox, you may call it whatever you feel like. Here is the code:&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="brush: html"&gt;&amp;lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&amp;gt; 

&amp;lt;html xmlns="http://www.w3.org/1999/xhtml"&amp;gt; 
&amp;lt;head&amp;gt; 
&amp;lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&amp;gt; 
&amp;lt;title&amp;gt;Blackbox - A very simple Lightbox clone&amp;lt;/title&amp;gt; 

&amp;lt;script type="text/javascript"&amp;gt; 
/* 
 * Script: Blackbox (very simple Lightbox clone) 
 * Author: Arvind Gupta (contact@arvindgupta.co.in) 
 * Date: 14-Nov-09 
 * Copyright: 2009 Arvind Gupta 

 *            You may freely use this script wherever 
 *         you want and in whatever way you wish 
 *         but please don't remove this note. 
 * 
 */ 

// OBJECTS 

// Black overlay element 
var darkbox; 
// Content box 
var content; 

// FUNCTIONS 
function init() 
{ 
   // Set "onScroll" event handler 

   window.onscroll = scroll_box; 
} 

function open() 
{ 
   // Create elements 
   darkbox = document.createElement('div'); 
   content = document.createElement('div'); 

   // Style them with the existing ids 
   darkbox.id = 'darkbox'; 
   content.id = 'content'; 

   // FILL CONTENT BOX 

   // Have the close button 
   content.innerHTML = '&amp;lt;a style="position: absolute; top: -30px; right: -30px; text-decoration: none;" href="javascript:close();"&amp;gt;&amp;lt;img style="border: none;" src="fancy_closebox.png" /&amp;gt;&amp;lt;/a&amp;gt;'; 
   // The main content 

   content.innerHTML += '&amp;lt;div id="main_content"&amp;gt;&amp;lt;h1&amp;gt;Hello&amp;lt;/h1&amp;gt;&amp;lt;p&amp;gt;Hello World!&amp;lt;br /&amp;gt; How is this looking?&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;'; 

   // Add these elements to the body 

   document.body.appendChild(darkbox); 
   document.body.appendChild(content); 

   // Calciulate coordinates and such 
   var pos_top = document.documentElement.scrollTop 
   var pos_left = document.documentElement.scrollLeft; 
   var screen_width = document.documentElement.clientWidth; 
   var screen_height = document.documentElement.clientHeight; 

   // Place the "darkbox" element and give it the size 

   darkbox.style.top = pos_top + 'px'; 
   darkbox.style.left = pos_left + 'px'; 
   darkbox.style.height = screen_height + 'px'; 
   darkbox.style.width = screen_width + 'px'; 

   // Now place the content box at the center 
   content.style.left = (pos_left + (screen_width / 2.0) - (content.offsetWidth / 2.0)) + 'px'; 
   content.style.top = (pos_top + (screen_height / 2.0) - (content.offsetHeight / 2.0)) + 'px'; 
} 


function scroll_box () 
{ 
   // If "Darkbox" open 
   if(darkbox != null) 
   { 
      // Find new topmost, leftmost position w.r.t the current viewport
      // Also find new window size 

      var pos_top = document.documentElement.scrollTop 
      var pos_left = document.documentElement.scrollLeft; 
      var screen_width = document.documentElement.clientWidth; 
      var screen_height = document.documentElement.clientHeight; 

      // Positions elements accordingly 
      darkbox.style.top = pos_top + 'px'; 
      darkbox.style.left = pos_left + 'px'; 
      darkbox.style.height = screen_height + 'px'; 
      darkbox.style.width = screen_width + 'px'; 

      content.style.left = (pos_left + (screen_width / 2.0) - (content.offsetWidth / 2.0)) + 'px'; 
      content.style.top = (pos_top + (screen_height / 2.0) - (content.offsetHeight / 2.0)) + 'px'; 
   } 
} 


function close() 
{ 
   // Delete elements 
   document.body.removeChild(darkbox); 
   document.body.removeChild(content); 
} 
&amp;lt;/script&amp;gt; 

&amp;lt;style&amp;gt; 
#darkbox { 
   position: absolute; 
   top: 0px; 
   left: 0px; 
   opacity: 0.6; 
   filter:alpha(opacity=60); 
   background: #000; 
} 

#content { 
   position: absolute; 
   z-index: 1001; 
   background: #fff; 
   border: 10px solid #000; 
   width: 500px; 
   height: 300px; 
} 
#content #main_content { 
   overflow: auto; 
   width: 500px; 
   height: 300px; 
} 

&amp;lt;/style&amp;gt; 
&amp;lt;/head&amp;gt; 

&amp;lt;body onload="init();"&amp;gt; 
&amp;lt;a href="javascript:open()"&amp;gt;Open Box&amp;lt;/a&amp;gt; 
&amp;lt;/body&amp;gt; 
&amp;lt;/html&amp;gt; 
&lt;/pre&gt;&lt;div style="text-align: -webkit-auto;"&gt;&lt;span class="Apple-style-span" style="font-family: sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: -webkit-auto;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-i6P_ZVDm0bnujLazlFMZc-2XjTvQcpyK54_G1khO6bei12LO08TkAWoylmDV0COmHiWCaWF4KbroO3QMtMKKBKwrehWygrIsirc9XXKz2EiQokAI3UCOVEYDzQIYQCI0OZVCGVpDZE/s72-c/blackbox_scrrenshot1.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>FAQ on Indexes in SQL</title><link>http://programmingdumps.blogspot.com/2011/11/faq-on-indexes-in-sql.html</link><category>SQL</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 12 Nov 2011 21:07:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-8584867439445434304</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3 class="post-title" style="font: normal normal bold 130%/normal 'Lucida Grande', 'Trebuchet MS'; letter-spacing: -1px; margin-top: 0px;"&gt;&lt;span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: 13px; letter-spacing: normal; line-height: 19px;"&gt;FAQ on Indexes in SQL&lt;/span&gt;&lt;/h3&gt;&lt;div class="post-body" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;&lt;span style="font-family: 'Times New Roman';"&gt;&lt;br /&gt;
28. What is Index? It's purpose?&lt;br /&gt;
Indexes in databases are similar to indexes in books. In a database,&lt;br /&gt;
an index allows the database program to find data in a table without&lt;br /&gt;
scanning the entire table. An index in a database is a list of values&lt;br /&gt;
in a table with the storage locations of rows in the table that&lt;br /&gt;
contain each value. Indexes can be created on either a single column&lt;br /&gt;
or a combination of columns in a table and are implemented in the form&lt;br /&gt;
of B-trees. An index contains an entry with one or more columns (the&lt;br /&gt;
search key) from each row in a table. A B-tree is sorted on the search&lt;br /&gt;
key, and can be searched efficiently on any leading subset of the&lt;br /&gt;
&lt;br /&gt;
search key. For example, an index on columns A, B, C can be searched&lt;br /&gt;
efficiently on A, on A, B, and A, B, C.&lt;br /&gt;
&lt;br /&gt;
29. Explain about Clustered and non clustered index? How to choose&lt;br /&gt;
between a Clustered Index and a Non-Clustered Index?&lt;br /&gt;
There are clustered and nonclustered indexes. A clustered index is a&lt;br /&gt;
special type of index that reorders the way records in the table are&lt;br /&gt;
physically stored. Therefore table can have only one clustered index.&lt;br /&gt;
The leaf nodes of a clustered index contain the data pages.&lt;br /&gt;
A nonclustered index is a special type of index in which the logical&lt;br /&gt;
order of the index does not match the physical stored order of the&lt;br /&gt;
rows on disk. The leaf nodes of a nonclustered index does not consist&lt;br /&gt;
of the data pages. Instead, the leaf nodes contain index rows.&lt;br /&gt;
Consider using a clustered index for:&lt;br /&gt;
o Columns that contain a large number of distinct values.&lt;br /&gt;
o Queries that return a range of values using operators such as&lt;br /&gt;
BETWEEN, &amp;gt;, &amp;gt;=, &amp;lt;, and &amp;lt;=. o Columns that are accessed sequentially. o Queries that return large result sets. Non-clustered indexes have the same B-tree structure as clustered indexes, with two significant differences: o The data rows are not sorted and stored in order based on their non-clustered keys. o The leaf layer of a non-clustered index does not consist of the data pages. Instead, the leaf nodes contain index rows. Each index row contains the non-clustered key value and one or more row locators that point to the data row (or rows if the index is not unique) having the key value. o Per table only 249 non clustered indexes. 30. Disadvantage of index? Every index increases the time in takes to perform INSERTS, UPDATES and DELETES, so the number of indexes should not be very much. 31. Given a scenario that I have a 10 Clustered Index in a Table to all their 10 Columns. What are the advantages and disadvantages? A: Only 1 clustered index is possible.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
32. How can I enforce to use particular index?&lt;br /&gt;
You can use index hint (index=&lt;index_name&gt;) after the table name.&lt;br /&gt;
SELECT au_lname FROM authors (index=aunmind)&lt;br /&gt;
&lt;br /&gt;
33. What is Index Tuning?&lt;br /&gt;
One of the hardest tasks facing database administrators is the&lt;br /&gt;
selection of appropriate columns for non-clustered indexes. You should&lt;br /&gt;
consider creating non-clustered indexes on any columns that are&lt;br /&gt;
frequently referenced in the WHERE clauses of SQL statements. Other&lt;br /&gt;
good candidates are columns referenced by JOIN and GROUP BY operations.&lt;br /&gt;
You may wish to also consider creating non-clustered indexes that&lt;br /&gt;
cover all of the columns used by certain frequently issued queries.&lt;br /&gt;
These queries are referred to as "covered queries" and experience&lt;br /&gt;
excellent performance gains.&lt;br /&gt;
Index Tuning is the process of finding appropriate column for&lt;br /&gt;
non-clustered indexes.&lt;br /&gt;
SQL Server provides a wonderful facility known as the Index Tuning&lt;br /&gt;
Wizard which greatly enhances the index selection process.&lt;br /&gt;
&lt;br /&gt;
34. Difference between Index defrag and Index rebuild?&lt;br /&gt;
When you create an index in the database, the index information used&lt;br /&gt;
by queries is stored in index pages. The sequential index pages are&lt;br /&gt;
chained together by pointers from one page to the next. When changes&lt;br /&gt;
are made to the data that affect the index, the information in the&lt;br /&gt;
index can become scattered in the database. Rebuilding an index&lt;br /&gt;
reorganizes the storage of the index data (and table data in the case&lt;br /&gt;
of a clustered index) to remove fragmentation. This can improve disk&lt;br /&gt;
performance by reducing the number of page reads required to obtain&lt;br /&gt;
the requested data&lt;br /&gt;
DBCC INDEXDEFRAG - Defragments clustered and secondary indexes of the&lt;br /&gt;
specified table or view.&lt;br /&gt;
**&lt;br /&gt;
&lt;br /&gt;
35. What is sorting and what is the difference between sorting &amp;amp;&lt;br /&gt;
clustered indexes?&lt;br /&gt;
The ORDER BY clause sorts query results by one or more columns up to&lt;br /&gt;
8,060 bytes. This will happen by the time when we retrieve data from&lt;br /&gt;
&lt;br /&gt;
database. Clustered indexes physically sorting data, while&lt;br /&gt;
inserting/updating the table.&lt;br /&gt;
&lt;br /&gt;
36. What are statistics, under what circumstances they go out of date,&lt;br /&gt;
how do you update them?&lt;br /&gt;
Statistics determine the selectivity of the indexes. If an indexed&lt;br /&gt;
column has unique values then the selectivity of that index is more,&lt;br /&gt;
as opposed to an index with non-unique values. Query optimizer uses&lt;br /&gt;
these indexes in determining whether to choose an index or not while&lt;br /&gt;
executing a query.&lt;br /&gt;
Some situations under which you should update statistics:&lt;br /&gt;
1) If there is significant change in the key values in the index&lt;br /&gt;
2) If a large amount of data in an indexed column has been added,&lt;br /&gt;
changed, or removed (that is, if the distribution of key values has&lt;br /&gt;
changed), or the table has been truncated using the TRUNCATE TABLE&lt;br /&gt;
statement and then repopulated&lt;br /&gt;
3) Database is upgraded from a previous version&lt;br /&gt;
&lt;br /&gt;
37. What is fillfactor? What is the use of it ? What happens when we&lt;br /&gt;
ignore it? When you should use low fill factor?&lt;br /&gt;
When you create a clustered index, the data in the table is stored in&lt;br /&gt;
the data pages of the database according to the order of the values in&lt;br /&gt;
the indexed columns. When new rows of data are inserted into the table&lt;br /&gt;
or the values in the indexed columns are changed, Microsoft® SQL&lt;br /&gt;
Server™ 2000 may have to reorganize the storage of the data in the&lt;br /&gt;
table to make room for the new row and maintain the ordered storage of&lt;br /&gt;
the data. This also applies to nonclustered indexes. When data is&lt;br /&gt;
added or changed, SQL Server may have to reorganize the storage of the&lt;br /&gt;
data in the nonclustered index pages. When a new row is added to a&lt;br /&gt;
full index page, SQL Server moves approximately half the rows to a new&lt;br /&gt;
page to make room for the new row. This reorganization is known as a&lt;br /&gt;
page split. Page splitting can impair performance and fragment the&lt;br /&gt;
storage of the data in a table.&lt;br /&gt;
When creating an index, you can specify a fill factor to leave extra&lt;br /&gt;
&lt;br /&gt;
gaps and reserve a percentage of free space on each leaf level page of&lt;br /&gt;
the index to accommodate future expansion in the storage of the&lt;br /&gt;
table's data and reduce the potential for page splits. The fill factor&lt;br /&gt;
value is a percentage from 0 to 100 that specifies how much to fill&lt;br /&gt;
the data pages after the index is created. A value of 100 means the&lt;br /&gt;
pages will be full and will take the least amount of storage space.&lt;br /&gt;
This setting should be used only when there will be no changes to the&lt;br /&gt;
data, for example, on a read-only table. A lower value leaves more&lt;br /&gt;
empty space on the data pages, which reduces the need to split data&lt;br /&gt;
pages as indexes grow but requires more storage space. This setting is&lt;br /&gt;
more appropriate when there will be changes to the data in the table.&lt;/index_name&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>SQL Queries FAQ</title><link>http://programmingdumps.blogspot.com/2011/11/sql-queries-faq.html</link><category>SQL</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 12 Nov 2011 21:01:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-791511534498930116</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3 class="post-title" style="font: normal normal bold 130%/normal 'Lucida Grande', 'Trebuchet MS'; letter-spacing: -1px; margin-top: 0px;"&gt;&lt;span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: 13px; letter-spacing: normal; line-height: 19px;"&gt;SQL Queries FAQ&lt;/span&gt;&lt;/h3&gt;&lt;div class="post-body" style="font-size: 13px; line-height: 19px;"&gt;&lt;div style="font-family: Verdana, sans-serif;"&gt;&lt;span style="font-family: 'Times New Roman';"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;
T-SQL Queries&lt;/span&gt;&lt;br /&gt;
1. 2 tables&lt;br /&gt;
Employee Phone&lt;br /&gt;
empid&lt;br /&gt;
empname&lt;br /&gt;
salary&lt;br /&gt;
mgrid empid&lt;br /&gt;
phnumber&lt;br /&gt;
&lt;br /&gt;
2. Select all employees who doesn't have phone?&lt;br /&gt;
SELECT empname&lt;br /&gt;
FROM Employee&lt;br /&gt;
WHERE (empid NOT IN&lt;br /&gt;
(SELECT DISTINCT empid&lt;br /&gt;
FROM phone))&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
3. Select the employee names who is having more than one phone numbers.&lt;br /&gt;
SELECT empname&lt;br /&gt;
FROM employee&lt;br /&gt;
WHERE (empid IN&lt;br /&gt;
(SELECT empid&lt;br /&gt;
FROM phone&lt;br /&gt;
GROUP BY empid&lt;br /&gt;
HAVING COUNT(empid) &amp;gt; 1))&lt;br /&gt;
&lt;br /&gt;
4. Select the details of 3 max salaried employees from employee table.&lt;br /&gt;
SELECT TOP 3 empid, salary&lt;br /&gt;
FROM employee&lt;br /&gt;
ORDER BY salary DESC&lt;br /&gt;
&lt;br /&gt;
5. Display all managers from the table. (manager id is same as emp id)&lt;br /&gt;
SELECT empname&lt;br /&gt;
FROM employee&lt;br /&gt;
WHERE (empid IN&lt;br /&gt;
(SELECT DISTINCT mgrid&lt;br /&gt;
FROM employee))&lt;br /&gt;
&lt;br /&gt;
6. Write a Select statement to list the Employee Name, Manager Name&lt;br /&gt;
under a particular manager?&lt;br /&gt;
SELECT e1.empname AS EmpName, e2.empname AS ManagerName&lt;br /&gt;
FROM Employee e1 INNER JOIN&lt;br /&gt;
Employee e2 ON e1.mgrid = e2.empid&lt;br /&gt;
ORDER BY e2.mgrid&lt;br /&gt;
&lt;br /&gt;
7. 2 tables emp and phone.&lt;br /&gt;
emp fields are - empid, name&lt;br /&gt;
Ph fields are - empid, ph (office, mobile, home). Select all employees&lt;br /&gt;
who doesn't have any ph nos.&lt;br /&gt;
SELECT *&lt;br /&gt;
FROM employee LEFT OUTER JOIN&lt;br /&gt;
phone ON employee.empid = phone.empid&lt;br /&gt;
WHERE (phone.office IS NULL OR phone.office = ' ')&lt;br /&gt;
AND (phone.mobile IS NULL OR phone.mobile = ' ')&lt;br /&gt;
AND (phone.home IS NULL OR phone.home = ' ')&lt;br /&gt;
&lt;br /&gt;
8. Find employee who is living in more than one city.&lt;br /&gt;
Two Tables:&lt;/span&gt;&lt;st1:place&gt;&lt;st1:placename&gt;&lt;span style="font-family: 'Times New Roman';"&gt;Emp&lt;/span&gt;&lt;/st1:placename&gt;&lt;span style="font-family: 'Times New Roman';"&gt;&amp;nbsp;&lt;/span&gt;&lt;st1:placetype&gt;&lt;span style="font-family: 'Times New Roman';"&gt;City&lt;/span&gt;&lt;/st1:placetype&gt;&lt;span style="font-family: 'Times New Roman';"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;st1:placename&gt;&lt;span style="font-family: 'Times New Roman';"&gt;Empid&lt;/span&gt;&lt;/st1:placename&gt;&lt;span style="font-family: 'Times New Roman';"&gt;&amp;nbsp;&lt;/span&gt;&lt;st1:placename&gt;&lt;span style="font-family: 'Times New Roman';"&gt;Empid&lt;/span&gt;&lt;/st1:placename&gt;&lt;span style="font-family: 'Times New Roman';"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;st1:placename&gt;&lt;span style="font-family: 'Times New Roman';"&gt;empName&lt;/span&gt;&lt;/st1:placename&gt;&lt;span style="font-family: 'Times New Roman';"&gt;&amp;nbsp;&lt;/span&gt;&lt;st1:placetype&gt;&lt;span style="font-family: 'Times New Roman';"&gt;City&lt;/span&gt;&lt;/st1:placetype&gt;&lt;/st1:place&gt;&lt;span style="font-family: 'Times New Roman';"&gt;&lt;br /&gt;
Salary&lt;br /&gt;
SELECT empname, fname, lname&lt;br /&gt;
FROM employee&lt;br /&gt;
WHERE (empid IN&lt;br /&gt;
(SELECT empid&lt;br /&gt;
FROM city&lt;br /&gt;
GROUP BY empid&lt;br /&gt;
HAVING COUNT(empid) &amp;gt; 1))&lt;br /&gt;
&lt;br /&gt;
9. Find all employees who is living in the same city. (table is same&lt;br /&gt;
as above)&lt;br /&gt;
SELECT fname&lt;br /&gt;
FROM employee&lt;br /&gt;
WHERE (empid IN&lt;br /&gt;
(SELECT empid&lt;br /&gt;
FROM city a&lt;br /&gt;
WHERE city IN&lt;br /&gt;
(SELECT city&lt;br /&gt;
FROM city b&lt;br /&gt;
GROUP BY city&lt;br /&gt;
HAVING COUNT(city) &amp;gt; 1)))&lt;br /&gt;
&lt;br /&gt;
10. There is a table named MovieTable with three columns - moviename,&lt;br /&gt;
person and role. Write a query which gets the movie details where Mr.&lt;br /&gt;
&lt;br /&gt;
Amitabh and Mr. Vinod acted and their role is actor.&lt;br /&gt;
SELECT DISTINCT m1.moviename&lt;br /&gt;
FROM MovieTable m1 INNER JOIN&lt;br /&gt;
MovieTable m2 ON m1.moviename = m2.moviename&lt;br /&gt;
WHERE (m1.person = 'amitabh' AND m2.person = 'vinod' OR&lt;br /&gt;
m2.person = 'amitabh' AND m1.person = 'vinod') AND (m1.role = 'actor')&lt;br /&gt;
AND (m2.role = 'actor')&lt;br /&gt;
ORDER BY m1.moviename&lt;br /&gt;
&lt;br /&gt;
11. There are two employee tables named emp1 and emp2. Both contains&lt;br /&gt;
same structure (salary details). But Emp2 salary details are incorrect&lt;br /&gt;
and emp1 salary details are correct. So, write a query which corrects&lt;br /&gt;
salary details of the table emp2&lt;br /&gt;
update a set a.sal=b.sal from emp1 a, emp2 b where a.empid=b.empid&lt;br /&gt;
&lt;br /&gt;
12. Given a Table named "Students" which contains studentid, subjectid&lt;br /&gt;
and marks. Where there are 10 subjects and 50 students. Write a Query&lt;br /&gt;
to find out the Maximum marks obtained in each subject.&lt;br /&gt;
&lt;br /&gt;
13. In this same tables now write a SQL Query to get the studentid&lt;br /&gt;
also to combine with previous results.&lt;br /&gt;
&lt;br /&gt;
14. Three tables – student , course, marks – how do go @ finding name&lt;br /&gt;
of the students who got max marks in the diff courses.&lt;br /&gt;
SELECT&amp;nbsp;&lt;a href="http://student.name/" target="_blank"&gt;student.name&lt;/a&gt;,&amp;nbsp;&lt;a href="http://course.name/" target="_blank"&gt;course.name&lt;/a&gt;&amp;nbsp;AS coursename, marks.sid, marks.mark&lt;br /&gt;
FROM marks INNER JOIN&lt;br /&gt;
student ON marks.sid = student.sid INNER JOIN&lt;br /&gt;
course ON marks.cid = course.cid&lt;br /&gt;
WHERE (marks.mark =&lt;br /&gt;
(SELECT MAX(Mark)&lt;br /&gt;
FROM Marks MaxMark&lt;br /&gt;
WHERE MaxMark.cID = Marks.cID))&lt;br /&gt;
&lt;br /&gt;
15. There is a table day_temp which has three columns dayid, day and&lt;br /&gt;
temperature. How do I write a query to get the difference of&lt;br /&gt;
temperature among each other for seven days of a week?&lt;br /&gt;
SELECT a.dayid, a.dday, a.tempe, a.tempe - b.tempe AS Difference&lt;br /&gt;
FROM day_temp a INNER JOIN&lt;br /&gt;
day_temp b ON a.dayid = b.dayid + 1&lt;br /&gt;
&lt;br /&gt;
OR&lt;br /&gt;
Select a.day, a.degree-b.degree from temperature a, temperature b&lt;br /&gt;
where a.id=b.id+1&lt;br /&gt;
&lt;br /&gt;
16. There is a table which contains the names like this. a1, a2, a3,&lt;br /&gt;
a3, a4, a1, a1, a2 and their salaries. Write a query to get grand&lt;br /&gt;
total salary, and total salaries of individual employees in one query.&lt;br /&gt;
SELECT empid, SUM(salary) AS salary&lt;br /&gt;
FROM employee&lt;br /&gt;
GROUP BY empid WITH ROLLUP&lt;br /&gt;
ORDER BY empid&lt;br /&gt;
&lt;br /&gt;
17. How to know how many tables contains empno as a column in a database?&lt;br /&gt;
SELECT COUNT(*) AS Counter&lt;br /&gt;
FROM syscolumns&lt;br /&gt;
WHERE (name = 'empno')&lt;br /&gt;
&lt;br /&gt;
18. Find duplicate rows in a table? OR I have a table with one column&lt;br /&gt;
which has many records which are not distinct. I need to find the&lt;br /&gt;
distinct values from that column and number of times it's repeated.&lt;br /&gt;
SELECT sid, mark, COUNT(*) AS Counter&lt;br /&gt;
FROM marks&lt;br /&gt;
GROUP BY sid, mark&lt;br /&gt;
HAVING (COUNT(*) &amp;gt; 1)&lt;br /&gt;
&lt;br /&gt;
19. How to delete the rows which are duplicate (don't delete both&lt;br /&gt;
duplicate records).&lt;br /&gt;
SET ROWCOUNT 1&lt;br /&gt;
DELETE yourtable&lt;br /&gt;
FROM yourtable a&lt;br /&gt;
WHERE (SELECT COUNT(*) FROM yourtable b WHERE b.name1 = a.name1 AND&lt;br /&gt;
b.age1 = a.age1) &amp;gt; 1&lt;br /&gt;
WHILE @@rowcount &amp;gt; 0&lt;br /&gt;
DELETE yourtable&lt;br /&gt;
FROM yourtable a&lt;br /&gt;
WHERE (SELECT COUNT(*) FROM yourtable b WHERE b.name1 = a.name1 AND&lt;br /&gt;
b.age1 = a.age1) &amp;gt; 1&lt;br /&gt;
SET ROWCOUNT 0&lt;br /&gt;
&lt;br /&gt;
20. How to find 6th highest salary&lt;br /&gt;
SELECT TOP 1 salary&lt;br /&gt;
FROM (SELECT DISTINCT TOP 6 salary&lt;br /&gt;
FROM employee&lt;br /&gt;
ORDER BY salary DESC) a&lt;br /&gt;
ORDER BY salary&lt;br /&gt;
&lt;br /&gt;
21. Find top salary among two tables&lt;br /&gt;
SELECT TOP 1 sal&lt;br /&gt;
FROM (SELECT MAX(sal) AS sal&lt;br /&gt;
FROM sal1&lt;br /&gt;
UNION&lt;br /&gt;
SELECT MAX(sal) AS sal&lt;br /&gt;
FROM sal2) a&lt;br /&gt;
ORDER BY sal DESC&lt;br /&gt;
&lt;br /&gt;
22. Write a query to convert all the letters in a word to upper case&lt;br /&gt;
SELECT UPPER('test')&lt;br /&gt;
&lt;br /&gt;
23. Write a query to round up the values of a number. For example even&lt;br /&gt;
if the user enters 7.1 it should be rounded up to 8.&lt;br /&gt;
SELECT CEILING (7.1)&lt;br /&gt;
&lt;br /&gt;
24. Write a SQL Query to find first day of month?&lt;br /&gt;
&lt;br /&gt;
SELECT DATENAME(dw, DATEADD(dd, - DATEPART(dd, GETDATE()) + 1,&lt;br /&gt;
GETDATE())) AS FirstDay&lt;br /&gt;
Datepart Abbreviations&lt;br /&gt;
year yy, yyyy&lt;br /&gt;
quarter qq, q&lt;br /&gt;
month mm, m&lt;br /&gt;
dayofyear dy, y&lt;br /&gt;
day dd, d&lt;br /&gt;
week wk, ww&lt;br /&gt;
weekday dw&lt;br /&gt;
hour hh&lt;br /&gt;
minute mi, n&lt;br /&gt;
second ss, s&lt;br /&gt;
millisecond ms&lt;br /&gt;
&lt;br /&gt;
25. Table A contains column1 which is primary key and has 2 values (1,&lt;br /&gt;
2) and Table B contains column1 which is primary key and has 2 values&lt;br /&gt;
(2, 3). Write a query which returns the values that are not common for&lt;br /&gt;
the tables and the query should return one column with 2 records.&lt;br /&gt;
SELECT a.col1&lt;br /&gt;
FROM a, b&lt;br /&gt;
WHERE a.col1 &amp;lt;&amp;gt;&lt;br /&gt;
(SELECT b.col1&lt;br /&gt;
FROM a, b&lt;br /&gt;
WHERE a.col1 = b.col1)&lt;br /&gt;
UNION&lt;br /&gt;
SELECT b.col1&lt;br /&gt;
FROM a, b&lt;br /&gt;
WHERE b.col1 &amp;lt;&amp;gt;&lt;br /&gt;
(SELECT a.col1&lt;br /&gt;
FROM a, b&lt;br /&gt;
WHERE a.col1 = b.col1)&lt;br /&gt;
&lt;br /&gt;
26. There are 3 tables Titles, Authors and Title-Authors. Write the&lt;br /&gt;
query to get the author name and the number of books written by that&lt;br /&gt;
author, the result should start from the author who has written the&lt;br /&gt;
maximum number of books and end with the author who has written the&lt;br /&gt;
minimum number of books.&lt;br /&gt;
&lt;br /&gt;
27.&lt;br /&gt;
UPDATE emp_master&lt;br /&gt;
SET emp_sal =&lt;br /&gt;
CASE&lt;br /&gt;
WHEN emp_sal &amp;gt; 0 AND emp_sal &amp;lt;= 20000 THEN (emp_sal * 1.01) WHEN emp_sal &amp;gt; 20000 THEN (emp_sal * 1.02)&lt;br /&gt;
END&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>SQL Injection Problem, Example and Solution for Preventing</title><link>http://programmingdumps.blogspot.com/2011/11/sql-injection-problem-example-and.html</link><category>SQL</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 12 Nov 2011 20:57:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-2147356614661026450</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3 class="post-title" style="font: normal normal bold 130%/normal 'Lucida Grande', 'Trebuchet MS'; letter-spacing: -1px; margin-top: 0px;"&gt;&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; letter-spacing: normal; line-height: 19px;"&gt;SQL Injection Problem, Example and Solution for Preventing:&amp;nbsp;&lt;/strong&gt;&lt;/h3&gt;&lt;div class="post-body" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;What is SQL Injection Problem?&amp;nbsp;&lt;/strong&gt;SQL injection is a strategy for attacking databases.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Example of SQL Injection Problem:&lt;/strong&gt;An ASP page asks the user for a name and a password, and then sends the following string to the database:&lt;br /&gt;
SELECT FROM users WHERE username = 'whatever' AND password = 'mypassword'&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
It seems safe, but it isn't. A user might enter something like this as her user name:&lt;br /&gt;
' OR 1&amp;gt;0 --&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
When this is plugged into the SQL statement, the result looks like this:&lt;br /&gt;
SELECT FROM users WHERE username = '' OR 1&amp;gt;0 -- AND password = ''&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This injection comments out the password portion of the statement. It results in a list of all the names in the users table, so any user could get into your system.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;How to Prevent SQL Injection Problem.&amp;nbsp;&lt;/strong&gt;&lt;br /&gt;
There are numerous ways a malicious user might penetrate your system using SQL injection and various defenses, but the simplest approach is to avoid dynamic SQL. Instead, use stored procedures everywhere.&lt;/div&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Asp.net Connectivity with SQL Server 2005</title><link>http://programmingdumps.blogspot.com/2011/11/aspnet-connectivity-with-sql-server_11.html</link><category>SQL</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Fri, 11 Nov 2011 20:09:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-3971328881228559769</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="post-body" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;Asp.net Connectivity with SQL Server 2005&lt;br /&gt;
You will get number of queries on forums for connecting application to database. Most of time they are unable to connect because of incorrect connection string.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Step 1: Adding connection string code to web.config file&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Syntax for connection string&lt;br /&gt;
&lt;pre class="brush: html;"&gt;&lt;appsettings&gt;
&lt;add key="MyDBConnection" source="[ServerName]" value=""&gt;;Initial catalog =[dbname];user id=[username];password=[password];" /&amp;gt;&lt;/add&gt;&lt;/appsettings&gt;&lt;/pre&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;Example for connection string&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Here, its an example of Windows Authentication Mode&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;pre class="brush: html;"&gt;&lt;appsettings&gt;
&lt;add key="conn" value="Data Source=SHRIGANESH-PC\SQLEXPRESS;Initial Catalog=firstdb;Integrated Security=True"&gt;
&lt;/add&gt;&lt;/appsettings&gt;&lt;/pre&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;Step 2: Writing Code&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Lets write code to display data in gridview.&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;pre class="brush: html;"&gt;{
string sqlconn = ConfigurationManager.AppSettings["conn"].ToString();
SqlConnection conn = new SqlConnection(sqlconn);
SqlDataAdapter da = new SqlDataAdapter("select * from employee", sqlconn);
DataSet ds = new DataSet();
da.Fill(ds);
GridView1.DataSource = ds.Tables[0].DefaultView;
GridView1.DataBind();
}
&lt;/pre&gt;&lt;div&gt;&lt;strong&gt;Solution for everyone, anytime&lt;/strong&gt;&lt;/div&gt;&lt;blockquote style="font-size: 11px; line-height: 1.5em; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 0px; padding-top: 10px;"&gt;For all who are facing problem while connection application to backend, I would&lt;br /&gt;
suggest them to connect the application SqlDataSource Control and configure the&lt;br /&gt;
datasource through wizard, so that a misprint of character in your connection&lt;br /&gt;
string can be avoided and you can be on work without posting query on forum.&lt;/blockquote&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;strong&gt;Finally Exception that you might face while connecting to .net application with sql server 2005 on windows vista operating system.&lt;/strong&gt;&lt;/div&gt;&lt;blockquote style="font-size: 11px; line-height: 1.5em; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 0px; padding-top: 10px;"&gt;Asp.net connectivity with Sql Server 2005 is same as connecting to Sql Server&lt;br /&gt;
2000, but you can be put into trouble due to incorrect connection string and may&lt;br /&gt;
receive following error exception&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
The user is not associated with a&lt;br /&gt;
trusted SQL Server connection.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
A connection was successfully&lt;br /&gt;
established with the server, but then an error occurred during the login&lt;br /&gt;
process.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
To resolve the above error, check that connection string&lt;br /&gt;
you have used for connectivity is correct.&lt;/blockquote&gt;&lt;/div&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>SQL OPERATORS</title><link>http://programmingdumps.blogspot.com/2011/11/sql-operators.html</link><category>SQL</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Fri, 11 Nov 2011 19:35:00 +0530</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5608404027428291175.post-8812016369933101705</guid><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;The Operators Supported by SQL*Plus are as under&lt;/span&gt;&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1) Comparision Operators&lt;br /&gt;
2) Logical Operators&lt;br /&gt;
3) Arithmetic Operators&lt;br /&gt;
4) Operators used to negate conditions&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;They are discussed in brief as under.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;SQL COMPARISION OPERATORS&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;Comparision Operators as the name sujjests are used to test values in SQL statement.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;The comparision operators are as under&lt;/span&gt;&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;* Equality (=)&lt;br /&gt;
* Non-Equality (&amp;lt;&amp;gt;)&lt;br /&gt;
* Greater-than (&amp;gt;)&lt;br /&gt;
* Less-than (&amp;lt;) * Greater-than or equal to (&amp;gt;=)&lt;br /&gt;
* Less-than or equal to (&amp;lt;=)&amp;nbsp;&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;All Operators Works according to their names.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;For example:-&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt; select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_name='RAHUL';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will select all details of employee whose name is rahul.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2) SQL&amp;gt; select emp_name from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_age &amp;gt; 50;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt; It will list names of those employee whose age is above 50 yrs.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;3) SQL&amp;gt; select emp_name from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_job = 'ACCOUNTANT' OR emp_job= 'MUNIM';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will list names of those employee whose status is munim or accountant in the company.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Note, if any of condition satisfies than the record will display as they are joint using or operator(discussed later).&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;SQL LOGICAL OPERATORS&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt; Logical operators are those operators that are use SQL keywords to make comparision instead of symbols.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;A Logical operator is used to combine the results of two conditions.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;The Logical Operators are AND, OR and NOT.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;They also covers&lt;/span&gt;&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;* LIKE&lt;br /&gt;
* BETWEEN&lt;br /&gt;
* IN&lt;br /&gt;
* IS NULL&lt;br /&gt;
* ALL and ANY&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;AND&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;- AND operator display records only when both conditions are satisfied.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_age &amp;lt; emp_name="'SAJID';"&amp;gt;The above eg shows rows for those employee whose age is less than 50 yrs and name is sajid&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;OR&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;- OR operator display records on matching of any condition.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_age &amp;lt; emp_name="'SAJID';"&amp;gt;The above eg shows rows for those employee whose age is less than 50 yrs or name is sajid.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;NOT&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;- explained under negate operators.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;LIKE&lt;/strong&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;LIKE operator is used to search a character pattern, without knowing exact character value.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;The LIKE operator used wildcard operators to compare a value to similar values.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;There are two wildcards used in conjunction with LIKE operator.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;( % ) The percent sign-The percent sign represents Zero, one&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;or multiple characters.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;( _ ) The Underscore-The underscore represents single&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;number or characters.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;These symbols can be used in combinations.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt; select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_name LIKE 'A%';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Finds any name that start with A and continues for any length.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2) SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_name LIKE '%A';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Finds any name that ends with A.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;3) SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_name LIKE '%A%';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Finds any name that have A in any position.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;4) SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_salary LIKE '3___5';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Finds any value in a five digit number that starts with 3 and end with 5.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;5) SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_salary LIKE '_5%5';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Finds any values that have a 5 in the second position and ends with a 5.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;BETWEEN&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;The BETWEEN operator is an extension of comparision operator as to make more user friendly.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;The BETWEEN operator is used to search for values whose minimum and maximum values are given. Maximum and minimum values are included as a part of search.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt; A Between operator can be used with both character and&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;numeric datatypes. However, one cannot mix the data types.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_salary BETWEEN 5000 AND 10000;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It searches for those employee whose salary is lies between 5000 and 10000, including the values 5000 and 10000.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;IN&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;The IN operator search the value from a predetermined list, if any of the value matches than row will be displayed.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_job&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;IN ('ACCOUNTANT','PROGRAMMER','OPERATOR');&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will display all details of those employee whose status in company is either accountant, programmer or operator.Note IN operator is basically use to remove multiple OR operators. The above statement using OR operator will be&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_job='ACCOUNTANT' OR emp_job='PROGRAMMER' OR emp_job='OPERATOR';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;Note here emp_job is repeated three times which is not efficient way of generating query, so using IN operator we can reduce our burden and also make our statement more efficient.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_depart_no IN ('5','10','15','20');&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will display details of those employee whose department number is either 5,10,15 or 20.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;IS NULL&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;IS NULL operator is used to compare a value with a NULL value.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Let search for the employee who haven't have their email-id&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1) SQL&amp;gt; select * fromemp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;email_id IS NULL;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will display records of those employee who haven't created their email-id.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;NOTE:- If you tried NULL operator to use with equality operator it will not give proper result.consider above eg. if you modify above statement using equality operator it will display improper result.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;email_id = NULL does not find a NULL value. You will be prompted with the message no rows selected even though there are rows with a NULL values.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_salary IS NULL;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will display records of those employee whose pay field is NULL. This is consider as invalid's records and should be deleted immediately.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;ALL and ANY&lt;br /&gt;
ALL&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;The ALL operator compares a value to all values in another value set.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_salary &amp;gt; ALL&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;(select emp_salary from emp where emp_job = 'OPERATOR');&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will compares salary value to see whether it is greater than all salaries of the employee whose status is operator.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_age &amp;lt;= ALL (select emp_age from emp where emp_state='CA'); -&amp;gt;It will compares age value to see whether it is less than or equal to all employee's age who is staying in CA.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;ANY&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;The ANY operator compares a value to any values in another value set.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_salary &amp;gt; ANY&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;(select emp_salary from emp where emp_job = 'PROGRAMMER');&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will compares salary value to see whether it is greater than ANY salaries of the employee whose status is programmer.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_age &amp;lt;= ANY (select emp_age from emp where emp_state='CA'); -&amp;gt;It will compares age value to see whether it is less than or equal to any employee's age who is staying in CA.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;SQL ARITHMETIC OPERATORS&lt;/strong&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;The arithmetic operators are mentioned as under&lt;/span&gt;&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1) Addition ( + )&lt;br /&gt;
2) Subtraction ( - )&lt;br /&gt;
3) Multiplication ( * )&lt;br /&gt;
4) Division ( / )&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;They&amp;nbsp;&lt;/span&gt;&lt;a class="kLink" href="http://dotnetguts.blogspot.com/2007/06/sql-operators.html#" id="KonaLink3" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; border-bottom-color: transparent !important; border-bottom-style: none !important; border-bottom-width: 0px !important; border-left-color: transparent !important; border-left-style: none !important; border-left-width: 0px !important; border-right-color: transparent !important; border-right-style: none !important; border-right-width: 0px !important; border-top-color: transparent !important; border-top-style: none !important; border-top-width: 0px !important; bottom: 0px; cursor: pointer; display: inline !important; font-family: inherit !important; font-size: inherit !important; left: 0px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static; right: 0px; top: 0px;"&gt;&lt;span style="font-family: inherit; font-size: inherit !important; position: static;"&gt;&lt;span class="kLink" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; border-bottom-color: initial; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: initial !important; border-left-style: none !important; border-left-width: 0px !important; border-right-color: initial !important; border-right-style: none !important; border-right-width: 0px !important; border-top-color: initial !important; border-top-style: none !important; border-top-width: 0px !important; display: inline !important; float: none !important; font-family: inherit; font-size: inherit !important; padding-bottom: 1px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static; width: auto !important;"&gt;work&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;&amp;nbsp;same as we have been taught so far.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Let consider usage of arithmetic operator by following result table It contains field like rno, stname, std, div, totsub, totmarks.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where rno is roll number, stname is student name, std is standard, div is division, totsub is total subjects and totmarks is total marks.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1) To find percentage of all student&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;SQL&amp;gt;select rno,stname,(totmarks / totsub) as percentage&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;from result;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Here help of division operator is taken to get percentage.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;CONCEPT OF ALIASES&lt;/strong&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;Aliases - Aliases is a temporary name assign to the field created at&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;execution of statement or field already there in a table.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;consider the above example, field is created at the execution of statement and the name percentage is aliases for it.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt;select ename as employee_name from emp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;here field is already there in a table and temporary name is created to display field title more user friendly.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Note aliases is not compulsory on a field it is used just to interface more user friendly with&amp;nbsp;&lt;/span&gt;&lt;a class="kLink" href="http://dotnetguts.blogspot.com/2007/06/sql-operators.html#" id="KonaLink4" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; border-bottom-color: transparent !important; border-bottom-style: none !important; border-bottom-width: 0px !important; border-left-color: transparent !important; border-left-style: none !important; border-left-width: 0px !important; border-right-color: transparent !important; border-right-style: none !important; border-right-width: 0px !important; border-top-color: transparent !important; border-top-style: none !important; border-top-width: 0px !important; bottom: 0px; cursor: pointer; display: inline !important; font-family: inherit !important; font-size: inherit !important; left: 0px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static; right: 0px; top: 0px;"&gt;&lt;span style="font-family: inherit; font-size: inherit !important; position: static;"&gt;&lt;span class="kLink" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; border-bottom-color: initial; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: initial !important; border-left-style: none !important; border-left-width: 0px !important; border-right-color: initial !important; border-right-style: none !important; border-right-width: 0px !important; border-top-color: initial !important; border-top-style: none !important; border-top-width: 0px !important; display: inline !important; float: none !important; font-family: inherit; font-size: inherit !important; padding-bottom: 1px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static; width: auto !important;"&gt;sql&amp;nbsp;&lt;/span&gt;&lt;span class="kLink" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; border-bottom-color: initial; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: initial !important; border-left-style: none !important; border-left-width: 0px !important; border-right-color: initial !important; border-right-style: none !important; border-right-width: 0px !important; border-top-color: initial !important; border-top-style: none !important; border-top-width: 0px !important; display: inline !important; float: none !important; font-family: inherit; font-size: inherit !important; padding-bottom: 1px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static; width: auto !important;"&gt;statements&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;Now back to the discussion of arithmetic operators,&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;continue with the examples&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2)SQL&amp;gt;select prodname as Product_Name,qty as Quantity,&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;price as Price_per _unit,(qty*price) as Amount&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;from product&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;prodname = 'SCREW';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Here query contains aliases Product_Name for prodname, Quantity for qty, Price_per_unit for price and Amount for (qty*price)&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;This query display product name, quantity, price and amount for records whose prodname is screw.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Here Amount is a field which will be created at the time of execution. It uses the multiplication operator.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;Similarly we use arithmetic operators according to our requirement but the only point to note is that while using multiple operators operators works according to the precedence.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;* and / have higher priority than + and - operator, but we can make priority of + and - higher than * and / by adding parenthesis to the statement.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;SQL NEGATE OPERATORS&lt;/strong&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;The Negate Operators reverses the meaning of the logical operators with which it is used.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;We have explained some NOT operators which are mentioned as under.&lt;/span&gt;&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;* NOT EQUAL ( &amp;lt;&amp;gt; ) or ( != ).&lt;br /&gt;
* NOT BETWEEN&lt;br /&gt;
* IS NOT NULL&lt;br /&gt;
* NOT LIKE&lt;br /&gt;
* NOT IN&lt;/strong&gt;&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;NOT EQUAL&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Not equal works exactly oposite to the equal operator.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_job &amp;lt;&amp;gt; 'ACCOUNTANT';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Here all records are selected excluding those whose status is accountant in company.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_salary != 5000;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Selects all records excluding those whose salary is 5000.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;NOTE:- Operator ( &amp;lt;&amp;gt; ) and ( != ) works same.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;NOT BETWEEN&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt; This operator is used negate the between operator.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_salary NOT BETWEEN 2000 and 3000.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will select all records excluding those whose salary is between 2000 and 3000, including 2000 and 3000.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;IS NOT NULL&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will check whether the selected field is not empty(null).&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;email_id IS NOT NULL;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Selects records of those employee who have their email-id.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;NOT LIKE&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;The NOT LIKE operator used wildcard operators to compare a value that is not similar.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It supports both wildcard character that are mentioned in like operators.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt; select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_name NOT LIKE 'A%';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Finds any name that do not start with A and continues for any length.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2) SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_name NOT LIKE '%A';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Finds any name that do not ends with A.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;3) SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_salary NOT LIKE '1___0';&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;Finds any value in a five digit number that do not starts with 1 and end with 0.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;NOT IN&lt;/strong&gt;&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;The NOT IN operator search the value that is not mentioned in a predetermined list, if any of the value matches than row will be displayed.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;eg:&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;1)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_job&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;NOT IN ('PROGRAMMER','OPERATOR');&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will display all details of employee excluding those whose status in company is either programmer or operator.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;2)SQL&amp;gt;select * from emp&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;where&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;emp_depart_no NOT IN ('5','10','15','20');&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px;"&gt;-&amp;gt;It will display details of employee excluding those whose department number is either 5,10,15 or 20.&lt;/span&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item></channel></rss>