tag:blogger.com,1999:blog-44617127839629959942025-03-10T16:21:02.590+05:30HTML, CSS - Frameworks, Jquery, Javascript, Json, PHP, FlashAnonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.comBlogger57125tag:blogger.com,1999:blog-4461712783962995994.post-81375045579464839612016-10-25T11:49:00.002+05:302016-10-25T11:54:13.481+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;title&gt;json with JQuery&lt;/title&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <span style="color: #e69138;">&lt;select id="first"&gt;</span><br /> <span style="color: #e69138;">&nbsp; &lt;option value="all"&gt;All&lt;/option&gt;</span><br /> <span style="color: #e69138;">&lt;/select&gt;</span><br /> <span style="color: #e69138;">&lt;select id="second"&gt;</span><br /> <span style="color: #e69138;">&nbsp; &lt;option value="all"&gt;All&lt;/option&gt;</span><br /> <span style="color: #e69138;">&lt;/select&gt;</span><br /> <span style="color: #e69138;">&lt;select id="third"&gt;</span><br /> <span style="color: #e69138;">&nbsp; &lt;option value="all"&gt;All&lt;/option&gt;</span><br /> <span style="color: #e69138;">&lt;/select&gt;</span><br /> <span style="color: #e69138;">&lt;select id="fourth"&gt;</span><br /> <span style="color: #e69138;">&nbsp; &lt;option value="all"&gt;All&lt;/option&gt;</span><br /> <span style="color: #e69138;">&lt;/select&gt;</span><br /> <span style="color: #e69138;">&lt;select id="five"&gt;</span><br /> <span style="color: #e69138;">&nbsp; &lt;option value="all"&gt;All&lt;/option&gt;</span><br /> <span style="color: #e69138;">&lt;/select&gt;</span><br /> <span style="color: #e69138;"><br /></span> <span style="color: red;">&lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt;</span><br /> <span style="color: red;"><br /></span> <span style="color: red;">&lt;script type="text/javascript"&gt;</span><br /> <span style="color: red;"><br /></span> <span style="color: #3d85c6;">var Countries = ["India","USA"];</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;">var States = {</span><br /> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"India": ["Andhra Pradesh","Andaman and Nicobar Islands","Arunachal Pradesh","Assam","Bihar","Chandigarh","Chhattisgarh","Dadra and Nagar Haveli","Daman and Diu","Delhi","Goa","Gujarat","Haryana","Himachal Pradesh","Jammu and Kashmir","Jharkhand","Karnataka","Kerala","Lakshadweep","Madhya Pradesh","Maharashtra","Manipur","Meghalaya","Mizoram","Nagaland","Orissa","Pondicherry","Punjab","Rajasthan","Sikkim","Tamil Nadu","Tripura","Uttar Pradesh","Uttaranchal","West Bengal"],&nbsp;</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"USA": ["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","District of Columbia","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Carolina","North Dakota","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]</span><br /> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>};</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;">var Districts = {</span><br /> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"Alabama": ["Nicobar","North and Middle Andaman","South Andaman"],</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"Andhra Pradesh": ["East Godavari","West Godavari","Krishna","Guntur","Prakasam","Sri Potti Sri Ramulu Nellore","Srikakulam","Vizianagaram","and Visakhapatnam","Kurnool","Chittoor","YSR Kadapa and Anantapur"]</span><br /> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp; };</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;">var Mandals = {</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"Nicobar": ["Arong","Big Lapati","Chuckchucha","IAF Camp","Kakana","Kimois","Kinmai","Kinyuka","Malacca","Mus","Perka","Sawai","Small Lapati","Tamaloo","Tapoiming","Teetop"],&nbsp;</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"East Godavari": ["Rajahmundry Urban","Kakinada Urban","Kakinada Rural","Rajahmundry Rural","Amalapuram","Tuni","Samalkota","Mandapeta","Pithapuram","Peddapuram","Ramachandrapuram","Rajanagaram","Kadiam","Thondangi","Ravulapalem","Thallarevu","Kothapalle","Jaggampeta","Korukonda","Prathipadu","Gollaprolu","Yeleswaram","Kothapeta","Karapa","Malikipuram","P.Gannavaram","Katrenikona","Kirlampudi","Alamuru","Sakhinetipalle","Seethanagaram","Pedapudi","Razole","Kajuluru","Anaparthy","Mamidikuduru","Biccavolu","Gokavaram","Mummidivaram","Allavaram"],&nbsp;</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"Krishna": ["Machilipatnam","Penamaluru","Gudivada","Vijayawada Rural","Nuzvid","Jaggayyapeta","Ibrahimpatnam","Nandigama","Gannavaram","Bapulapadu","Kaikalur","Tiruvuru","Vuyyuru","Gampalagudem","Kanchikacherla","Kalidindi","Kankipadu","Mylavaram","Pedana","Mudinepalle","Agiripalle","Vatsavai","Chandarlapadu","Vissannapet","G.Konduru","Musunuru","Pamarru","Unguturu","Pamidimukkala","Challapalle","Chatrai","Movva","Penuganchiprolu","Gudlavalleru","Guduru","Veerullapadu","Kruthivennu","Mandavalli","A.Konduru","Nagayalanka","Bantumilli","Reddigudem","Koduru","Avanigadda","Ghantasala","Thotlavalluru","Nandivada","Mopidevi","Pedaparupudi"],</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span> "Guntur": ["Tenali","Narasaraopet","Mangalagiri","Chilakaluripet H.O. Purushotha Patnam","Bapatla","Sattenapalle","Ponnur","Piduguralla","Macherla","Vinukonda","Repalle","Tadepalle","Dachepalle","Pedakakani","Chebrolu","Nadendla","Tadikonda","Amaravathi","Gurazala","Phirangipuram","Nekarikallu","Duggirala","Rompicherla","Cherukupalle H.O. Arumbaka","Medikonduru","Nizampatnam","Atchampet","Bollapalle","Kollipara","Edlapadu","Krosuru","Kollur","Thullur","Nuzendla","Machavaram","Karempudi","Karlapalem","Nagaram","Bhattiprolu","Pedakurapadu","Rentachintala","Prathipadu","Durgi","Veldurthi","Ipur","Tsundur","Vatticherukuru","Rajupalem","Amruthalur","Vemuru","Muppalla","Pedanandipadu","Kakumanu","Pittalavanipalem","Bellamkonda","Savalyapuram H.O. Kanamarlapudi"]</span><br /> <span style="color: #3d85c6;">};</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;">var Villages = {</span><br /> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"Arong": ["Arong","Big Lapati","Chuckchucha","IAF Camp","Kakana","Kimois","Kinmai","Kinyuka","Malacca","Mus","Perka","Sawai","Small Lapati","Tamaloo","Tapoiming","Teetop"],</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"Rajahmundry Urban" : ["Rajahmundry Urban","Rajavolu","Torredu"],</span><br /> <span style="color: #3d85c6;"><br /></span> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"Machilipatnam" : ["Arisepalle","Bhogireddipalle","Borrapothupalem","Buddalapalem","Chilakalapudi"],</span><br /> <span style="color: #3d85c6;"><span class="Apple-tab-span" style="white-space: pre;"> </span>"Tenali" : ["Kolakaluru","Nandivelugu","Nelapadu","Pedaravuru"]</span><br /> <span class="Apple-tab-span" style="white-space: pre;"><span style="color: #3d85c6;"> </span></span><br /> <span style="color: #3d85c6;">};</span><br /> <br /> <br /> <span style="color: #bf9000;">$.each(Countries, function(key, value) {</span><br /> <span style="color: #bf9000;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$('#first').append($("&lt;option&gt;&lt;/option&gt;").attr("value",value).text(value));<span class="Apple-tab-span" style="white-space: pre;"> </span></span><br /> <span style="color: #bf9000;">}); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><br /> <span style="color: #bf9000;"><span style="color: #3d85c6;"><br /></span> <span style="color: #b45f06;">function changeSelectOption(firstId, secondId, jsonObj){</span></span><br /> <span style="color: #bf9000;">$(firstId).change(function() { &nbsp; &nbsp;</span><br /> <span style="color: #bf9000;">&nbsp; &nbsp;$(secondId).find('option').remove().end().append('&lt;option value="All"&gt;All&lt;/option&gt;').val('All'); &nbsp; &nbsp;</span><br /> <span style="color: #bf9000;">&nbsp; &nbsp; $.each(jsonObj[$(this).val()], function(key, value) { &nbsp;&nbsp;</span><br /> <span style="color: #bf9000;">&nbsp; &nbsp; &nbsp;$(secondId)</span><br /> <span style="color: #bf9000;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;.append($("&lt;option&gt;&lt;/option&gt;")</span><br /> <span style="color: #bf9000;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;.attr("value",value)</span><br /> <span style="color: #bf9000;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;.text(value));&nbsp;</span><br /> <span style="color: #bf9000;">&nbsp; &nbsp; });</span><br /> <span style="color: #bf9000;">});</span><br /> <span style="color: #b45f06;">}</span><br /> <span style="color: #bf9000;">changeSelectOption("#first", "#second", States);</span><br /> <span style="color: #bf9000;">changeSelectOption("#second", "#third", Districts);</span><br /> <span style="color: #bf9000;">changeSelectOption("#third", "#fourth", Mandals);</span><br /> <span style="color: #bf9000;">changeSelectOption("#fourth", "#five", Villages);</span><br /> <span style="color: #bf9000;"><br /></span> <span style="color: red;">&lt;/script&gt;</span><br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <div> <br /></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-15548337211800364932016-08-13T23:51:00.002+05:302016-12-20T14:47:24.112+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <h1 itemprop="name" style="background-color: white; border: 0px; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px;"> <span style="color: red; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: small;">Tabindex &nbsp;working with event.charcode</span></h1> <div> <span style="color: red; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: small;"></span><br /> <div> <span style="color: red; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: small;"><span style="color: #444444;">&lt;input type="text" required="required" id="PhoneNumber" name="PhoneNumber" &nbsp; onkeypress="return event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57"&gt;</span></span></div> <span style="color: red; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: small;"> <div> <span style="color: #444444;"><br /></span></div> <div> <span style="color: #444444;">$('input').on("keypress", function(e) {</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /* ENTER PRESSED*/</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (e.keyCode == 9) {</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /* FOCUS ELEMENT */</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var inputs = $(this).parents("form").eq(0).find(":input");</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var idx = inputs.index(this);</span></div> <div> <span style="color: #444444;"><br /></span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (idx == inputs.length - 1) {</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; inputs[0].select()</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; inputs[idx + 1].focus(); // &nbsp;handles submit buttons</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; inputs[idx + 1].select();</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return false;</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span></div> <div> <span style="color: #444444;">&nbsp; &nbsp; &nbsp; &nbsp; });</span></div> <div style="color: red;"> <br /></div> <div style="color: red;"> <br /></div> </span></div> <h1 itemprop="name" style="background-color: white; border: 0px; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px;"> <span style="color: red; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: small;">On mouse over image change&nbsp;</span></h1> <div style="text-align: left;"> <span style="color: #999999; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&lt;span class="imgwrap"&gt;&lt;img class="himg" data-alt-src="images/icon_1_h.png" src="images/icon_1.png" &gt;&lt;/span&gt;</span></div> <div style="text-align: left;"> <span style="color: red; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;"><br /></span></div> <div style="text-align: left;"> <span style="color: red; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;"><br /></span></div> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp;var sourceSwap = function () {</span><br /> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp; &nbsp; &nbsp; &nbsp; var $this = $(this);</span><br /> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp; &nbsp; &nbsp; &nbsp; var newSource = $this.data('alt-src');</span><br /> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp; &nbsp; &nbsp; &nbsp; $this.data('alt-src', $this.attr('src'));</span><br /> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp; &nbsp; &nbsp; &nbsp; $this.attr('src', newSource);</span><br /> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp; &nbsp; }</span><br /> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;"><br /></span> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp; &nbsp; $(function () {</span><br /> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp; &nbsp; &nbsp; &nbsp; $(' img.himg').hover(sourceSwap, sourceSwap);</span><br /> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp; &nbsp; })</span><br /> <h1 itemprop="name" style="background-color: white; border: 0px; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px;"> <span style="color: red; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: small;"><br /></span></h1> <h1 itemprop="name" style="background-color: white; border: 0px; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px;"> <span style="color: red; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: small;">/*----- on click menu active&nbsp;-----*/ (<a href="http://santosh-shah.com/add-class-active-page-refresh-jquery/" target="_blank"> link </a>)</span></h1> <div style="background-color: white; border: 0px; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px; text-align: left;"> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">jQuery(function ($) {</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; $("ul.nav a")</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">.click(function(e) {</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; var link = $(this);</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;"><br /></span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var item = link.parent("li");</span><span class="Apple-tab-span" style="font-weight: normal; white-space: pre;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif;"> </span></span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (item.hasClass("active")) {</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; item.removeClass("active").children("a").removeClass("active");</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; } else {</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; item.addClass("active").children("a").addClass("active");</span><span class="Apple-tab-span" style="font-weight: normal; white-space: pre;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif;"> </span></span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;"><br /></span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (item.children("ul").length &gt; 0) {</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var href = link.attr("href");</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; link.attr("href", "#");</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; setTimeout(function () {&nbsp;</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; &nbsp; &nbsp; link.attr("href", href);</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; }, 300);</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault();</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp;&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; }</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; })</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">.each(function() {</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; &nbsp; var link = $(this);</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; if (link.get(0).href === location.href) {</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp;&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; link.addClass("active").parents("li").addClass("active");</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp;</span></span><br /> <span style="font-size: xx-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: x-small; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// &nbsp; link.addClass("active").parents("li").addClass("active").closest('ul.collapse').addClass('in'); &nbsp;/* For show drop-down also*/</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return false;</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;&nbsp; }</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; &nbsp; &nbsp;&nbsp;</span></span><br /> <span style="font-size: x-small;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp; });</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">});</span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;"><br /></span><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-weight: normal;">&nbsp;</span></span></div> <h1 itemprop="name" style="background-color: white; border: 0px; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px; text-align: left;"> <span style="font-weight: normal;"><span style="color: #444444; font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: x-small;"></span></span></h1> <h1 itemprop="name" style="background-color: white; border: 0px; font-family: arial, &quot;helvetica neue&quot;, helvetica, sans-serif; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px; text-align: left;"> <span style="color: red; font-size: small;">Bootstrap side nav dropdown</span></h1> <div style="background-color: white; border: 0px; line-height: 1.3; margin-bottom: 0.5em; padding: 0px; text-align: left;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">$('.side-nav li.dropdown').click(function(e){</span></div> <div style="background-color: white; border: 0px; line-height: 1.3; margin-bottom: 0.5em; padding: 0px;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">&nbsp; &nbsp;// e.preventDefault();</span></div> <div style="background-color: white; border: 0px; line-height: 1.3; margin-bottom: 0.5em; padding: 0px;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(this).siblings().find('.in').removeClass('in');</span></div> <div style="background-color: white; border: 0px; line-height: 1.3; margin-bottom: 0.5em; padding: 0px;"> <span style="font-family: &quot;arial&quot; , &quot;helvetica neue&quot; , &quot;helvetica&quot; , sans-serif; font-size: xx-small;">});</span></div> <div style="background-color: white; border: 0px; line-height: 1.3; margin-bottom: 0.5em; padding: 0px;"> <br /></div> <h1 itemprop="name" style="background-color: white; border: 0px; font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px;"> <span style="color: red; font-size: small;">Refresh/Reload web page only once</span></h1> window.onload = function () {<br /> &nbsp; &nbsp; if (! localStorage.justOnce) {<br /> &nbsp; &nbsp; &nbsp; &nbsp; localStorage.setItem("justOnce", "true");<br /> &nbsp; &nbsp; &nbsp; &nbsp; window.location.reload();<br /> &nbsp; &nbsp; }<br /> }<br /> <br /> <h1 itemprop="name" style="background-color: white; border: 0px; font-family: arial, &quot;helvetica neue&quot;, helvetica, sans-serif; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px;"> <span style="color: red; font-size: small;">Match Media query with jquery</span></h1> <div> <span style="color: red; font-size: small;">if (window.matchMedia('(min-width: 768px)').matches) {</span></div> <div> <span style="color: red; font-size: small;">&nbsp;// &nbsp;write your code</span></div> <div> <span style="color: red; font-size: small;">}else{</span></div> <div> <span style="color: red; font-size: small;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span>&nbsp;// &nbsp;write your code</div> <div> <span style="color: red; font-size: small;">&nbsp; &nbsp; &nbsp; &nbsp;}</span></div> <h1 itemprop="name" style="background-color: white; border: 0px; font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 22px; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px;"> <span style="color: red;"><br /></span></h1> <h1 itemprop="name" style="background-color: white; border: 0px; font-family: arial, &quot;helvetica neue&quot;, helvetica, sans-serif; line-height: 1.3; margin: 0px 0px 0.5em; padding: 0px;"> <span style="color: red; font-size: small;">Equal heights for div's with jQuery</span></h1> <div style="text-align: left;"> $(document).ready(function(){</div> <div style="text-align: left;"> <br /></div> <div style="text-align: left;"> &nbsp; &nbsp; // Select and loop the container element of the elements you want to equalise</div> <div style="text-align: left;"> &nbsp; &nbsp; $('.container').each(function(){ &nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp;&nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; // Cache the highest</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; var highestBox = 0;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp;&nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; // Select and loop the elements you want to equalise</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; $('.column', this).each(function(){</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; &nbsp; // If this box is higher than the cached highest then store it</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; &nbsp; if($(this).height() &gt; highestBox) {</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; highestBox = $(this).height();&nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; &nbsp; }</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp;&nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; }); &nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; // Set the height of all those children to whichever was highest&nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; $('.column',this).height(highestBox);</div> <div style="text-align: left;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div> <div style="text-align: left;"> &nbsp; &nbsp; });&nbsp;</div> <div style="text-align: left;"> });</div> <span style="color: red;"><b><br /></b></span> <span style="color: red;"><b><br /></b></span> <span style="color: red;"><b>/*---- fullcalnder for modal windows ----*/</b></span><br /> <span style="color: red;"><br /></span> $('#profileModal').on('shown.bs.modal', function () {<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#calendar, #calendar2").fullCalendar('render');<br /> });<br /> <br /> $("#calendar, #calendar2").fullCalendar('render');<br /> <b style="color: red;"><br /></b> <b style="color: red;">/*---- Select Select option with show content &nbsp;----*/</b><br /> <b style="color: red;"><br /></b> <span style="color: magenta;">&lt;select name="addinvoicerid" class="addinvoicerid"&gt;</span><br /> <span style="color: magenta;"><span style="color: red;"></span></span><br /> <span style="color: magenta;">&lt;/select&gt;</span><br /> <span style="color: blue;">addinvoiceArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];</span><br /> <span style="color: blue;">&nbsp; for (var i = 0; i &lt; addinvoiceArray.length; i++) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; $(".addinvoicerid").append('&lt;option value=' + addinvoiceArray[i]+ '_' +[i]+ '&gt;' + addinvoiceArray[i] + '&lt;/option&gt;');</span><br /> <span style="color: blue;">&nbsp; &nbsp;}</span><br /> <span style="color: blue;"><br /></span> <span style="color: red;">/*-------------------*/</span><br /> <div> <br /></div> <b style="color: red;"></b> <span style="color: #38761d;">&lt;select class="form-control" id="selecterId"&gt;</span><br /> <span style="color: #38761d;">&nbsp; &lt;option value="a" selected&gt;A&lt;/option&gt;</span><br /> <span style="color: #38761d;">&nbsp; &lt;option value="b"&gt;B&lt;/option&gt;</span><br /> <span style="color: #38761d;">&nbsp; &lt;option value="c"&gt;C&lt;/option&gt;</span><br /> <span style="color: #38761d;">&nbsp; &lt;option value="d"&gt;D&lt;/option&gt;</span><br /> <span style="color: #38761d;">&lt;/select&gt;</span><br /> <span style="color: #38761d;">&lt;div class="</span><span style="color: #38761d;">selectdescwrap</span><span style="color: #38761d;">"&gt;</span><br /> <span style="color: #38761d;">&lt;div class="selectdesc" id="a"&gt;A Content&lt;/div&gt;</span><br /> <span style="color: #38761d;">&lt;div class="selectdesc" &nbsp;id="b"&gt;B Content&lt;/div&gt;</span><br /> <span style="color: #38761d;">&lt;div class="selectdesc" &nbsp;id="c"&gt;C Content&lt;/div&gt;</span><br /> <span style="color: #38761d;">&lt;div class="selectdesc" &nbsp;id="d"&gt;C Content&lt;/div&gt;</span><br /> <span style="color: #38761d;">&lt;/div&gt;</span> <span style="background-color: white; color: #0b5394;"><span style="color: red;"><b></b></span> $(document).ready(function(){</span><br /> <span style="background-color: white; color: #0b5394;">&nbsp;$(function() {</span><br /> <span style="background-color: white; color: #0b5394;">&nbsp;$('.<span style="color: #38761d;">selectdescwrap</span>&nbsp;.<span style="color: #38761d;">selectdesc</span>:first-child').show().siblings().hide(); &nbsp;</span><br /> <span style="background-color: white; color: #0b5394;">&nbsp;$('#</span><span style="color: #38761d;">selecterId</span><span style="background-color: white; color: #0b5394;">').change(function(){</span><br /> <span style="background-color: white; color: #0b5394;">&nbsp; &nbsp; $('.</span><span style="color: #38761d;">selectdesc</span><span style="background-color: white; color: #0b5394;">').hide();</span><br /> <span style="background-color: white; color: #0b5394;">&nbsp; &nbsp; $('#' + $(this).val()).show();</span><br /> <span style="background-color: white; color: #0b5394;">&nbsp; &nbsp;});</span><br /> <span style="background-color: white; color: #0b5394;">&nbsp;});</span><br /> <span style="background-color: white; color: #0b5394;">});</span><br /> <span style="color: red;"><b><br /></b></span> <span style="color: red;"><b>/*---- Clone or Append div with content &nbsp;----*/</b></span><br /> <span style="color: red;"><b><br /></b></span> $(document).ready(function(){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$('.adddiv').click(function(){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$(".appenddiv:first").clone(0).appendTo(".appendwrap");<span class="Apple-tab-span" style="white-space: pre;"> </span><span style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>});<br /> });<br /> <br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: orange;">&nbsp;----------( OR )-----</span><br /> <br /> $(document).ready(function(){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$('.addlink').click(function(){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$(".linkvideosappend:first").clone(0).appendTo(".linkvideos");<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$('.linkvideos .addlink').text('x');<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>&nbsp;<span class="Apple-tab-span" style="white-space: pre;"> </span>$('.linkvideos .addlink').addClass('removelink').removeClass('addlink');<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$('.removelink').click(function(){<span class="Apple-tab-span" style="white-space: pre;"> </span>&nbsp;<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> &nbsp; &nbsp;&nbsp;<span class="Apple-tab-span" style="white-space: pre;"> </span>$(this).closest('.linkvideosappend').hide();<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>&nbsp;});<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>});<br /> });<br /> <br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: orange;"> &nbsp;----------( OR )-----</span><br /> <br /> $('.appenddivwrap .appenddiv&nbsp;.removelence').hide();<br /> $(document).on('click','.addlink',function() { <span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$(".appenddiv:first").clone(0).appendTo($(this)).closest(".appenddivwrap");<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$('.addlink&nbsp;.appenddiv&nbsp;.addlink').show();<span class="Apple-tab-span" style="white-space: pre;"> </span> <span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$('.removelence').click(function(){<span class="Apple-tab-span" style="white-space: pre;"> </span> <span class="Apple-tab-span" style="white-space: pre;"> </span><br /> &nbsp; &nbsp; <span class="Apple-tab-span" style="white-space: pre;"> </span>$(this).closest('.appenddiv').remove();<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span> });<span class="Apple-tab-span" style="white-space: pre;"> </span> <br /> });<br /> <br /> <b><span style="color: red;"><br /></span></b> <b><span style="color: red;">/*---- wordpress sidebar menu show/ hide submenu with arrow----*/</span></b><br /> <br /> <span style="color: blue;">$('ul.children').toggleClass("out");</span><br /> <span style="color: blue;">&nbsp; $('.page_item_has_children').addClass("fa-minus");&nbsp;</span><br /> <span style="color: blue;">$('.page_item_has_children').click(function(e){</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(this).toggleClass("fa-plus"); <span class="Apple-tab-span" style="white-space: pre;"> </span></span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(this).children('ul.children').toggleClass("in");</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(this).siblings().children('ul.children').removeClass("in");</span><br /> <span style="color: blue;">&nbsp; &nbsp; e.preventDefault();</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>event.stopPropagation();<span class="Apple-tab-span" style="white-space: pre;"> </span></span><br /> <span style="color: blue;">});</span><br /> <br /> /*---- css ---*/<br /> <br /> <span style="color: #6aa84f;">.fa-minus, .fa-plus { float: right; }</span><br /> <span style="color: #6aa84f;">.fa-minus::before {content:'\f0da'; font-family:'FontAwesome';float: right; &nbsp; &nbsp;margin:5px 8px; color: #fff; font-size:18px}</span><br /> <span style="color: #6aa84f;">.fa-plus::before {content:'\f0d7'; font-family:'FontAwesome';float: right; &nbsp; &nbsp;margin:5px 8px; color: #fff;font-size:18px}</span><br /> <span style="color: #6aa84f;"><br /></span> <span style="color: #6aa84f;"><br /></span> <span style="color: red;">/*----bootstrap sidebar menu --*/</span><br /> <span style="color: #6aa84f;"><br /></span> <span style="color: blue;">var $myGroup = $('#sidenavwrap');</span><br /> <span style="color: blue;">$myGroup.on('show.bs.collapse','.collapse', function() {</span><br /> <span style="color: blue;">&nbsp; &nbsp; $myGroup.find('.collapse.in').collapse('hide');</span><br /> <span style="color: blue;"></span><br /> <span style="color: blue;">});</span><br /> <div> <br /></div> <div> <b><span style="color: red;">/*---- Widndow or Document auto height with resize ----*/</span></b></div> <div> <b><span style="color: red;"><br /></span></b> // set window height<br /> <br /></div> <div> <div> <span style="color: blue;">$(window).load(function(){<span class="Apple-tab-span" style="white-space: pre;"> </span>&nbsp;</span></div> <div> <span style="color: blue;">&nbsp; var H = $( window ).height()-100;</span></div> <div> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$('.pagewrapbg').css('height', H);</span></div> <div> <span style="color: blue;">});</span></div> </div> <div> <span style="color: blue;"><br /></span></div> <div> <span style="color: blue;">$(window).trigger('resize');</span><span class="Apple-tab-span" style="white-space: pre;"> </span></div> <div> <br /> // set window height<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <br /> <span style="color: blue;">$(window).load(function(){<span class="Apple-tab-span" style="white-space: pre;"> </span></span><br /> <span style="color: blue;">&nbsp; function setHeight() {</span><br /> <span style="color: blue;">&nbsp; &nbsp;windowHeight = $(window).innerHeight()-80;</span><br /> <span style="color: blue;">&nbsp; &nbsp; $('.modelbody').css('max-height', windowHeight);</span><br /> <span style="color: blue;">&nbsp; };</span><br /> <span style="color: blue;">&nbsp; setHeight(); &nbsp;</span><br /> <span style="color: blue;">&nbsp; $(window).resize(function() {</span><br /> <span style="color: blue;">&nbsp; &nbsp; setHeight();<span class="Apple-tab-span" style="white-space: pre;"> </span>&nbsp;</span><br /> <span style="color: blue;">&nbsp; });</span><br /> <span style="color: blue;">});</span></div> <div> <br /> <span style="color: red;"><b>/*---- &nbsp;tabs show ----*/</b></span><br /> <span style="color: red;"><b><br /></b></span> <span style="color: #38761d;">$('#myTabs a').click(function (e) {</span><br /> <span style="color: #38761d;">&nbsp; e.preventDefault()</span><br /> <span style="color: #38761d;">&nbsp; $(this).tab('show')</span><br /> <span style="color: #38761d;">})</span></div> <div> <br /> <b style="color: red;">/*---- Select field select option show/hide &nbsp;----*/</b><br /> <b style="color: red;"><br /></b></div> <div> &nbsp;$("select#onetimecon").change(function(){<br /> &nbsp; &nbsp; &nbsp; &nbsp; $(this).find("option:selected").each(function(){<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if($(this).attr("value")=="3"){ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#others_onetime").show();<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else{<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#others_onetime").hide();<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br /> &nbsp; &nbsp; &nbsp; &nbsp; });<br /> &nbsp; &nbsp; }).change();<br /> <br /> <b style="color: red;">/*---- Checkbox check, uncheck &nbsp;show/hide &nbsp;----*/</b><br /> <b style="color: red;"><br /></b> <span class="Apple-tab-span" style="white-space: pre;"> </span> $("#tv_select").hide();<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span> $('input#tv').click(function(){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>&nbsp;&nbsp;if (this.checked) {<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$("#tv_select").show();<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp;} else {<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$("#tv_select").hide();<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp;}<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>});<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <br /> // attribute type<br /> <br /> &nbsp;$('input.termcond').click(function(){<br /> &nbsp; if (this.checked) {<br /> &nbsp; &nbsp; $("input.orderbtn").removeAttr("disabled");<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span> $('input.orderbtn').removeClass('disabl');<br /> &nbsp; } else {<br /> &nbsp; &nbsp; $("input.orderbtn").attr("disabled", true);<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span> $('input.orderbtn').addClass('disabl');<br /> &nbsp; } &nbsp; <br /> &nbsp;});</div> <div> <br /> /*----- Lightbox image gallery &nbsp;------*/<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> $('.modalbtn').click(function(){<br /> &nbsp; &nbsp; $('.modal-body').empty();<br /> &nbsp; <span class="Apple-tab-span" style="white-space: pre;"> </span>var title = $(this).closest('a').attr("title");<br /> &nbsp; <span class="Apple-tab-span" style="white-space: pre;"> </span>$('.modal-title').html(title);<br /> &nbsp; <span class="Apple-tab-span" style="white-space: pre;"> </span>$($(this).parents('div').html()).appendTo('.modal-body');<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>$('.modal-body, .modal-body img').css({'text-align':'center', 'margin':'0 auto'});<br /> &nbsp; <span class="Apple-tab-span" style="white-space: pre;"> </span>$('#PhotoModal').modal({show:true});<br /> });<br /> <br /> <span style="color: red;">/*------ Single Page Template -------*/</span><br /> <span style="color: #6aa84f;">$(".v_menu_link").click(function () {</span><br /> <span style="color: #6aa84f;">&nbsp; &nbsp; var data_id = $(this).data('id');<span class="Apple-tab-span" style="white-space: pre;"> </span></span><br /> <span style="color: #6aa84f;"><span class="Apple-tab-span" style="white-space: pre;"> </span> $(this).parent().addClass('active').siblings().removeClass('active');</span><br /> <span style="color: #6aa84f;"><span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp;</span><br /> <span style="color: #6aa84f;">&nbsp; &nbsp; $('.v_menu_details').each(function() {</span><br /> <span style="color: #6aa84f;">&nbsp; &nbsp; &nbsp; &nbsp; var el = $(this); &nbsp; &nbsp; &nbsp; </span><br /> <span style="color: #6aa84f;">&nbsp; &nbsp; &nbsp; &nbsp; if(el.attr('id') == data_id)</span><br /> <span style="color: #6aa84f;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; el.show();</span><br /> <span style="color: #6aa84f;">&nbsp; &nbsp; &nbsp; &nbsp; else</span><br /> <span style="color: #6aa84f;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; el.hide();</span><br /> <span class="Apple-tab-span" style="color: #6aa84f; white-space: pre;"> </span><br /> <span style="color: #6aa84f;">&nbsp; &nbsp; });</span><br /> <span style="color: #6aa84f;">});</span><br /> <br /> <span style="color: #a64d79;"><br /></span> <span style="color: #b45f06;">&nbsp;&lt;div class="v_menu"&gt;</span><br /> <span style="color: #b45f06;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</span><br /> <span style="color: #b45f06;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li class="active"&gt;&lt;a href="#" class="v_menu_link" data-id="v_menu_link1"&gt; &lt;i class="fa fa-user"&gt;&lt;/i&gt; About Me &lt;/a&gt; &lt;/li&gt;</span><br /> <span style="color: #b45f06;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href="#" &nbsp;class="v_menu_link" data-id="v_menu_link2"&gt; &lt;i class="fa fa-cogs"&gt;&lt;/i&gt; Services&lt;/a&gt; &lt;/li&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><br /> <span style="color: #b45f06;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</span></div> <div> <span style="color: #b45f06;">&lt;/div&gt;</span><br /> <span style="color: #b45f06;"><br /></span> <span style="color: #b45f06;">&lt;div class="v_menu_details initial" id="v_menu_link1"&gt;</span><br /> <span style="color: #b45f06;">&lt;p&gt; Sampl Content&lt;/p&gt;</span><br /> <span style="color: #b45f06;">&lt;/div&gt;</span></div> <div> <br /> <span style="color: #bf9000;">&lt;style&gt;</span><br /> <span style="color: #bf9000;">.v_menu_details:not(.initial) {</span><br /> <span style="color: #bf9000;">display: none;</span><br /> <span style="color: #bf9000;">}</span><br /> <span style="color: #bf9000;">&lt;/style&gt;</span><br /> <br /></div> <div> <br /></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com5tag:blogger.com,1999:blog-4461712783962995994.post-7965279323939865122016-04-04T14:02:00.000+05:302017-10-17T19:18:59.186+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <ul style="text-align: left;"> <li><b style="color: red;"><a href="http://codex.wordpress.org/Function_Reference/get_post_custom" target="_blank">Get post custom</a></b></li> <li><b><a href="https://codex.wordpress.org/Template_Tags/get_posts" target="_blank">Template Tags/get posts</a></b></li> <li><b><span style="color: blue;"><a href="https://wordpress.org/support/topic/list-sub-categories-and-associated-posts" target="_blank">List sub categories, and associated posts</a></span></b></li> <li><b><a href="http://jasonskinner.me/2013/04/creating-a-filterable-wordpress-photo-gallery/" target="_blank">Creating a Filterable WordPress Photo Gallery Using Isotope</a></b></li> </ul> <span style="color: red;"><b><br /></b></span> <span style="color: red;"><b>/*-------------- Bread Crumb -----*/</b></span><br /> <span style="color: red;"><b><br /></b></span> &nbsp; function the_breadcrumb() {<br /> &nbsp; &nbsp; global $post;<br /> &nbsp; &nbsp; echo '&lt;ul id="breadcrumbs"&gt;';<br /> &nbsp; &nbsp; if (!is_home()) {<br /> &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;li&gt;&lt;a href="';<br /> &nbsp; &nbsp; &nbsp; &nbsp; echo get_option('home');<br /> &nbsp; &nbsp; &nbsp; &nbsp; echo '"&gt;';<br /> &nbsp; &nbsp; &nbsp; &nbsp; echo 'Home';<br /> &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;/a&gt;&lt;/li&gt;&lt;li class="separator"&gt; / &lt;/li&gt;';<br /> &nbsp; &nbsp; &nbsp; &nbsp; if (is_category() || is_single()) {<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;li&gt;';<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; the_category(' &lt;/li&gt;&lt;li class="separator"&gt; / &lt;/li&gt;&lt;li&gt; ');<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (is_single()) {<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;/li&gt;&lt;li class="separator"&gt; / &lt;/li&gt;&lt;li&gt;';<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; the_title();<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;/li&gt;';<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br /> &nbsp; &nbsp; &nbsp; &nbsp; } elseif (is_page()) {<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if($post-&gt;post_parent){<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $anc = get_post_ancestors( $post-&gt;ID );<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $title = get_the_title();<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; foreach ( $anc as $ancestor ) {<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $output = '&lt;li&gt;&lt;a href="'.get_permalink($ancestor).'" title="'.get_the_title($ancestor).'"&gt;'.get_the_title($ancestor).'&lt;/a&gt;&lt;/li&gt; &lt;li class="separator"&gt;/&lt;/li&gt;';<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo $output;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;strong title="'.$title.'"&gt; '.$title.'&lt;/strong&gt;';<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;li&gt;&lt;strong&gt; '.get_the_title().'&lt;/strong&gt;&lt;/li&gt;';<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br /> &nbsp; &nbsp; &nbsp; &nbsp; }<br /> &nbsp; &nbsp; }<br /> &nbsp; &nbsp; elseif (is_tag()) {single_tag_title();}<br /> &nbsp; &nbsp; elseif (is_day()) {echo"&lt;li&gt;Archive for "; the_time('F jS, Y'); echo'&lt;/li&gt;';}<br /> &nbsp; &nbsp; elseif (is_month()) {echo"&lt;li&gt;Archive for "; the_time('F, Y'); echo'&lt;/li&gt;';}<br /> &nbsp; &nbsp; elseif (is_year()) {echo"&lt;li&gt;Archive for "; the_time('Y'); echo'&lt;/li&gt;';}<br /> &nbsp; &nbsp; elseif (is_author()) {echo"&lt;li&gt;Author Archive"; echo'&lt;/li&gt;';}<br /> &nbsp; &nbsp; elseif (isset($_GET['paged']) &amp;&amp; !empty($_GET['paged'])) {echo "&lt;li&gt;Blog Archives"; echo'&lt;/li&gt;';}<br /> &nbsp; &nbsp; elseif (is_search()) {echo"&lt;li&gt;Search Results"; echo'&lt;/li&gt;';}<br /> &nbsp; &nbsp; echo '&lt;/ul&gt;';<br /> }<br /> <br /> <br /> <span style="color: blue;">&lt;?php the_breadcrumb(); ?&gt; &nbsp; &nbsp; &nbsp; &nbsp;/* call this code in your page*/</span><br /> <span style="color: red;"><br /></span> <span style="color: red;">-----------------<b>- Get content from post ID&nbsp;</b>-------------</span><br /> <br /> <span style="color: orange;">&lt;?php &nbsp;$my_postid = 219;//This is page id or post id</span><br /> <span style="color: orange;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $content_post = get_post($my_postid);</span><br /> <span style="color: orange;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $content = $content_post-&gt;post_content;</span><br /> <span style="color: orange;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $content = apply_filters('the_content', $content); &nbsp;</span><br /> <span style="color: orange;">?&gt;</span><br /> &nbsp;<span style="color: #38761d;"> &lt;h3&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href="&lt;?php the_permalink() ?&gt;" rel="bookmark" title="Permanent Link to &lt;?php &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;the_title_attribute(); ?&gt;"&gt;&lt;?php echo get_the_title( $my_postid ); ?&gt;&lt;/a&gt;&nbsp;</span><br /> <span style="color: #38761d;">&lt;/h3&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&nbsp;&lt;p&gt;&lt;?php echo get_the_post_thumbnail( $my_postid, 'thumbnail' ); ?&gt;&lt;/p&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&nbsp;&lt;p class="postdate"&gt; &lt;?php echo $content; ?&gt;&lt;/p&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;"><span style="color: red;">-------------&nbsp;</span><a href="https://codex.wordpress.org/The_Loop" style="color: #38761d;" target="_blank"><span style="color: blue;"><b>List views Looping Code</b>&nbsp;Getting from Category with Posts with content</span></a><span style="color: #38761d;">&nbsp;</span><b style="color: #38761d;"><span style="color: red;">1&nbsp;</span></b><span style="color: red;">----------</span></span> <span style="color: #38761d;"></span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&nbsp;&lt;div class="row"&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &lt;?php $query = new WP_Query( 'cat=0,2' ); ?&gt;&nbsp;</span><br /> <span style="color: #38761d;">&lt;?php if ( $query-&gt;have_posts() ) : while ( $query-&gt;have_posts() ) : $query-&gt;the_post(); ?&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&lt;div class="col-lg-4 col-md-4 &nbsp;col-sm-4 &nbsp; col-xs-12 featuredbox wow fadeInDown" data-wow-duration="0.5s"&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="featuredicon"&gt; &nbsp;&lt;?php the_post_thumbnail(); ?&gt;&lt;/div&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="featuredtitle"&gt;&lt;a href="&lt;?php echo get_permalink( $post-&gt;ID ); ?&gt;" class="btn btn-default btn-custom single"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/div&gt;</span><br /> <span style="color: #38761d;">&nbsp;&lt;p&gt;&lt;?php echo the_content(); &nbsp;?&gt;&lt;/p&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp;</span><br /> <span style="color: #38761d;">&lt;!-- closes the first div box --&gt;</span><br /> <span style="color: #38761d;">&lt;?php endwhile;&nbsp;</span><br /> <span style="color: #38761d;">&nbsp; wp_reset_postdata();</span><br /> <span style="color: #38761d;">&nbsp; else : ?&gt;</span><br /> <span style="color: #38761d;">&lt;p&gt;</span><br /> <span style="color: #38761d;">&nbsp; &lt;?php _e( 'Sorry, no posts matched your criteria.' ); ?&gt;</span><br /> <span style="color: #38761d;">&lt;/p&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&lt;?php endif; ?&gt; &nbsp; &nbsp; &nbsp; &nbsp;</span><br /> <span style="color: #38761d;"></span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &lt;/div&gt;</span><br /> <span style="color: red;">-------------&nbsp;<a href="https://codex.wordpress.org/The_Loop" target="_blank"><b>List views Looping Code</b>&nbsp;Getting from Category with Posts with content</a>&nbsp;<b>2</b>&nbsp;&nbsp;----------</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&lt;?php $query = new WP_Query( 'cat=0,3' ); ?&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #999999;">// Content limitation function(<a href="http://bavotasan.com/2009/limiting-the-number-of-words-in-your-excerpt-or-content-in-wordpress/" target="_blank">link</a>)&nbsp;</span><br /> <span style="color: #e06666;">&lt;?php&nbsp;</span><br /> <span style="color: #e06666;">function excerpt($limit) {</span><br /> <span style="color: #e06666;">&nbsp; $excerpt = explode(' ', get_the_excerpt(), $limit);</span><br /> <span style="color: #e06666;">&nbsp; if (count($excerpt)&gt;=$limit) {</span><br /> <span style="color: #e06666;">&nbsp; &nbsp; array_pop($excerpt);</span><br /> <span style="color: #e06666;">&nbsp; &nbsp; $excerpt = implode(" ",$excerpt).'...';</span><br /> <span style="color: #e06666;">&nbsp; } else {</span><br /> <span style="color: #e06666;">&nbsp; &nbsp; $excerpt = implode(" ",$excerpt);</span><br /> <span style="color: #e06666;">&nbsp; }<span class="Apple-tab-span" style="white-space: pre;"> </span></span><br /> <span style="color: #e06666;">&nbsp; $excerpt = preg_replace('`\[[^\]]*\]`','',$excerpt);</span><br /> <span style="color: #e06666;">&nbsp; return $excerpt;</span><br /> <span style="color: #e06666;">}</span><br /> <span style="color: #e06666;"><br /></span> <span style="color: #e06666;">function content($limit) {</span><br /> <span style="color: #e06666;">&nbsp; $content = explode(' ', get_the_content(), $limit);</span><br /> <span style="color: #e06666;">&nbsp; if (count($content)&gt;=$limit) {</span><br /> <span style="color: #e06666;">&nbsp; &nbsp; array_pop($content);</span><br /> <span style="color: #e06666;">&nbsp; &nbsp; $content = implode(" ",$content).'...';</span><br /> <span style="color: #e06666;">&nbsp; } else {</span><br /> <span style="color: #e06666;">&nbsp; &nbsp; $content = implode(" ",$content);</span><br /> <span style="color: #e06666;">&nbsp; }<span class="Apple-tab-span" style="white-space: pre;"> </span></span><br /> <span style="color: #e06666;">&nbsp; $content = preg_replace('/\[.+\]/','', $content);</span><br /> <span style="color: #e06666;">&nbsp; $content = apply_filters('the_content', $content);&nbsp;</span><br /> <span style="color: #e06666;">&nbsp; $content = str_replace(']]&gt;', ']]&amp;gt;', $content);</span><br /> <span style="color: #e06666;">&nbsp; return $content;</span><br /> <span style="color: #e06666;">}</span><br /> <span style="color: #e06666;"><br /> ?&gt;</span><br /> <span style="color: #e06666;"><br /></span> <span style="color: #38761d;">&lt;?php if ( $query-&gt;have_posts() ) : while ( $query-&gt;have_posts() ) : $query-&gt;the_post(); ?&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #bf9000;">&lt;div class="col-lg-4 col-md-4 col-sm-6 col-sm-12"&gt;</span><br /> <br /> <span style="color: #bf9000;">&nbsp;&lt;div class="servicebox"&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp;</span><br /> <span style="color: #38761d;">&nbsp;</span><span style="color: #b45f06;">&lt;h4&gt; &lt;a href="#" data-toggle="modal" data-target="#&lt;?php &nbsp;the_ID(); ?&gt;"&gt; &lt;span &nbsp;class="titletxt"&gt;&nbsp; &nbsp;&lt;?php the_title(); ?&gt;&nbsp; &nbsp;&lt;/span&gt;&lt;span class="downloadicon"&gt;&lt;/span&gt;&lt;/a&gt; &lt;/h4&gt;</span><br /> <br /> <span style="color: #b45f06;">&nbsp;&nbsp; &lt;div class="serviceimg"&gt; &lt;a href="#" data-toggle="modal" data-target="#&lt;?php &nbsp;the_ID(); ?&gt;"&gt;</span><br /> <span style="color: #b45f06;">&nbsp; &nbsp; &nbsp; &lt;?php the_post_thumbnail(); ?&gt;</span><br /> <span style="color: #b45f06;">&nbsp; &nbsp; &nbsp; &lt;/a&gt; &lt;/div&gt;</span><br /> <span style="color: #b45f06;"><br /></span> <span style="color: #38761d;">&nbsp; &nbsp;</span><span style="color: #b45f06;"> &lt;div class="entry servicetxt"&gt; &lt;a href="&lt;?php echo get_permalink( $post-&gt;ID ); ?&gt;" data-toggle="modal" data-target="#&lt;?php &nbsp;the_ID(); ?&gt;"&gt; &lt;?php echo excerpt(80); ?&gt;&lt;/a&gt; &lt;/div&gt;</span><br /> <span style="color: #b45f06;"><br /></span> <span style="color: #38761d;">&nbsp; &nbsp;</span><span style="color: #b45f06;"> &lt;div class="servicebox_f"&gt;</span><br /> <span style="color: #b45f06;">&nbsp; &nbsp; &nbsp; &lt;div class="dwnld_btn"&gt; &lt;a href="&lt;?php echo get_permalink( $post-&gt;ID ); ?&gt;" data-toggle="modal" data-target="#&lt;?php &nbsp;the_ID(); ?&gt;"&gt; &lt;span class="btntxt"&gt;Download the Capability Statement&lt;/span&gt; &lt;/a&gt; &lt;/div&gt;</span><br /> <span style="color: #b45f06;">&nbsp; &nbsp; &lt;/div&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #bf9000;">&nbsp; &lt;/div&gt;</span><br /> <span style="color: #bf9000;">&lt;/div&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #999999;">&lt;!-- closes the first div box --&gt;</span><br /> <span style="color: #38761d;">&lt;?php endwhile;&nbsp;</span><br /> <span style="color: #38761d;"><span class="Apple-tab-span" style="white-space: pre;"> </span>wp_reset_postdata();</span><br /> <span style="color: #38761d;"><span class="Apple-tab-span" style="white-space: pre;"> </span>else : ?&gt;</span><br /> <span style="color: #38761d;">&lt;p&gt;</span><br /> <span style="color: #38761d;">&nbsp; &lt;?php _e( 'Sorry, no posts matched your criteria.' ); ?&gt;</span><br /> <span style="color: #38761d;">&lt;/p&gt;</span><br /> <span style="color: #38761d;"></span><br /> <span style="color: #38761d;">&lt;?php endif; ?&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: red;">/*----- <b>Assign Category and Tags to WordPress Page</b>&nbsp;</span><b style="color: red;"><span style="color: #6aa84f;">[&nbsp;</span><span style="color: #e69138;">Past in functions page</span><span style="color: #6aa84f;">]&nbsp;</span></b><a href="http://spicemailer.com/wordpress/add-categories-tags-pages-wordpress/" target="_blank">here link</a><b style="color: red;">-</b><span style="color: red;">-------*/</span><br /> <span style="color: red;"><br /></span> <span style="color: #38761d;">function add_taxonomies_to_pages() {</span><br /> <span style="color: #38761d;">&nbsp;register_taxonomy_for_object_type( 'post_tag', 'page' );</span><br /> <span style="color: #38761d;">&nbsp;register_taxonomy_for_object_type( 'category', 'page' );</span><br /> <span style="color: #38761d;">&nbsp;}</span><br /> <span style="color: #38761d;">add_action( 'init', 'add_taxonomies_to_pages' );</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">if ( ! is_admin() ) {</span><br /> <span style="color: #38761d;">&nbsp;add_action( 'pre_get_posts', 'category_and_tag_archives' );</span><br /> <br /> <span style="color: #38761d;">&nbsp;}</span><br /> <span style="color: #38761d;">function category_and_tag_archives( $wp_query ) {</span><br /> <span style="color: #38761d;">$my_post_array = array('post','page');</span><br /> <br /> <span style="color: #38761d;">&nbsp;if ( $wp_query-&gt;get( 'category_name' ) || $wp_query-&gt;get( 'cat' ) )</span><br /> <span style="color: #38761d;">&nbsp;$wp_query-&gt;set( 'post_type', $my_post_array );</span><br /> <br /> <span style="color: #38761d;">&nbsp;if ( $wp_query-&gt;get( 'tag' ) )</span><br /> <span style="color: #38761d;">&nbsp;$wp_query-&gt;set( 'post_type', $my_post_array );</span><br /> <span style="color: #38761d;">}</span><br /> <span style="color: #38761d;"></span> <span style="color: #38761d;"><span style="color: #38761d;"><br /></span><span style="color: black;"></span><span style="color: red;"><b>------- Post list (</b></span></span><b style="color: red;">links)&nbsp;</b><b style="color: red;">&nbsp;from Category </b><b style="color: red;"><span style="color: #6aa84f;">[ </span><span style="color: #e69138;">Past in content page</span><span style="color: #6aa84f;">]</span></b><b style="color: red;">---------</b><br /> <span style="color: #38761d;">&nbsp; &lt;!-- Category posts starts--&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;?php<span class="Apple-tab-span" style="white-space: pre;"> </span></span><br /> <span style="color: #38761d;">$related = get_posts( array( 'category__in' =&gt; wp_get_post_categories($post-&gt;ID), 'numberposts' =&gt; 100, 'post__not_in' =&gt; array($post-&gt;ID) ) );</span><br /> <span style="color: #38761d;">if( $related ) foreach( $related as $post ) {</span><br /> <span style="color: #38761d;">setup_postdata($post); ?&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt; &lt;a href="&lt;?php the_permalink() ?&gt;" rel="bookmark" title="&lt;?php the_title(); ?&gt;"&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;?php the_title(); ?&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/a&gt; &lt;/li&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;?php }</span><br /> <span style="color: #38761d;">wp_reset_postdata(); ?&gt;</span><br /> <span style="color: #38761d;">&nbsp; &lt;!-- Category posts end--&gt;</span><br /> <span style="color: #38761d;"></span> <span style="color: #38761d;"><br /></span> <span style="color: red;"><b>------- Subcategory Post list&nbsp;</b></span><span style="color: #38761d;"><span style="color: red;"><b>(</b></span></span><b style="color: red;">links)&nbsp;</b><b style="color: red;">in Category ---------</b><br /> <br /> <span style="color: #38761d;">&nbsp; &nbsp; &lt;?php</span><br /> <span style="color: #38761d;">//get all child categories for category 15, then for each child category display the posts</span><br /> <span style="color: #38761d;">$parent_cat = 14;</span><br /> <span style="color: #38761d;">$taxonomy = 'category';</span><br /> <span style="color: #38761d;">$cat_children = get_term_children( $parent_cat, $taxonomy );</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">if ($cat_children) {&nbsp;</span><br /> <span style="color: #38761d;"><span class="Apple-tab-span" style="white-space: pre;"> </span>foreach($cat_children as $category) {</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; $args=array(</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; 'cat' =&gt; $category,</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; 'post_type' =&gt; 'post',</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; 'post_status' =&gt; 'publish',</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; 'posts_per_page' =&gt; -1,</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; 'caller_get_posts'=&gt; 1</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; );</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; $my_query = null;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; $my_query = new WP_Query($args);</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; if( $my_query-&gt;have_posts() ) {</span><br /> <span class="Apple-tab-span" style="white-space: pre;"><span style="color: #38761d;"> </span></span><br /> <span style="color: #38761d;">echo ' &lt;div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 listboxwrap"&gt;</span><br /> <span style="color: #38761d;">&lt;div class="listbox animated fadeInUp"&gt;';</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; echo "&lt;h3&gt;".get_cat_name( $category )."&lt;/h3&gt;";</span><br /> <span style="color: #38761d;"><span class="Apple-tab-span" style="white-space: pre;"> </span>&nbsp;</span><br /> <span class="Apple-tab-span" style="white-space: pre;"><span style="color: #38761d;"> </span></span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; while ($my_query-&gt;have_posts()) : $my_query-&gt;the_post(); ?&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &lt;p&gt;&lt;a href="&lt;?php the_permalink() ?&gt;" rel="bookmark" title="Permanent Link to &lt;?php the_title_attribute(); ?&gt;"&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &lt;?php the_title(); ?&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; &lt;/a&gt;&lt;/p&gt;</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &lt;?php</span><br /> <span style="color: #38761d;">&nbsp; &nbsp; &nbsp; endwhile;</span><br /> <span class="Apple-tab-span" style="white-space: pre;"><span style="color: #38761d;"> </span></span><br /> <span style="color: #38761d;"><span class="Apple-tab-span" style="white-space: pre;"> </span>echo '&lt;/div&gt;</span><br /> <span style="color: #38761d;">&lt;/div&gt;';</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&nbsp; &nbsp; }</span><br /> <span style="color: #38761d;">&nbsp; }</span><br /> <span style="color: #38761d;">}</span><br /> <span style="color: #38761d;">wp_reset_query(); &nbsp;// Restore global post data stomped by the_post().</span><br /> <span style="color: #38761d;">?&gt;</span><br /> <h3 style="text-align: left;"> <span style="color: red;">---------- Sub pages with links of Main Parent menu --------------</span></h3> <span style="color: blue;">&lt;?php</span><br /> <span style="color: blue;">&nbsp; global $wp_query;</span><br /> <span style="color: blue;">&nbsp; if( empty($wp_query-&gt;post-&gt;post_parent) ) {</span><br /> <span style="color: blue;">&nbsp; $parent = $wp_query-&gt;post-&gt;ID;</span><br /> <span style="color: blue;">&nbsp; } else {</span><br /> <span style="color: blue;">&nbsp; $parent = $wp_query-&gt;post-&gt;post_parent;</span><br /> <span style="color: blue;">&nbsp; } ?&gt;</span><br /> <span style="color: blue;">&nbsp; &lt;?php if(wp_list_pages("title_li=&amp;child_of=$parent&amp;echo=0" )): ?&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &lt;div&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &lt;ul class="bulletlist"&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;&lt;?php wp_list_pages("title_li=&amp;child_of=$parent" ); ?&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &lt;/ul&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &lt;/div&gt;</span><br /> <span style="color: blue;">&lt;?php endif; ?&gt;</span><br /> <span style="color: blue;"><br /></span> <br /> <span style="color: blue;"></span><br /> <h3 style="text-align: left;"> <span style="color: red;">---------- Get Children of Current Page --------------</span></h3> <span style="color: blue;">&lt;?php</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$pages = get_pages('child_of='.$post-&gt;ID.'&amp;sort_column=post_title');</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$count = 0;</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>foreach($pages as $page)</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{ ?&gt;</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&lt;div&gt; &nbsp;&lt;?php echo get_the_post_thumbnail( $page-&gt;ID ); ?&gt; &lt;/div&gt;</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>&lt;h4&gt;&lt;a href="&lt;?php echo get_page_link($page-&gt;ID) ?&gt;"&gt;&lt;?php echo $page-&gt;post_title ?&gt;&lt;/a&gt;&lt;/h4&gt;</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>&lt;?php</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span><br /> <span style="color: blue;"></span><br /> <span style="color: blue;">?&gt;</span><br /> <span style="color: blue;"></span><br /> <h2 style="background-color: white; color: #333333; font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', sans-serif; font-size: 22px; font-weight: 300; line-height: 1.2em; margin: 0px 0px 11px; padding: 0px;"> &nbsp;</h2> <h3 style="text-align: left;"> <span style="color: red;"><b>---------Custom Pagination &nbsp;Posts with Category -------</b></span></h3> <br /> <br /> <a href="https://codex.wordpress.org/Function_Reference/paginate_links" target="_blank">Reference Link for paginations click here</a>.<br /> <br /> <span style="color: #b45f06;">&lt;!-- Start the Loop. --&gt;</span><br /> <br /> &lt;?php<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>//Protect against arbitrary paged values<br /> <span class="Apple-tab-span" style="white-space: pre;"> <span style="color: blue;"> </span></span><span style="color: blue;">$paged = ( get_query_var( 'paged' ) ) ? absint( get_query_var( 'paged' ) ) : 1;</span><br /> <span class="Apple-tab-span" style="color: blue; white-space: pre;"> </span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$args = array(</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'pagination' &nbsp;=&gt; true,</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'posts_per_page' =&gt; 4,</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'category_name' =&gt; 'your_catagory_name',</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'paged' =&gt; $paged,</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>);</span><br /> <span class="Apple-tab-span" style="color: blue; white-space: pre;"> </span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$the_query = new WP_Query( $args ); &nbsp; </span><i>// call <b><span style="color: #b45f06;">$the_query</span></b> &nbsp;variable in below loop posts</i><br /> <span style="background-color: white;"><span style="color: blue;">?&gt;</span></span><br /> <span style="background-color: white;"><span style="color: blue;"><br /></span></span> <span style="color: #b45f06;">&lt;!-- Test if the current post is in category Start the Loop. --&gt;</span><br /> <span style="color: #274e13;">&lt;?php if ( $the_query-&gt;have_posts() ) :</span><br /> <span style="color: #274e13;"><span class="Apple-tab-span" style="white-space: pre;"> </span> while ( $the_query-&gt;have_posts() ) : $the_query-&gt;the_post(); ?&gt;</span><br /> <span style="color: #274e13;"><br /></span> <span style="color: #274e13;">&lt;div class="wow fadeInUp"&gt;</span><br /> <span style="color: #274e13;">&nbsp; &lt;!-- &lt;div class="team-member-position"&gt; Founder,President &amp;amp; CEO &lt;/div&gt;--&gt;</span><br /> <span style="color: #274e13;">&nbsp; &lt;div class="contentainer"&gt;</span><br /> <span style="color: #274e13;">&nbsp; &nbsp; &lt;h3 class="title"&gt; &lt;a href="?page_id=&lt;?php the_ID(); ?&gt;"&gt;</span><br /> <span style="color: #274e13;">&nbsp; &nbsp; &nbsp; &lt;?php the_title(); ?&gt;</span><br /> <span style="color: #274e13;">&nbsp; &nbsp; &nbsp; &lt;/a&gt; &lt;span class="date"&gt;</span><br /> <span style="color: #274e13;">&nbsp; &nbsp; &nbsp; &lt;?php the_time(get_option('date_format')); ?&gt;</span><br /> <span style="color: #274e13;">&nbsp; &nbsp; &nbsp; &lt;/span&gt; &lt;/h3&gt;</span><br /> <span style="color: #274e13;">&nbsp; &nbsp; &lt;div class="content"&gt; &lt;?php echo the_content(); ?&gt;&lt;/div&gt;</span><br /> <span style="color: #274e13;">&nbsp; &lt;/div&gt;</span><br /> <span style="color: #274e13;">&lt;/div&gt;</span><br /> <span style="color: #274e13;">&lt;?php endwhile; ?&gt;</span><br /> <span style="color: #274e13;">&lt;?php</span><br /> <span style="color: #274e13;"><span class="Apple-tab-span" style="white-space: pre;"> </span>wp_reset_postdata();</span><br /> <span style="color: #274e13;"><span class="Apple-tab-span" style="white-space: pre;"> </span>else : ?&gt;</span><br /> <span style="color: #274e13;">&lt;p&gt;</span><br /> <span style="color: #274e13;">&nbsp; &lt;?php _e( 'Sorry, no posts matched your criteria.' ); ?&gt;</span><br /> <span style="color: #274e13;">&lt;/p&gt;</span><br /> <span style="color: #274e13;">&lt;?php endif; ?&gt;</span><br /> <span style="color: #274e13;"><br /></span> <span style="color: #b45f06;">&lt;!-- pagination numeric links here --&gt;</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&lt;div class="pagination"&gt;</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&nbsp;&lt;?php</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$big = 999999999; // need an unlikely integer</span><br /> <span class="Apple-tab-span" style="color: blue; white-space: pre;"> </span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>echo paginate_links( array(</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'base' =&gt; str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'format' =&gt; '?paged=%#%',</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'current' =&gt; max( 1, get_query_var('paged') ),</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'total' =&gt; $the_query-&gt;max_num_pages</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>) );</span><br /> <span style="color: blue;">&nbsp;?&gt;</span><br /> <span style="color: blue;">&lt;!-- pagination numeric links function calling here --&gt;</span><br /> <span style="color: blue;">&lt;?php echo paginate_links( $args ); ?&gt;</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&lt;/div&gt;</span><br /> <span style="color: blue;"><br /></span> <span style="color: red;"><b style="text-decoration: underline;">Expiration &nbsp;Date with post in wordpress </b>&nbsp;(<a href="http://debbieteakle.com/2011/11/add-an-expiry-date-to-wordpress-posts/" target="_blank">link here</a>)</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&lt;?php</span><br /> <span style="color: blue;">&nbsp; $currentdate = date("Ymd");</span><br /> <span style="color: blue;">&nbsp; $expirationdate = get_post_custom_values('expiration'); &nbsp; [&nbsp;</span>expiration is custom field<span style="color: blue;">]</span><br /> <span style="color: blue;">&nbsp; if (is_null($expirationdate)) {</span><br /> <span style="color: blue;">&nbsp; $expirestring = '30001212'; //Set future date to posts with expiry.</span><br /> <span style="color: blue;">&nbsp; } else {</span><br /> <span style="color: blue;">&nbsp; if (is_array($expirationdate)) {</span><br /> <span style="color: blue;">&nbsp; $expirestringarray = implode($expirationdate);</span><br /> <span style="color: blue;">&nbsp; }</span><br /> <span style="color: blue;">&nbsp; $expirestring = str_replace("/","",$expirestringarray);</span><br /> <span style="color: blue;">&nbsp; } //else</span><br /> <span style="color: blue;">&nbsp; if ( $expirestring &gt; $currentdate ) { ?&gt;</span><br /> <span style="color: blue;">&lt;!--end expiry code--&gt;</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&lt;div class="newsbox"&gt;</span><br /> <span style="color: blue;">&nbsp; &lt;?php $exp_date = get_post_meta($post-&gt;ID, 'expiration', true); ?&gt; &nbsp;</span><br /> <span style="color: blue;">&nbsp; &lt;p&gt;Expires On : &lt;?php echo $exp_date; ?&gt; &lt;/p&gt;</span><br /> <span style="color: blue;">&nbsp; &lt;p&gt;Posted On : &lt;?php echo get_the_date('Y/m/d'); ?&gt; &lt;/p&gt;</span><br /> <span style="color: blue;">&lt;/div&gt;</span><br /> <span style="color: blue;"></span><br /> <span style="color: blue;">&lt;?php } ?&gt;</span><br /> <div> <br /> <br /> <h4 style="text-align: left;"> <span style="color: red;">/*-- category template dynamically---*/</span></h4> <span style="color: blue;">function myCategoryTemplate() {&nbsp;</span><br /> <span style="color: blue;">&nbsp; &nbsp; if (is_category() &amp;&amp; !is_feed()) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; if (is_category(get_cat_id('projects')) || cat_is_ancestor_of(get_cat_id('projects'), get_query_var('cat'))) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; load_template(TEMPLATEPATH . '/category-projects.php');</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; exit;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; }</span><br /> <span style="color: blue;">&nbsp; &nbsp; }</span><br /> <span style="color: blue;">}</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">add_action('template_redirect', 'myCategoryTemplate');</span><br /> <br /> <h4 style="text-align: left;"> <span style="color: red;">/*-- sub category template dynamically---*/</span></h4> <span style="color: blue;">function mySubCategoryTemplate() &nbsp;{</span><br /> <span style="color: blue;">&nbsp; &nbsp; if (is_category() &amp;&amp; !is_feed()) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; if (is_category(get_cat_id('projects')) || cat_is_ancestor_of(get_cat_id('projects'), get_query_var('cat'))) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; load_template(TEMPLATEPATH . '/category-projects.php');</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; exit;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; }</span><br /> <span style="color: blue;">&nbsp; &nbsp; }</span><br /> <span style="color: blue;">}</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">add_action('template_redirect', 'mySubCategoryTemplate');</span><br /> <span style="color: blue;"><br /></span> <br /> <h4 style="text-align: left;"> <span style="color: red;">//create a custom taxonomy name it topics for your posts</span></h4> <span style="color: blue;"><br /></span> <span style="color: blue;">function create_topics_hierarchical_taxonomy() {</span><br /> <span style="color: blue;"><br /></span> <span style="color: #666666;">// Add new taxonomy, make it hierarchical like categories</span><br /> <span style="color: #666666;">//first do the translations part for GUI</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&nbsp; $labels = array(</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'name' =&gt; _x( 'Chart', 'taxonomy general name' ),</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'singular_name' =&gt; _x( 'Chart', 'taxonomy singular name' ),</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'search_items' =&gt; &nbsp;__( 'Search Topics' ),</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'all_items' =&gt; __( 'All Topics' ),</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'parent_item' =&gt; __( 'Parent Topic' ),</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'parent_item_colon' =&gt; __( 'Parent Topic:' ),</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'edit_item' =&gt; __( 'Edit Topic' ),&nbsp;</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'update_item' =&gt; __( 'Update Topic' ),</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'add_new_item' =&gt; __( 'Add New Topic' ),</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'new_item_name' =&gt; __( 'New Topic Name' ),</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'menu_name' =&gt; __( 'Org Chart' ),</span><br /> <span style="color: blue;">&nbsp; ); <span class="Apple-tab-span" style="white-space: pre;"> </span></span><br /> <span style="color: blue;"><br /></span> <span style="color: #666666;">// Now register the taxonomy</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&nbsp; register_taxonomy('topics',array('post'), array(</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'hierarchical' =&gt; true,</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'labels' =&gt; $labels,</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'show_ui' =&gt; true,</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'show_admin_column' =&gt; true,</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'query_var' =&gt; true,</span><br /> <span style="color: blue;">&nbsp; &nbsp; 'rewrite' =&gt; array( 'slug' =&gt; 'topic' ),</span><br /> <span style="color: blue;">&nbsp; ));</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;"></span><br /> <span style="color: blue;">}</span><br /> <span style="color: blue;"><br /></span> <span style="color: #666666;">//past in your page</span><br /> <span style="color: #666666;"><br /></span> <span style="color: blue;">&lt;?php&nbsp;</span><br /> <span style="color: blue;">$myterms = get_terms('topics', 'orderby=none&amp;hide_empty'); &nbsp; &nbsp;</span><br /> <span style="color: blue;">foreach ($myterms as $term) { ?&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &lt;li&gt;&lt;a href="&lt;?php echo $term-&gt;slug; ?&gt;"&gt;&lt;?php echo $term-&gt;name; ?&gt;&lt;/a&gt;&lt;/li&gt; &lt;?php</span><br /> <span style="color: blue;"></span><br /> <span style="color: blue;">} ?&gt;</span><br /> <span style="color: blue;"><br /></span> <br /> <h4 style="text-align: left;"> <span style="color: blue;"><span style="color: #444444;">// past in your page ... All custom taxonomy parent, child list&nbsp;</span></span></h4> <br /> <div> <span style="color: #444444;">&nbsp;&nbsp;</span><span style="color: #444444;">&nbsp; </span><span style="color: blue;">&nbsp; &lt;?php</span><br /> <span style="color: #999999;">&nbsp; &nbsp;/** The taxonomy we want to parse */</span><br /> <span style="color: blue;">&nbsp; &nbsp;$taxonomy = "topics";</span><br /> <span style="color: blue;">&nbsp;</span><span style="background-color: white;"><span style="color: #999999;"> &nbsp;/** Get all taxonomy terms */</span></span><br /> <span style="color: blue;">&nbsp; &nbsp;$terms = get_terms($taxonomy, array(</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;"orderby" &nbsp; &nbsp;=&gt; "count",</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;"hide_empty" =&gt; false</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;)</span><br /> <span style="color: blue;">&nbsp; &nbsp;);</span><br /> <span style="color: blue;">&nbsp; &nbsp;</span><span style="color: #999999;">/** Get terms that have children */</span><br /> <span style="color: blue;">&nbsp; &nbsp;$hierarchy = _get_term_hierarchy($taxonomy);</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;/** Loop through every term */</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;foreach($terms as $term) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;//Skip term if it has children</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;if($term-&gt;parent) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;continue;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;}&nbsp;</span><br /> <span style="color: blue;">&nbsp;</span><span style="color: #999999;">/** Get &nbsp;more children add like this */</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp; &nbsp; if($child-&gt;parent) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;continue;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;}&nbsp;</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>&nbsp; &nbsp; &nbsp;</span><span class="Apple-tab-span" style="color: blue; white-space: pre;"> </span><span style="color: blue;">&nbsp; &nbsp;&nbsp;</span><br /> <span style="color: blue;">&nbsp; &nbsp;?&gt; &nbsp;&nbsp;</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&nbsp; &nbsp; &lt;ul id="org" style="display:none"&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;?php echo $term-&gt;name; ?&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;?php &nbsp;&nbsp;</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp;</span><span style="color: #999999;"> &nbsp;/** If the term has children... */</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;if($hierarchy[$term-&gt;term_id]) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp;</span><span style="color: #999999;"> &nbsp;/** display them */</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;foreach($hierarchy[$term-&gt;term_id] as $child) {?&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;?php &nbsp; &nbsp;</span><br /> <span style="color: #999999;">&nbsp;&nbsp; /** Get the term object by its ID */</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; $child = get_term($child, "topics");</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo $child-&gt;name; ?&gt;&nbsp;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><br /> <span style="color: blue;"><br /></span> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;ul&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;?php &nbsp;&nbsp;</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp; </span><span style="color: #999999;">&nbsp;/** If the term has children... */</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;if($hierarchy[$child-&gt;term_id]) {</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp;</span><span style="color: #999999;"> &nbsp;/** display them */</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;foreach($hierarchy[$child-&gt;term_id] as $child2) {?&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;?php &nbsp;&nbsp;</span><br /> <span style="color: #999999;">&nbsp; &nbsp; /** Get the term object by its ID */</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; $child2 = get_term($child2, "topics");</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo $child2-&gt;name; ?&gt;&nbsp;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;?php }</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; }</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp;&nbsp;</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp; &nbsp;?&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt; &nbsp;&nbsp;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;?php }</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; }</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp;&nbsp;</span><br /> <span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span> &nbsp; &nbsp;?&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &lt;/ul&gt;</span><br /> <span style="color: blue;">&nbsp; &nbsp; &lt;?php</span><br /> <span style="color: blue;">&nbsp; &nbsp; &nbsp;}</span><br /> <span style="color: blue;">&nbsp;?&gt;</span></div> <div> <span style="color: blue;"> </span></div> <br /> <div> <span style="color: blue;"><span style="color: #444444;"><br /></span></span></div> <span style="color: blue;"><br /></span></div> <span style="color: red;"><br /></span> <br /> <div> <span style="color: red;">---------- Custom post type UI-----------------</span></div> <span style="color: #38761d;"><a href="https://www.youtube.com/watch?v=qpeTZ3ghjtY">https://www.youtube.com/watch?v=qpeTZ3ghjtY</a></span><br /> <h3 style="text-align: left;"> <span style="color: red;">------------Custom page templates---------------</span></h3> <span style="color: #b45f06;">Creating our own page in wordpres....( Like About us, Services, Contact Us)</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;"><a href="https://www.youtube.com/watch?v=1TtN-Sz6RHc">https://www.youtube.com/watch?v=1TtN-Sz6RHc</a></span><br /> <span style="color: #38761d;"><a href="https://www.youtube.com/watch?v=9HCxKyj1SV0">https://www.youtube.com/watch?v=9HCxKyj1SV0</a></span><br /> <span style="color: red;"><br /></span> <br /> <h3 style="text-align: left;"> <span style="color: red;"><b>------------Create Custom Form---------------</b></span></h3> <span style="color: #38761d;"></span><br /> <span style="color: #38761d;"><a href="http://www.inkthemes.com/how-you-can-easily-create-customized-form-in-wordpress/">http://www.inkthemes.com/how-you-can-easily-create-customized-form-in-wordpress/</a></span><br /> <br /> <br /> <h3> <span style="color: red;">------------ Plugins ---------------</span></h3> <div> <span style="display: block; font-family: &quot;open sans&quot; , sans-serif; font-size: 14px; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;"><br /></span> <br /> <div style="background-color: white; box-sizing: inherit; clear: none; color: #32373c; font-family: &quot;Open Sans&quot;, sans-serif; font-weight: 400; line-height: 1.5; margin: 0px; padding: 0px; text-align: left;"> Simple Database Export+Import+Migration</div> <span style="display: block; font-family: &quot;open sans&quot; , sans-serif; font-size: 14px; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Adminer &nbsp;(&nbsp;<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px;">formerly phpMinAdmin</span>)</span><span style="display: block; font-family: &quot;open sans&quot; , sans-serif; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">All In One Php (&nbsp;<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; white-space: normal;">Executes PHP code on WordPress page</span>)</span><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Insert PHP (<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">inserted into WordPress posts and pages)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Bootstrap 3 Shortcodes (<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">All Bootstrap elements</span>)</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Content Views(&nbsp;<span style="background-color: #fef7f1; color: #32373c; font-size: 13px; white-space: normal; word-wrap: break-word;">grid, scrollable list, collapsible list&nbsp;</span><span style="background-color: #fef7f1; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Custom Scrollbar</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Huge IT Image Gallery (<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px;">Image Gallery</span>)</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Neat Slider (<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">Home Page Slider</span>)</span><span style="display: block; line-height: 19.5px; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="font-size: 14px; font-weight: 600; white-space: nowrap;">WonderPlugin Carousel (</span><span style="color: #32373c;"><span style="background-color: #f7fcfe; font-size: 13px;">&nbsp;nomber of rows thumbs carousel </span></span><span style="font-size: 14px; font-weight: 600; white-space: nowrap;">)</span></span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Simple File Downloader (<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">Download links into your posts/pages</span>)</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Visual Form Builder (<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">Dynamically build forms using a simple interface)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">WordPress Importer ( <span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">Import posts, pages, comments, custom fields, categories, tags etc</span>)</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">WP-PageNavi ( <a href="http://www.wpbeginner.com/wp-themes/how-to-add-numeric-pagination-in-your-wordpress-theme/" target="_blank"><span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">Pagination plugin</span>&nbsp;</a>)</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; line-height: 19.5px; margin-bottom: 0.2em; word-wrap: break-word;"><span style="font-size: 14px; font-weight: 600; white-space: nowrap;">WR MegaMenu ( </span><span style="color: #32373c;"><span style="background-color: #f7fcfe; font-size: 13px;">Megamenu&nbsp;</span></span><span style="font-size: 14px; font-weight: 600; white-space: nowrap;">)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; line-height: 19.5px; margin-bottom: 0.2em; word-wrap: break-word;"><span style="font-size: 14px; font-weight: 600; white-space: nowrap;">Optimus ( </span><span style="color: #32373c;"><span style="background-color: #f7fcfe; font-size: 13px;">Optimisation images</span></span><span style="font-size: 14px; font-weight: 600; white-space: nowrap;">)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; line-height: 19.5px; margin-bottom: 0.2em; word-wrap: break-word;"><span style="font-size: 14px; font-weight: 600; white-space: nowrap;">Post Types Order ( </span><span style="color: #32373c;"><span style="background-color: #f7fcfe; font-size: 13px;">Posts in order we can make custom</span></span><span style="font-size: 14px; font-weight: 600; white-space: nowrap;">)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">WP-Mail-SMTP &nbsp;(<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">Reconfigures the wp_mail() function to use SMTP instead of mail</span>)</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Check and Enable GZIP compression (&nbsp;<span style="background-color: #fef7f1; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">checks if you have GZIP compression enabled&nbsp;</span>)</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">BackUpWordPress (&nbsp;<span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">Simple automated backups of your WordPress powered website&nbsp;</span>)</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-family: &quot;open sans&quot; , sans-serif; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">Easy URL Shortcodes (EUS)&nbsp;<span style="font-family: &quot;open sans&quot; , sans-serif;">(&nbsp;</span><span style="background-color: #f7fcfe; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">urls, paths, and titles using shortcode for easy and consistent website links</span><span style="font-family: &quot;open sans&quot; , sans-serif;">)</span></span><span style="display: block; font-family: &quot;open sans&quot; , sans-serif; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-size: 14px; font-weight: 600; line-height: 19.5px; margin-bottom: 0.2em; white-space: nowrap; word-wrap: break-word;">MimeTypes Link Icons &nbsp;(<span style="background-color: white; color: #32373c; font-size: 13px; font-weight: normal; white-space: normal;">Adds icons automatically to any uploads and/or file links inserted into your blog posts.</span>)</span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;">Page Visit Counter&nbsp;</span><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;">&nbsp;(</span><span style="background-color: white; color: #32373c; font-size: 13px; line-height: 19.5px;">This plugin will count the total visits of your sites pages.</span><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;">)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;">W3 Total Cache</span><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;">(</span><span style="background-color: white; color: #32373c; font-size: 13px; line-height: 19.5px;">Easy Web Performance Optimization (WPO) using caching: browser, page, object, database, minify and content delivery network support.</span><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;">)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;">W3 Super Cache(</span><span style="color: #32373c;"><span style="font-size: 13px; line-height: 19.5px;">A very fast caching engine for WordPress that produces static html files.</span></span><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;">)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #174895; font-family: Calibri; font-size: 14pt;">Sitemap – Google XML Sitemap (for SEO)</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #174895; font-family: Calibri; font-size: 14pt;">Security – Defender</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #174895; font-family: Calibri; font-size: 14pt;">Email Integration – WP Mail SMTP</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Social Integration/Sharing – Floating Social</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Backup – Snapshot</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #953735; font-family: Calibri; font-size: 14pt;">SEO –&nbsp;</span><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Yoast</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Cashing/ Image Compression – Hummingbird</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Blog Filter –&nbsp;</span><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Akismet</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Carousel/Featured Content – Soliloquy</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Video Integration –&nbsp;</span><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Envira</span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="color: #953735; font-family: Calibri; font-size: 14pt;">Search Results Enhancement – Rich Snippets</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span><br /> <span style="display: block; font-family: &quot;open sans&quot; , sans-serif; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; font-family: &quot;open sans&quot; , sans-serif; margin-bottom: 0.2em; word-wrap: break-word;"><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;"></span></span><span style="display: block; margin-bottom: 0.2em; word-wrap: break-word;"><span style="font-size: 14px; font-weight: 600; line-height: 19.5px; white-space: nowrap;"><br /></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com1tag:blogger.com,1999:blog-4461712783962995994.post-58472083406774290112015-08-26T10:15:00.000+05:302015-08-26T10:19:35.762+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: left;"> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #666666; line-height: 30.0599994659424px;"><b>Jean-Loup Gailly</b> and <b>Mark Adler</b> developed gzip(</span>GNU Project<span style="background-color: white; color: #666666; line-height: 30.0599994659424px;">) as a replacement for&nbsp;</span><i style="background-color: white; color: #666666; line-height: 30.0599994659424px;">compress</i><span style="background-color: white; color: #666666; line-height: 30.0599994659424px;">, the format used in earlier versions of&nbsp;</span>Unix<span style="background-color: white; color: #666666; line-height: 30.0599994659424px;">&nbsp;and&nbsp;</span>Linux.</span></div> <div style="text-align: left;"> <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div> <div style="text-align: left;"> <span style="color: #38761d; font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 30.0599994659424px;">Gzip make&nbsp;</span><span style="background-color: white; line-height: 30.0599994659424px;">reduction in size of data to save&nbsp;</span>storage&nbsp;<span style="background-color: white; line-height: 30.0599994659424px;">space or increase the&nbsp;</span>data transfer rate<span style="background-color: white; line-height: 30.0599994659424px;">.</span><span style="background-color: white; line-height: 30.0599994659424px;"> Gzip is most often used to compress web pages on the server end for decompression in the browser.</span></span></div> <div style="text-align: left;"> <span style="background-color: white; color: #666666; line-height: 30.0599994659424px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="text-align: left;"> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px;">Although its file format also allows for multiple such streams to be&nbsp;</span>concatenated<span style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px;">&nbsp;(zipped files are simply decompressed concatenated as if they were originally one file</span><sup class="reference" id="cite_ref-3" style="background-color: white; color: #252525; font-size: 11.1999998092651px; line-height: 1; unicode-bidi: -webkit-isolate;"><a href="https://en.wikipedia.org/wiki/Gzip#cite_note-3" style="background: none; color: #0b0080; text-decoration: none; white-space: nowrap;">[3]</a></sup><span style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px;">), gzip is normally used to compress just single files.</span><sup class="reference" id="cite_ref-4" style="background-color: white; color: #252525; font-size: 11.1999998092651px; line-height: 1; unicode-bidi: -webkit-isolate;"><a href="https://en.wikipedia.org/wiki/Gzip#cite_note-4" style="background: none; color: #0b0080; text-decoration: none; white-space: nowrap;">[4]</a></sup><span style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px;">&nbsp;Compressed archives are typically created by assembling collections of files into a single&nbsp;</span>tar<span style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px;">&nbsp;archive, and then compressing that archive with gzip. The final&nbsp;</span><code style="background-color: #f9f9f9; border-radius: 2px; border: 1px solid rgb(221, 221, 221); font-size: 14px; line-height: 22.3999996185303px; padding: 1px 4px;">.tar.gz</code><span style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px;">&nbsp;or&nbsp;</span><code style="background-color: #f9f9f9; border-radius: 2px; border: 1px solid rgb(221, 221, 221); font-size: 14px; line-height: 22.3999996185303px; padding: 1px 4px;">.tgz</code><span style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px;">&nbsp;file is usually called a&nbsp;</span>tarball<span style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px;">.</span></span></div> <div style="text-align: left;"> <span style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px; margin-bottom: 0.5em; margin-top: 0.5em;"> <span style="font-family: Arial, Helvetica, sans-serif;">When gzip is invoked as&nbsp;<code style="background-color: #f9f9f9; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 2px; border: 1px solid rgb(221, 221, 221); color: black; padding: 1px 4px;">gunzip</code>, it decompresses the data (a file or stdin).&nbsp;<code style="background-color: #f9f9f9; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 2px; border: 1px solid rgb(221, 221, 221); color: black; padding: 1px 4px;">gunzip</code>&nbsp;is equivalent to&nbsp;<code style="background-color: #f9f9f9; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 2px; border: 1px solid rgb(221, 221, 221); color: black; padding: 1px 4px;">gzip -d</code>.</span></div> <div style="background-color: white; color: #252525; font-size: 14px; line-height: 22.3999996185303px; margin-bottom: 0.5em; margin-top: 0.5em;"> <span style="font-family: Arial, Helvetica, sans-serif;">When gzip is invoked as&nbsp;<code style="background-color: #f9f9f9; border-radius: 2px; border: 1px solid rgb(221, 221, 221); color: black; padding: 1px 4px;">zcat</code>, it also decompresses the data, but behaves similarly to&nbsp;<code style="background-color: #f9f9f9; border-radius: 2px; border: 1px solid rgb(221, 221, 221); color: black; padding: 1px 4px;"><a href="https://en.wikipedia.org/wiki/Cat_(Unix)" style="background: none; color: #0b0080; text-decoration: none;" title="Cat (Unix)">cat</a></code>. It decompresses individual files and&nbsp;concatenates&nbsp;them to standard output.&nbsp;<code style="background-color: #f9f9f9; border-radius: 2px; border: 1px solid rgb(221, 221, 221); color: black; padding: 1px 4px;">zcat</code>&nbsp;is equivalent to&nbsp;<code style="background-color: #f9f9f9; border-radius: 2px; border: 1px solid rgb(221, 221, 221); color: black; padding: 1px 4px;">gzip -d -c</code>.</span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span> <span style="font-family: Arial, Helvetica, sans-serif;"><a href="https://en.wikipedia.org/wiki/Gzip" target="_blank">more details..</a></span><br /> <a href="http://searchenterpriselinux.techtarget.com/definition/gzip" target="_blank">more details..</a></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-69682325332678316492014-11-11T10:35:00.002+05:302015-09-19T12:02:47.502+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <span style="color: #cc0000; font-family: arial, sans-serif;"><span style="line-height: 16.399999618530273px;"><b>Responsive Design Planning</b></span></span><br /> <div style="text-align: left;"> <span style="color: #242424; font-family: georgia, times, serif;"><span style="line-height: 18.559999465942383px;">A common snag in the responsive planning process comes when choosing what device widths to design to..</span></span><br /> <span style="color: #242424; font-family: georgia, times, serif;"><span style="line-height: 18.559999465942383px;"><br /></span></span></div> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><a href="http://bradfrost.github.io/this-is-responsive/patterns.html">http://bradfrost.github.io/this-is-responsive/patterns.html</a></span> <a href="http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning">http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning</a><br /> <br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;"><br /></span></b></span> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;">Meta Tags</span></b></span><br /> <span style="color: #242424; font-family: georgia, times, serif;"><span style="line-height: 18.559999465942383px;">Supported Meta Tags ,&nbsp;</span></span><span style="background-color: white; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;">Apple-specific&nbsp;</span><code style="background-color: white; color: #666666; font-family: Courier, Consolas, monospace;">meta</code><span style="background-color: white; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;">&nbsp;tags are described here..</span><br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><br /></span> <a href="https://developer.apple.com/library/safari/documentation/appleapplications/reference/safarihtmlref/Articles/MetaTags.html">https://developer.apple.com/library/safari/documentation/appleapplications/reference/safarihtmlref/Articles/MetaTags.html</a><br /> <br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;">Media Query</span></b></span><br /> <span style="background-color: white; color: #242424; font-family: georgia, times, serif; line-height: 18.559999465942383px;">The orientation media query , Media queries will become extremely important in the near future, when we have to build websites that work on any device resolution from 300px to 1280px or more.</span><br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><br /></span> <a href="http://www.quirksmode.org/blog/archives/2010/04/the_orientation.html">http://www.quirksmode.org/blog/archives/2010/04/the_orientation.html</a><br /> <br /> <u><span style="color: #38761d;">For Example we can use between these pixel in media queries:</span></u><br /> <br /> <span style="color: #e69138;">239px - 319px</span><br /> <span style="color: #e69138;">320px -&nbsp;499px</span><br /> <span style="color: #e69138;">500px -&nbsp;767px</span><br /> <span style="color: #e69138;">768px -&nbsp;959px</span><br /> <span style="color: #e69138;">960px -&nbsp;1023px</span><br /> <span style="color: #e69138;">1024px -&nbsp;1199px</span><br /> <span style="color: #e69138;">1200px -&nbsp;1280px</span><br /> <span style="color: #e69138;">1281px -&nbsp;1350px</span><br /> <span style="color: #e69138;">1351px -&nbsp;5000px</span><br /> <span style="color: #e69138;"><br /></span> <br /> <pre class="default prettyprint prettyprinted" style="background-color: #eeeeee; border: 0px; color: #393318; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif; font-size: 13px; margin-bottom: 1em; max-height: 600px; overflow: auto; padding: 5px; width: auto; word-wrap: normal;"><code style="border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif; margin: 0px; padding: 0px; white-space: inherit;"><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">@media</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">(</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">min</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">-</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">width</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">:</span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">320px</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">)</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">{</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="com" style="border: 0px; color: grey; margin: 0px; padding: 0px;">/* smartphones, iPhone, portrait 480x320 phones */</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">}</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">@media</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">(</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">min</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">-</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">width</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">:</span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">481px</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">)</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">{</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="com" style="border: 0px; color: grey; margin: 0px; padding: 0px;">/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">}</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">@media</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">(</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">min</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">-</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">width</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">:</span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">641px</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">)</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">{</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="com" style="border: 0px; color: grey; margin: 0px; padding: 0px;">/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">}</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">@media</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">(</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">min</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">-</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">width</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">:</span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">961px</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">)</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">{</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="com" style="border: 0px; color: grey; margin: 0px; padding: 0px;">/* tablet, landscape iPad, lo-res laptops ands desktops */</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">}</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">@media</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">(</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">min</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">-</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">width</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">:</span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">1025px</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">)</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">{</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="com" style="border: 0px; color: grey; margin: 0px; padding: 0px;">/* big landscape tablets, laptops, and desktops */</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">}</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">@media</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">(</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">min</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">-</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;">width</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">:</span><span class="lit" style="border: 0px; color: maroon; margin: 0px; padding: 0px;">1281px</span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">)</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">{</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="com" style="border: 0px; color: grey; margin: 0px; padding: 0px;">/* hi-res laptops and desktops */</span><span class="pln" style="border: 0px; color: black; margin: 0px; padding: 0px;"> </span><span class="pun" style="border: 0px; color: black; margin: 0px; padding: 0px;">}</span></code></pre> <span style="color: #e69138;"><br /></span> <span style="color: #cc0000;"><a href="http://stephen.io/mediaqueries/">CSS Media Queries for&nbsp;iPads &amp; iPhones</a></span><br /> <br /> <a href="http://cssmediaqueries.com/target/">Mobile Device width and heights&nbsp;and pixel ratios</a><br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;"><br /></span></b></span> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;"><br /></span></b></span> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;">Image Resizer</span></b></span><br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;"><br /></span></b></span> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;">This jQuery plugin makes it easy to have images resize horizontally and vertically to fit the available container width.</span><br /> <span style="background-color: white; font-family: arial, sans-serif;"><span style="line-height: 16.3999996185303px;"><br /></span></span> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><a href="http://responsiveimages.org/#implementation">http://responsiveimages.org/#implementation</a></span><br /> <a href="http://www.html5rocks.com/en/mobile/high-dpi/#toc-bg">http://www.html5rocks.com/en/mobile/high-dpi/#toc-bg</a><br /> <br /> <a href="http://code.google.com/p/jquery-imagefit-plugin/">http://code.google.com/p/jquery-imagefit-plugin/</a><br /> <br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.3999996185303px;"><b><u>For Retina Images:</u></b></span><br /> <span style="background-color: white; font-family: arial, sans-serif;"><span style="line-height: 16.3999996185303px;"><a href="http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/">http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/</a></span></span><br /> <span style="background-color: white; font-family: arial, sans-serif;"><a href="http://www.sitepoint.com/css-techniques-for-retina-displays/">http://www.sitepoint.com/css-techniques-for-retina-displays/</a></span><br /> <span style="background-color: white; font-family: arial, sans-serif;"><a href="http://imulus.github.io/retinajs/">http://imulus.github.io/retinajs/</a></span><br /> <br /> <span style="color: #cc0000; font-family: arial, sans-serif;"><span style="line-height: 16.399999618530273px;"><b>Lazy Load Plugin for jQuery</b></span></span><br /> <span style="color: #242424; font-family: georgia, times, serif;"><span style="line-height: 18.559999465942383px;">Using Lazy Load on long web pages will make the page load faster. In some cases it can also help to reduce server load.&nbsp;</span></span><br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><br /></span> <a href="http://www.appelsiini.net/projects/lazyload">http://www.appelsiini.net/projects/lazyload</a><br /> <br /> <b style="color: #cc0000; font-family: arial, sans-serif; line-height: 16.3999996185303px;">Top Popular jquery plugins</b><br /> <span style="color: #242424; font-family: georgia, times, serif;"><span style="line-height: 18.5599994659424px;">Very Very most usable resource of Jquery&nbsp;plugins...</span></span><br /> <div style="text-align: left;"> <h3 style="text-align: left;"> <span style="font-size: small; font-weight: normal;"><span style="color: #3d85c6; font-family: arial, sans-serif;"><span style="line-height: 16.3999996185303px;"><a href="http://www.jqueryscript.net/popular/">http://www.jqueryscript.net/popular/</a></span></span></span></h3> <h3 style="text-align: left;"> <span style="font-size: small; font-weight: normal;"><span style="color: #3d85c6; font-family: arial, sans-serif; line-height: 16.3999996185303px;"><a href="http://speckyboy.com/2014/12/08/jquery-plugins-2014/">http://speckyboy.com/2014/12/08/jquery-plugins-2014/</a></span></span></h3> </div> <span style="color: #cc0000; font-family: arial, sans-serif;"><span style="line-height: 16.3999996185303px;"><b><br /></b></span></span> <br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;">Browser Hacks</span></b></span><br /> <span style="font-family: arial, sans-serif;"><span style="line-height: 16.399999618530273px;">Please keep in mind using a hack is not always the perfect solution. It can be useful to fix some weird browser specific bug, but in most cases you should fix your CSS/JS</span></span><br /> <br /> <a href="http://browserhacks.com/">http://browserhacks.com/</a><br /> <br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;">Custom Elements</span></b></span><br /> <span style="font-family: arial, sans-serif;"><span style="line-height: 16.399999618530273px;">An exciting feature of the HTML specification that’s been getting a bit of hype recently is custom HTML elements. These allow you to create your own HTML elements along with their own JavaScript API. This can be useful when building interfaces with components that are reused throughout an application.</span></span><br /> <br /> <a href="http://blog.teamtreehouse.com/create-custom-html-elements-2">http://blog.teamtreehouse.com/create-custom-html-elements-2</a><br /> <a href="http://www.html5rocks.com/en/tutorials/webcomponents/customelements/">http://www.html5rocks.com/en/tutorials/webcomponents/customelements/</a><br /> <br /> <br /> <span style="background-color: white; font-family: arial, sans-serif; line-height: 16.399999618530273px;"><b><span style="color: #cc0000;">Units</span></b></span><br /> <span style="background-color: #fefefe; color: #4b4b4b; font-family: Arial, sans-serif; font-size: 16px; line-height: 25.600000381469727px;">As the web continues to grow, the demand for new solutions will also continue to grow. Therefore, as web designers and front end developers, we have no choice but to know our toolset, and know it well.</span><br /> <br /> <a href="http://webdesign.tutsplus.com/articles/7-css-units-you-might-not-know-about--cms-22573">http://webdesign.tutsplus.com/articles/7-css-units-you-might-not-know-about--cms-22573</a><br /> <a href="http://webdesign.tutsplus.com/articles/taking-the-erm-out-of-ems--webdesign-12321">http://webdesign.tutsplus.com/articles/taking-the-erm-out-of-ems--webdesign-12321</a><br /> <br /> <br /> <span style="color: #cc0000; font-family: arial, sans-serif;"><span style="line-height: 16.3999996185303px;"><b>Icons</b></span></span><br /> <a href="http://modernuiicons.com/">http://modernuiicons.com/</a><br /> <br /> <br /> <span style="color: #cc0000; font-family: arial, sans-serif;"><span style="line-height: 16.4px;"><b>Responsive Table</b></span></span><br /> <a href="http://johnpolacek.github.io/stacktable.js/">http://johnpolacek.github.io/stacktable.js/</a><br /> <a href="http://codepen.io/dudleystorey/pen/Geprd">http://codepen.io/dudleystorey/pen/Geprd</a><br /> <br /></div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-43538611758914031302014-08-17T19:57:00.002+05:302014-08-27T12:50:17.253+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: left;"> <div style="font-family: AniversRegular, Arial, Verdana, Tahoma; margin-bottom: 1em; margin-top: 1em;"> Last past 4 years Ext JS has grown up, gained developer endorsements because of its flexibility and efficiency. There is a growing market for dynamic web apps and Developers and Vendors alike are embracing Ext JS to bring the next generation of the web to the public.</div> <div style="font-family: AniversRegular, Arial, Verdana, Tahoma; margin-bottom: 1em; margin-top: 1em;"> Ext JS has powerful controls available like grid, data store, panels, tab panels, windows and others which reduce your effort and time for rich application development. It allows you to create a complex layout easily without wasting too much time. It is easy to customize the look and feel of your app by using CSS and it gives you the ability to extend base classes to add your own functionalities in application development.</div> <span style="background-color: white; color: #222222; font-family: Consolas, 'Lucida Console', monospace; white-space: pre-wrap;"> MVVM Architecture,2 Way Data Binding,routing, Session Management,Table Support, New Themes, Grid widgets, Touch Charts, </span><span style="font-family: AniversRegular, Arial, Verdana, Tahoma;">Rapid Prototyping,&nbsp;</span><span style="font-family: AniversRegular, Arial, Verdana, Tahoma;">Browser compatibility,&nbsp;</span><span style="font-family: AniversRegular, Arial, Verdana, Tahoma;">Multi-platform&nbsp;/ No plugins,&nbsp;</span><span style="font-family: AniversRegular, Arial, Verdana, Tahoma;">Object Orientated,&nbsp;</span><span style="font-family: AniversRegular, Arial, Verdana, Tahoma;">Datastores / Services</span><br /> <span style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 22px;"><br /></span> <span style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 22px;"><b><a href="http://www.sencha.com/" target="_blank">Ext JS 4.2</a></b> is a pure JavaScript application framework that works on all modern browsers from IE6 to the latest version of Chrome. It enables you to create the best cross-platform applications using nothing but a browser, and has a phenomenal API.</span></div> <div> <span style="background-color: white; color: #314e64; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 16px; line-height: 22px;"><br /></span></div> <div> <ul class="features" id="sample-menu" style="box-sizing: border-box; font-family: tahoma, arial, verdana, sans-serif; font-size: 12px; line-height: 20px; list-style: none url(http://localhost/ext-js/ext-4.2.1/examples/shared/extjs/images/c-sep-l.gif); margin: 0px 0px 0px 15px; padding: 0px;"> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Combination Examples</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Enterprise</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Accessibility</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Grids</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Charts</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Tabs</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Windows</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Trees</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Layout Managers</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Drawing</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Drag and Drop</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Toolbars and Menus</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">ComboBox</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">DataView</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Forms</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Direct</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">MVC</li> <li style="box-sizing: border-box; list-style: inherit !important; margin: 5px 0px; padding: 0px;">Miscellaneous</li> </ul> </div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-86664107518246386342014-08-16T23:42:00.000+05:302014-10-08T22:03:50.887+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><u><span style="background: #0C343D; color: white; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 13.5pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">jQUERY&nbsp; INTERVIEW QUESTIONS :</span></u></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q1.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery is a JavaScript library that simplifies JavaScript and AJAX programming. JavaScript is used to add interactivity and dynamic content to web pages. AJAX (Asynchronous JavaScript and XML) is used for handling external data asynchronously through JavaScript, without refreshing the whole page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery emphasizes the interaction between JavaScript and HTML. jQuery contains all the common DOM, event, effects, and Ajax functions in a single JavaScript file.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The jQuery file needs to be included in the file which is going to use the jQuery functionality.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery provides a new class called jQuery without extending the built-in JavScript classes which acts as a wrapper around objects for providing them the extended operations.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q2.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Advantages of jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The advantages of using jQuery are:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;JavaScript enhancement without the overhead of learning new syntax</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;Ability to keep the code simple, clear, readable and reusable</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;Eradication of the requirement of writing repetitious and complex loops and DOM scripting library calls</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q3.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain the features of jQuery.?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Features of jQuery are :</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;Effects and animations</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;Ajax</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;Extensibility</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;DOM element selections functions</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;Events</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;CSS manipulation</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;Utilities - such as browser version and the each function.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;JavaScript Plugins</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;DOM traversal and modification.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q4.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain the concepts of "$ function" in jQuery with an example.?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;The type of a function is "function".</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">There are a lot of anonymous functions is jquery.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(document).ready(function() {});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("a").click(function() {});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$.ajax({</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">url: "someurl.php",</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">success: function() {}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q5.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Why is jQuery better than javascript?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;jQuery is great library for developing ajax based application.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;It helps the programmers to keep code simple and concise and reusable.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;jQuery library simplifies the process of traversal of HTML DOM tree.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;jQuery can also handle events, perform animation, and add the ajax support in web applications.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q6.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain how jQuery Works.?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&lt;html&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;head&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;script type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">// You can write the code here</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/head&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;body&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;a href="http://careerride.com/"&gt;CareerRide&lt;/a&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/body&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/html&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q7.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">When can you use jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;jQuery can be used to for developing ajax based applications</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It can be used to keep the code simple, concise and reusable.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;It simplifies the process of traversal of HTML DOM tree.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;It can also handle events, perform animation, and add the ajax support in web applications.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q8.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does dollar sign($) means in Jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Dollar sign is nothing but it's</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><u><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">an alias for Jquery</span></u><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">. Take a look at below jquery code</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Over here $ sign can be replaced with "jQuery " keyword.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q9.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How is body onload() function is defferent from document.ready() functon used in&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Document.ready() function is different from body onload() function because off 2 reasons.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1.&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">We can have more than one document.ready() function in a page where we can have only one&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">onload function.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;2. Document.ready() function is called as soon as DOM is loaded where body.onload() function&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">is called when everything gets loaded on the page that includes DOM, images and all&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">associated resources of the page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q10.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is Jquery UI?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;JQuery UI is a library which is built on top of JQuery library. JQuery UI comes with cool&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">widgets, effects and interaction mechanism.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">See below page on this site. Date Picker control used in this page to select date is an example of&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">JQuery UI.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q11.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Name some of the methods of Jquery used to provide effects?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Some of the common methods are :</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1. Show()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Hide()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3. Toggle()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">4. FadeIn()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">5. FadeOut()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q12.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">what are the different type of selectors in Jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;There are 3 types of selectors in Jquery</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1. CSS Selector</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2. XPath Selector</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3. Custom Selector</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q13.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How can you select all elements in a page using Jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("*").css("border", "2px dotted red");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q14.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How can you select all elements in a page using jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To select all elements in a page, we can use all selectors, for that we need to use *(asterisk&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">symbol).</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("*").css("border", "2px dotted red");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The above code will select all elements of the web page and apply border width as 2 pixel, style as dotted and color as red.</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q15.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the Difference between Jquery-X.X.X.js and Jquery.X.X.X-min.js?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">In terms of functionality, there is no difference between the jQuery-x.x.x.js and jQuery-x.x.x-min.js (also called minified version). However this can play a vital role in the performance of the web page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q16.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;How it affects the performance?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery-1.4.4.js file size is 178 KB as against its minified version jQuery-1.4.4-min.js that is only 76.7 KB in size. So when your page loads in the client?s browser if you are not using minified version, it loads 178 KB file that takes more time to load than 76.7 KB.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q17.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is CDN?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">CDN Stands for</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><u><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Content Distribution Network</span></u><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">or also called</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><u><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Content Despan style=livery Network</span></u><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">is a group of computers placed at various points connected with network containing copies of data files to maximize bandwidth in accessing the data. In CDN a client access a copy of data nearer to the client location rather than all clients accessing</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;from the one particular server. This helps to achieve better performance of data retrieval by client.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;There are two leading CDNs available that hosts jQuery files.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;<u>Microsoft</u></span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">- To load jQuery from Microsoft AJAX CDN</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery file can be loaded from Microsoft AJAX CDN. For more details, go to http://www.asp.net/ajaxlibrary/cdn.ashx.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">You will need to keep following tags in your page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" language="Javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.min.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <u><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Google</span></u><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">- To load jQuery from Google Libraries API</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery file can be loaded from Google CDN for more details, go to http://code.google.com/apis/libraries/devguide.html. You will need to keep following tag in your page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" language="Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">What’s relationship between JavaScript and ECMAScript? - ECMAScript is yet another name for</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">JavaScript (other names include LiveScript). The current JavaScript that you see supported in browsers is ECMAScript revision 3.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q18.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are JavaScript types?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Number, String, Boolean, Function, Object, Null, Undefined</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q19.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you convert numbers between different bases in JavaScript?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Use the parseInt() function, that takes a string as the first parameter, and the base as a second parameter. So to convert hexadecimal 3F to decimal, use parseInt ("3F", 16);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q20.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does isNaN function do?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Return true if the argument is not a number.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q21.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is negative infinity?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It’s a number in JavaScript, derived by dividing negative number by zero.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">What boolean operators does JavaScript support?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&amp;&amp;, || and !</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q22.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does "1"+2+4 evaluate to?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Since 1 is a string, everything is a string, so the result is 124.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q23.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How about 2+5+"8"?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Since 2 and 5 are integers, this is number arithmetic, since 8 is a string, it’s concatenation, so 78 is the result.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q24.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What looping structures are there in JavaScript?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;for, while, do-while loops, but no foreach.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q25.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you create a new object in JavaScript?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var obj = new Object(); or var obj = {};</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q26.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you assign object properties?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">obj["age"] = 17 or obj.age = 17.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q27.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What’s a way to append a value to an array?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">arr[arr.length] = value;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q28.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is this keyword?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It refers to the current object.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Is jQuery a library for client scripting or server scripting?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Client scripting</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q29.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Is jQuery a W3C standard?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;No</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q30.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are jQuery Selectors?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Selectors are used in jQuery to find out DOM elements. Selectors can find the elements via ID, CSS, Element name and hierarchical position of the element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q31.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">The jQuery html() method works for both HTML and XML documents?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It only works for HTML.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q32.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Which sign does jQuery use as a shortcut for jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(dollar) sign.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q33.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does $("div") will select?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It will select all the div element in the page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q34.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does $("div.parent") will select?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;All the div element with parent class.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q35.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the name of jQuery method used for an asynchronous HTTP request?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery.ajax()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q36.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is Jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">JQuery is Java Script library or Java Script Framework which helps in how to traverse HTML documents, do some cool animations, and add Ajax interaction to any web page. It mainly helps programmer to reduce lines of code as huge code written in Java Script, can be done easily with JQuery in few lines.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q37.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does dollar Sign ($) means in JQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Dollar Sign is nothing but it's an alias for JQuery. Take a look at below jQuery code</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Over here $ sign can be replaced with "jQuery " keyword.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q38.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How is body onload() function is different from document.ready() function used in jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Document.ready() function is different from body onload() function because off 2 reasons.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1. We can have more than one document.ready() function in a page where we can have only one onload function.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2. Document.ready() function is called as soon as DOM is loaded where body.onload() function is called when everything gets loaded on the page that includes DOM, images and all associated resources of the page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Click below link to get mostly asked jQuery interview question.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">http://jquerybyexample.blogspot.com/2011/08/mostly-asked-jquery-interview-questions.html</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q39.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are the steps you need to follow to use jQuery in ASP.Net project?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It's really simple. One just need to add reference of javascript file(.js). Go to Jquery.com and download the latest version of jQuery. When download is completed, there is a "jQuery-1.3.2.js" in the folder. Include this file</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script src="_scripts/jQuery-1.3.2.js" type="text/javascript"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">and you good to go now for JQuery.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Note : 1.3.2 denotes the library version.. It can be vary depending upon the version of Jquery you download.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q40.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is JQuery UI?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">JQuery UI is a library which is built on top of JQuery library. JQuery UI comes with cool widgets, effects and interaction mechanism.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">See below page on this site. Date Picker control used in this page to select date is an example of JQuery UI.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q41.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are features of JQuery or what can be done using JQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Features of Jquery</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1. One can easily provide effects and can do animations.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2. Applying / Changing CSS.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3. Cool plugins.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">4. Ajax support</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">5. DOM selection events</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">6. Event Handling</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q42.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Name some of the methods of JQuery used to provide effects?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1. Show()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2. Hide()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3. Toggle()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">4. FadeIn()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">5. FadeOut()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q43.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;What are the different type of selectors in Jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;There are 3 types of selectors in Jquery</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1. CSS Selector</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2. XPath Selector</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3. Custom Selector</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q44.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are the advantages of JQuery ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;There are many advantages with JQuery. Some of them are :</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">. It is more like a JavaScript enhancement so there is no overhead in learning a new syntax.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">. It has the ability to keep the code simple, readable, clear and reusable.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">. It would eradicate the requirement for writing complex loops and DOM scripting library calls.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q45.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How can you select all elements in a page using jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">To select all elements in a page, we can use all selectors, for that we need to use *(asterisk symbol).</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("*").css("border", "2px dotted red");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The above code will select all elements of the web page and apply border width as 2 pixel, style as dotted and color as red.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q46.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery is not a language but it is a well written JavaScript code, As quoted on official jQuery website “it is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.“</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">In order to work with jQuery you should be aware of basics of JavaScript, HTML and CSS.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It was released in January 2006 at BarCamp NYC by John Resig.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Licensing:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It is free, open source software Dual-licensed under the MIT License and the GNU General Public License. Microsoft has integrated jQuery officially into its IDE Visual Studio 2010 and jQuery intellisense is available in Visual Studio 2010 now.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q47.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Why jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery is very compact and well written JavaScript code that increases the productivity of the developer by enabling them to achieve critical UI functionality by writing very less amount of code.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It helps to</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;# Improve the performance of the application</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;# Develop most browser compatible web page</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;# Implement UI related critical functionality without writing hundreds of lines of codes</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;# Fast</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;# Extensible – jQuery can be extended to implement customized behavior</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Other advantages of jQuery are</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;# No need to learn fresh new syntax's to use jQuery, knowing simple JavaScript syntax is enough</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;# Simple and Cleaner code, no need to write several lines of codes to achieve complex functionality.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q48.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Where to download jQuery from?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">http://www.jquery.com/</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q49.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to use jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery usually comes as a single JavaScript file containing everything comes out of the box with jQuery. It can be included within a web page using the following mark-up:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">To load local jQuery file</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" src="jQuery-1.4.1-min.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q50.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Do I need to refer jQuery file both in Master page/base page/template page and content page?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">No, master page/base page/ template page basically helps to create consistent layout for the page in the application. In case you have referred the jQuery file in master page/base page/ template page that cause rendering the file in the browser, you do not need to refer jQuery file the content page again.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">In summary, there should not be more than one &lt;script&gt; tag with jQuery file reference in the source code of the rendered web page in the browser.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q51.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the difference between jQuery-x.x.x.js and jQuery.x.x.x-min.js” ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">In terms of functionality, there is no difference between the jQuery-x.x.x.js and jQuery-x.x.x-min.js (also called minified version). However this can play a vital role in the performance of the web page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q52.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How it affects the performance?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery-1.4.4.js file size is 178 KB as against its minified version jQuery-1.4.4-min.js that is only 76.7 KB in size. So when your page loads in the client?s browser if you are not using minified version, it loads 178 KB file that takes more time to load than 76.7 KB.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q53.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Which version of jQuery file should be used?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">In most of the recent releases so far, the core functionality of jQuery remains same however some more cool and better features are added. Ideally you should use the latest jQuery files available on the jQuery.com website. By doing this you ensure that your earlier functionality will still work and you can use new features available as part of the new release.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q54.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is CDN?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">CDN Stands for Content Distribution Network or also called Content Delivery Network is a group of computers placed at various points connected with network containing copies of data files to maximize bandwidth in accessing the data. In CDN a client access a copy of data nearer to the client location rather than all clients accessing</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">from the one particular server. This helps to achieve better performance of data retrieval by client.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">There are two leading CDNs available that hosts jQuery files.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Microsoft - To load jQuery from Microsoft AJAX CDN</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery file can be loaded from Microsoft AJAX CDN. For more details, go to http://www.asp.net/ajaxlibrary/cdn.ashx. You will need to keep following tags in your page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" language="Javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.min.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Google - To load jQuery from Google Libraries API</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery file can be loaded from Google CDN for more details, go to http://code.google.com/apis/libraries/devguide.html. You will need to keep following tag in your page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" language="Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q55.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Why to load jQuery file from CDN?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">You may ask that if we can load the jQuery file from our own server why to load it from the CDNs. The answer is logical and very simple. The browser behavior is that whenever it loads any webpage, it keeps related files (eg. Javascript file, CSS file and Images) used for that page into its cache (also called history). When next time the user browses any web page, browser loads only those files that are new or modified and is not available in the browser cache or history. In this way, browser improves its performance and loads the page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The possibility is that if more and more websites are using CDNs, the user might have already browsed some other web pages that is using CDNs jQuery file and that file may have into browser cache; so when user browse your page and you are also using CDNs file, the older cached version of jQuery file will be used. In this way your page will load faster as browser will not have to load the jQuery file for your page again.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The benefit</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;1. Faster page load as jQuery file need not to be downloaded</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;2. Saves your bandwidth as jQuery file is not loaded from your server</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;3. Scalable - generally CDNs place these files on the servers located at different geographical locations of the world so that they load faster so irrespective of from where your user is browsing your page, your application runs well.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q56.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What if the latest jQuery version is available and I am still referring older version of jQuery file from CDNs?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Do not worry about it, it?s a general promise made by CDNs that they will remain hosting the older version of the files on the same location where they had initially released; so even if newer version of the files are released, the older version remains there on the CDNs and your web page still works.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q57.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to load local jQuery file in case CDN is not available?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Sometimes, it may happen that the CDN you have used to load the jQuery file is not available (it rarely happens, however anything is possible, isn?t it?); in that case you should load your local jQuery file that is available on your server so that all jQuery related functionality still work on your page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Write following lines of code</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;!-- START - jQuery Reference --&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" language="Javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.min.js "&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type='text/javascript'&gt;//&lt;![CDATA[</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">if (typeof jQuery == 'undefined') {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">document.write(unescape("%3Cscript src='/Script/jquery-1.4.1.min.js' type='text/javascript' %3E%3C/script%3E"));</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}//]]&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;!-- END - jQuery Reference --&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Replace bolded path with your own jQuery file path on the server. In the above code, first line tries to load the jQuery file from CDN, if browser could load the file successfully, “jQuery” variable will ndiv class=ot be undefined and next script will not run otherwise next script will run that will write the script tag to load the jQuery file from your server.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q58.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to execute jQuery code?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1.</span><span style="font-family: 'Times New Roman', serif; font-size: 7pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 7pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">As and when page loads, execute the jQuery code</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(function () {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("#div1").css("border", "2px solid green");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;OR</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("#div1").css("border", "2px solid green");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The benefit of executing jQuery code in this way is that it doesn?t wait the whole page to load completely, so in case you want user to see the effects as soon as the corresponding elements are loaded, you can use this.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">However the disadvantage is that if the element on which jQuery has to execute has not loaded then it will error out or you will not get desired result; so while using this way of executing jQuery code, you will have to make sure that the element on which you want to work with jQuery is loaded first (you can place your jQuery code right after your HTML element).</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;Q59.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">. Execute jQuery only when the complete DOM objects (the complete page has been loaded). You will have to wrap your code in .ready function.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function () {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("#div1").css("border", "2px solid green");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;This is the better and safer way to execute jQuery. This makes sure that jQuery code will execute only if complete page has been loaded in the browser so you are rest assured that user will not see any undesired behavior on the page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">As a developer, the decision of where and how to write jQuery code lies on you. I prefer to use 2nd method as it ensures that my complete page is loaded in the browser and I am ready to play with any element available on the page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 14.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">jQuery Core</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery accepts a string enclosed with double quote (“”) that can contain a CSS selector which is used to match a set of elements ospan class<br /> =n the web page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery code can start with either “jQuery” word or a “$” (dollar symbol). Take a look at below code snippet</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(function () {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery("#div1").css("border", "2px solid red");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;OR</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(function () {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("#div1").css("border", "2px solid green");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Both above code snippets are functionally same and do the same thing. So you can either user jQuery or $ when you are writing jQuery code.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q60.</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to give alert message in jQuery on a Button Click ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Hi all,</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">First, include jQuery&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">in your application.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Drop a textbox in your .aspx page:-</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input id="inputField" type="text" size="12"/&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">include a button also:-</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;asp:Button ID="Button1" runat="server" Text="get"/&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Now, here's the script:-</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function () {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$('#Button1').click(function () {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert($('#inputField').attr("value"));</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q61.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are Selectors in jQuery mean ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Generally in HTML, if we need to work with any control on a web page we need to find the control. For that we use document.getElementByID or document.getElementByName. But in jquery we do it using Selectors.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Using this selectors we can select all the controls as well using a symbol (* )</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">A sample code snippet can be of this form</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("*").css("border", "10px red");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">This will make all the borders in the web page with a width of 10 pixel and color as red.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q62.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Is</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;it good to load jquery from CDN(Content delivery network) ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Yes, it is always good to load your jquery from content delivery network. It provides some benefits like :-</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">(1) Caching - It means that if any previously visited site by user is using jQuery from Google CDN then the cached version will be used. It will not be downloaded again.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">(2) Reduces load - It reduces the load on your web server as it downloads from Google server's.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Example :-</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">type="text/javascript"</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q63.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Do we need to add the JQuery file both at the Master page and Content page as well?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">No, if the Jquery file has been added to the master page then we can access the content page directly without adding any reference to it.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">This can be done using this simple example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" src="jQuery-1.4.1-min.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q64.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the advantage of using the minified version of JQuery rather than using the conventional one?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The advantage of using a minified version of JQuery file is Efficiency of the web page increases.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The normal version jQuery-x.x.x.js has a file size of 178KB</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">but the minified version jQuery.x.x.x-min.js has 76.7 KB.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The reduction in size makes the page to load more faster than you use a conventional jQuery file with 178KB</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q65.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is CDN and how jQuery is related to it?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;CDN - It stands for Content Distribution Network or Content Delivery Network.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Generally, a group of systems at various places connected to transfer data files between them to increase its bandwidth while accessing data. The typical architecture is designed in such a way that a client access a file copy from its nearest client rather than accessing it from a centralized server.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">So we can load this jQuery file from that CDN so that the efficiency of all the clients working under that network will be increased.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Example :</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">We can load jQuery from Google libraries API</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" language="Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q66.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Can we select a element having a specific class in jQuery ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Yes, we can select an element with a specific class, we use the class selector.The class name must contain the prefix as "." (dot).</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(".class1").css("border", "2px solid red");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;">&lt;/script&gt;<o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Above code will select all the elements of the webpage containing the class as "class1" and apply the css style border width as 2 Pixel, style as solid and color as red.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q67.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>&nbsp;</b></span><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the use of Delegate() Method in jQuery?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The delegate() method can be used in two ways.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1) If you have a parent element, and you want to attach an event to each one of its child elements, this delegate() method is used.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Ex:Un-ordered List</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Instead of attaching an event to each &lt;li&gt; element, you can attach a single event to &lt;ul&gt; element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Example:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("ul").delegate("li", "click", function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(this).hide();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2) When an element is not available on the current page, this method is used.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">.live() method is also used for the same purpose but, delegate() method is a bit faster.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Example:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("ul").delegate("li", "click", function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(this).hide();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">This will hide any list items that are not currently available on the page. They may be loaded via an Ajax request and then append to it.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <u><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Using .bind() or .click() methods, you would have to manually attach events to these new list items once they are added.</span></u><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q68.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Which sign does jQuery use as a shortcut for jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">NOTE: This is objective type question, Please click question title for correct answer.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q69.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">JQuery is a client scripting.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">NOTE: This is objective type question, Please click question title for correct answer.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q70.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Can be used JQuery with AJAX?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">NOTE: This is objective type question, Please click question title for correct answer.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q71.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">JQuery is JavaScript Library or JSON Library?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">JQuery is a javascript library not JSON Library. Jquery library is single JavaScript file that contains Common DOM, event effects and Ajax functions.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">"JQuery is a library of javascript function."</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For more Info: http://jquery.com/</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">What does .size() method of jquery return ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Posted by: Akiii</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">.size() method of jquery returns number of element in the object. That means that you can count the number of elements within an object.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example :-</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var Count = $("div").size();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert(Count);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q72.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the difference between jquery.size() and jquery.length ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jquery.size() and jquery.length both returns the number of element found in the object. But, jquery.length is faster than jquery.size() because size() is a method but length is a property .</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">So, there is always an overhead in calling a function.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q73.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to set Page Title using jQuery ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).attr("title", "Dotnet Funda");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q74.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How will you Encode/Decode URL in jQuery ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">In jquery, you can use the following functions to encode and decode url :-</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">encodeURIComponent(url) and decodeURIComponent(url)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">You have to pass the complete url with parameterized value in the function and in return it will encode/decode you url for you !</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q75.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the use of jQuery Connect?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It is used to connect or bind a function to another function.It is use to execute a function whenever</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">a function from another object is executed.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">e.g.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function FirstFunction(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">this.Func1 = function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">execute1 = 'A class';</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var firstFunc = new FirstFunction();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function SecondFunction(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;this.Func2 = function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;execute2 = 'Another Class';</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var secondFunc = new SecondFunction();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$.connect(firstFunc,'Func1',secondFunc,Func2);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">In this case whevever we invoke secondFunc.Func2,firstFunc.Func1 will also gets executed indicating that</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Func2 of object secondFunc has been associated/ connected to Func1 of object firstFunc</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q76.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the use of jQuery disconnect?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It is used to disconnect a function to another function.It is the opposite of $.connect.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">e.g.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$.disconnect(firstFunc,'Func1',secondFunc,Func2);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">will disconnect Func1 from Func2 where Func1 is the reference function and Func2 is connected one.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q77.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the use of jQuery disconnectAll?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It is used to disconnect all the connected functions.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">e.g.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$.disconnectAll(firstFunc,'Func1');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">will disconnect all the connected function from the reference function Func1.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q78.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are the minimal/must steps needed to execute JQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1.Wait for the DOM of the page to be ready.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2.Finds the appropriate HTML elements that needs to be acted on by using selector.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3.Add event handlers.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">e.g.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">//Step 1: Wait for the DOM of the page to be ready.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function ()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">{</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">//Step 2: Finds the appropriate HTML elements that needs to be acted on by using selector</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var btnObject = $('#btnSayHello');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">//Step 3: Add event handlers (Here click events)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">btnObject.click(function ()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">{</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert("Hello World...My First JQuery Program");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q79.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to debug JQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1.Placing debugger keyword</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Add the keyword debugger to the line from where we want to start the debugging and then run the Visual Studio in Debug mode by pressing F5 or using the Debug button.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">e.g.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script language ="javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function ()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">{</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var btnObject = $('#btnSayHello');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">debugger;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">btnObject.click(function ()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">{</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert("Hello World...My First JQuery Program");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q80.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">.Inserting a break point after attaching worker process</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Press ALT + CTRL + P or tools -&gt; AttachProcess then choose w3wp.exe .</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q81.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are the ways by which we can include JQuery in our page?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1.Refer to a local copy using the &lt;script&gt; tag</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2.Refer to a remote copy on JQuery.com or the remote copy in the Google AJAX API</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3.Refer to a local copy using Script Manager Control</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">4.Refer to an embedded script using the ClientScript object</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q82.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to invoke Jquery function from code behind?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Suppose we want to change the background color of a div tag from the code behind upon button click.In code behind write the below</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">protected void btnChangecolor_Click(object sender, EventArgs e)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">{</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">string script = "&lt;script type=\"t/divext/JavaScript\" language=\"javascript\"&gt;ChangeDivBackgroundcolor();&lt;/script&gt;";</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Page.ClientScript.RegisterStartupScript(this.GetType(), "ChangeColor", script);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The aspx file will be as under</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;head runat="server"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;title&gt;&lt;/title&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" src="Scripts/jquery-1.7.2.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function ChangeDivBackgroundcolor()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">{</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var divObject = $('#divTest');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">divObject.css("background-color", "cyan");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/head&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;body&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;form id="form1" runat="server"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;div&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;asp:Button ID="btnChangecolor" runat="server" Text="Say Hello" onclick="btnChangecolor_Click" /&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/div&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;div id="divTest"&gt;Change the color of this div&lt;/div&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/form&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/body&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/html&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q83.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the significance of document.ready()?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It indicates that the DOM of the page is ready and we can start manipulating the DOM elements even though other parts</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">of the page content(e.g. images/other external resources) are not fully loaded.As soon as the DOM is loaded,</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">everything inside the (document).ready() should be load even before the page contents are loaded.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q84.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Why is JQuery faster than Javascript at execution time?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The onLoad function for the window object executes after the entire page is fully loaded.Untill DOM tree is completely created and all images/other associated resources (like audio files,video files etc) are fully loaded,this onLoad function is never executed and hence the script execution needs to wait till the page is loaded.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">But the document.ready() method of JQuery indicates that the DOM of the page is ready and we can start manipulating the DOM elements even though other parts of the page content(e.g. images/other external resources) are not fully loaded.As soon as the DOM is loaded, everything inside the (document).ready() should be load even before the page contents are loaded.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It is because of this reason that JQuery code runs faster</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q85.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is jQuery ?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It's very simple but most valuable Question on jQuery means jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, animating, event handling, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. Jquery is build library for javascript no need to write your own functions or script jquery all ready done for you</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q86.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How you will use Jquery means requirement needed for using jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Nothing more need to do just olny download jquery library(.js file) from any of the jquery site Download jquery and just linked with your html pages like all other javascript file</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;like below :</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt; script src="jquery.js" language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q86.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">what the use of $ symbol in Jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$ Symbol is just replacement of jquery means at the place of $ you may use jquery hence $ symbol is used for indication that this line used for jquery</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q87.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you select an item using css class or ID and get the value by use of jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;If an element of html like &lt; div&gt; , &lt; p&gt; or any tag have ID MyId and class used MyClass then we select the element by below jquery code</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$('#MyId') for ID and for classs $('.MyClass')</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;and for value</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var myValue = $('#MyId').val();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// get the value in var Myvalue by id</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Or for set the value in selected item</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$('#MyId').val("print me");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// set the value of a form input</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q88.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to get the server response from an AJAX request using Jquery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;When invoking functions that have asynchronous behavior We must provide a callback function to capture the desired result. This is especially important with AJAX in the browser because when a remote request is made, it is indeterminate when the response will be received.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Below an example of making an AJAX call and alerting the response (or error):</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$.ajax({</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">url: 'pcdsEmpRecords.php',</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">success: function(response) {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert(response);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">},</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">error: function(xhr) {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert('Error!&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Status = ' + xhr.status);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q89.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you update ajax response with id " resilts"?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;By using below code we can update div content where id 'results' with ajax response</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function updateStatus() {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$.ajax({</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">url: 'pcdsEmpRecords.php',</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">success: function(response) {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">// update div id Results</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$('#results').html(response);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q90.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do You disable or enable a form element?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;There arspan style=e two ways to disable or enable form elements.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Set the 'disabled' attribute to true or false:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">// Disable #pcds</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#pcds').attr('disabled', true);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// Enable #pcds</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#pcds').attr('disabled', false);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Add or remove the 'disabled' attribute:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// Disable #pcds</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("#pcds").attr('disabled', 'disabled');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// Enable #x</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("#pcds").removeAttr('disabled');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q91.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you check or uncheck a checkbox input or radio button?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;There are two ways to check or uncheck a checkbox or radio button.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Set the 'checked' attribute to true or false.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">// Check #pcds</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#pcds').attr('checked', true);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// Uncheck #pcds</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#pcds').attr('checked', false);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Add or remove the 'checked' attribute:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// Check #pcds</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("#pcds").attr('checked', 'checked');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// Uncheck #pcds</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("#pcds").removeAttr('checked');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q92.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you get the text value of a selected option?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Select elements typically have two values that you want to access. First there's the value to be sent to the server, which is easy:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("#pcdsselect").val();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// =&gt; 1</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The second is the text value of the select. For example, using the following select box:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;select id="pcdsselect"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;option value="1"&gt;Mr&lt;/option&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;option value="2"&gt;Mrs&lt;/option&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;option value="3"&gt;Ms&lt;/option&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;option value="4"&gt;Dr&lt;/option&gt;&lt;/ attribute:span&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;option value="5"&gt;Prof&lt;/option&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/select&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;If you wanted to get the string "Mr" if the first option was selected (instead of just "1"), you would do that in the following way:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Code:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("#mpcdsselect option:selected").text();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// =&gt; "Mr"</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q93.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Latest answer: jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML.............</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q94.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Advantages of jQuery</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Latest answer: The advantages of using jQuery are: JavaScript enhancement without the overhead of learning new syntax............</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q95.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain the features of jQuery.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Latest answer: Features of jQuery are :</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Effects and animations</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Ajax</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Extensibility.............</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q96.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Why is jQuery better than javascript?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Latest answer: jQuery is great library for developing ajax based application.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It helps the programmers to keep code simple and concise and reusable..............</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Read answer</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Explain how jQuery Works.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Latest answer: &lt;html&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;head&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript"&gt;................</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Read answer</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q97.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">When can you use jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Latest answer: JQuery can be used to</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">apply CSS</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;call functions on events</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;traverse the documents...................</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Read answer</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q98.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is jQuery Selectors? Give some examples.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery Selectors are used to select one or a group of HTML elements from your web page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery support all the CSS selectors as well as many additional custom selectors.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery selectors always start with dollar sign and parentheses: $()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;There are three building blocks to select the elements in a web document.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1) Select elements by tag name</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Example: $(div)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It will select all the div elements in the document.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2) Select elements by ID</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Example: $(#xyzid”)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It will select single element that has an ID of xyzid</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3) Select elements by class</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Example: $(“.xyzclass”)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It will select all the elements having class xyzclass</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q99.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How can we give face effect in jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;In jQuery we have three methods to give the fade effect to elements: fadeIn, fadeOut and fadeTo</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;This methods change the opacity of element with animation.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Syntax:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(selector).fadeIn(speed,callback)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(selector).fadeOut(speed,callback)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(selector).fadeTo(speed,opacity,callback)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“speed” can be one of following values : “slow”, “fast”, “normal” or milliseconds</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“opacity” specify the value that allows the fading to given opacity.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“callback” is the function which we want to run once the fading effect is complete.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("clickme").click(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("mydiv").fadeTo("slow",0.50);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("clickme").click(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("mydiv").fadeOut(3000);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q100.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain the animate function.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-The animate function is used to apply the custom animation effect to elements.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-Syntax:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(selector).animate({params}, [duration], [easing], [callback])</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“param” defines the CSS properties on which you want to apply the animation.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“duration” specify how long the animation will run. It can be one of following values : “slow”, “fast”, “normal” or milliseconds</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“easing” is the string which specify the function for the transition.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“callback” is the function which we want to run once the animation effect is complete.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;div id="clickToAnimate"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Click Me</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/div&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;div id="mydiv" style=”width:200px; height:300px; position: relative; right: 20px;"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/div&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Following is the jQuery to animate opacity, left offset, and height of the mydiv element</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('# clickToAnimate’).click(function() {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#book').animate({</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;opacity: 0.30,</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;left: '+=20',</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;height: 'toggle'</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}, 3000, function() {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// run after the animation complete.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q101.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is .siblings() method in jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;When we want to fetch siblings of every elements in the set of matched elements then we can use siblings() method.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;We filter the elements fetched by an optional selector.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Syntax : .siblings( [selector])</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“selector” is the selector expression which specify the matched elements.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;ul&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;li&gt; item 1 &lt;/li&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;li id=”second_item”&gt; item 2 &lt;/li&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;li class=”myitem”&gt; item 3 &lt;/li&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;li class=”myitem”&gt; item 4 &lt;/li&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/ul&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Now we want to find the siblings of the element of id “second_item” and change the text color to Blue :</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(‘li.second_item’).siblings().css(‘color’,’blue’);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">If we want specific sibling elements for example the elements having class “myitem” then we can pass a optional selector:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(‘li.second_item’).siblings(‘.myitem’).css(‘color’,’blue’);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q102.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain width() vs css(‘width’).</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;In jQuery, there are two way to change the width of an element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;One way is using .css(‘width’) and other way is using .width().</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(‘#mydiv’).css(‘width’,’300px’);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(‘#mydiv’).width(100);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The difference in .css(‘width’) and .width() is the data type of value we specify or return from the both functions.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;In .css(‘width’) we have to add “px” in the width value while in .width() we don’t have to add.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;When you want to get the width of “mydiv” element then .css(‘width’) will return ‘300px’ while .width() will return only integer value 300.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q103.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the use of jQuery.data()?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery.data() is used to set/return arbitrary data to/from an element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Syntax: jQuery.data(element, key, value)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“element” is the DOM element to which the data is associated.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“key” is an arbitrary name of the piece of data.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“value” is value of the specified key.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Suppose we want to set the data for a span element:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery.data(span, “item”, { val1: 10, val2: "myitem" });</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">If we want to retrieve the data related to div element and set it to label’s data:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("label:val1").text(jQuery.data(div, "item").val1);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("label:val2").text(jQuery.data(div, "item").val2);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q104.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain bind() vs live() vs delegate() methods.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-The bind() method will not attach events to those elements which are added after DOM is loaded while live() and delegate() methods attach events to the future elements also.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-The difference between live() and delegate() methods is live() function will not work in chaining. It will work only on an selector or an element while delegate() method can work in chaining.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("#myTable").find("tr").live("click",function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert($(this).text());</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Above code will not work using live() method. But using delegate() method we can accomplish this.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("#dvContainer")children("table").delegate("tr","click",function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert($(this).text());</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q105.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain the each() function.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-The each() function specify the function to be called for every matched element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Syntax:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(selector).each(function (index, element))</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“index” is the index position of the selector.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“selector” specifies the current selector where we can use “this” selector also.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;In the case when we need to stop the each loop early then we can use “return false;”</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("#clickme").click(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("li").each(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.write($(this).text())</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;This will write the text for each “li” element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q106.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain slideToggle() effect.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-slideToggle() effect is used to give animated sliding effect to an element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Syntax:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">slideToggle([ duration] [, easing] [, callback])</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“duration” is the number specifying how long the animation will run.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“easing” is the string which specify the function for the transition.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“callback” is the function which we want to run once the animation is complete.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;If the element is visible then this effect will slide the element up side and make it completely hidden. If the element is hidden then slideToggle() effect will slide it down side and make it visible.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;We can specify the toggle speed with this effect.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$("#clickme").click(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("#mydiv").slideToggle(“slow”, function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;//run after the animation is complete.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q107.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is difference between $(this) and ‘this’ in jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Refer the following example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(‘#clickme’).click(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert($(this).text());</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert(this.innerText);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-this and $(this) references the same element but the difference is that “this” is used in traditional way but when “this” is used with $() then it becomes a jQuery object on which we can use the functions of jQuery.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-In the example given, when only “this” keyword is used then we can use the jQuery text() function to get the text of the element, because it is not jQuery object. Once the “this” keyword is wrapped in $() then we can use the jQuery function text() to get the text of the element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q108.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the use of param() method.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The param() method is used to represent an array or an object in serialize manner.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;While making an ajax request we can use these serialize values in the query strings of URL.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Syntax: $.param(object | array, boolValue)</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“object | array” specifies an array or an object to be serialized.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;“boolValue” specifies whether to use the traditional style of param serialization or not.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">personObj=new Object();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;empObject.name="Arpit";</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;empObject.age="24";</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;empObject.dept=”IT”;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("#clickme").click(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$("span").text($.param(empObject));</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It will set the text of span to “name=Arpit&amp;age=24&amp;dep=IT”</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q109.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is jQuery.holdReady() function?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-By using jQuery.holdReady() function we can hold or release the execution of jQuery’s ready event.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-This method should be call before we run ready event.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-To delay the ready event, we have to call</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery.holdReady(true);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-When we want to release the ready event then we have to call</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery.holdReady(false);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-This function is helpful when we want to load any jQuery plugins before the execution of ready event.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$.holdReady(true);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$.getScript("xyzplugin.js", function() {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$.holdReady(false);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q110.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain .empty() vs .remove() vs .detach().</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-.empty() method is used to remove all the child elements from matched elements.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-.remove() method is used to remove all the matched element. This method will remove all the jQuery data associated with the matched element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-.detach() method is same as .remove() method except that the .detach() method doesn’t remove jQuery data associated with the matched elements.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-.remove() is faster than .empty() or .detach() method.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Syntax:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(selector).empty();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(selector).remove();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(selector).detach();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q111.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to read, write and delete cookies in jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-To deal with cookies in jQuery we have to use the Dough cookie plugin.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-Dough is easy to use and having powerful features.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-Create cookie</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$.dough("cookie_name", "cookie_value");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Read Cookie</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$.dough("cookie_name");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Delete cookie</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$.dough("cookie_name", "remove");</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q112.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Is window.onload is different from document.ready()?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">- The window.onload() is Java script function and document.ready() is jQuery event which are called when page is loaded.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- The difference is that document.ready() is called after the DOM is loaded without waiting for all the contents to get loaded. While window.onload() function waits until the contents of page is loaded.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- Suppose there is very large image on a page, at that time window.onload() will wait until that image is loaded totally.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- So while using the window.onlaod() function the execution will be slow, but the document.ready() will not wait until the image is loaded.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q113.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is Chaining in jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">- Chaining is very powerful feature of jQuery.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- Chaining means specifying multiple function and/or selectors to an element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- Examine the below example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#mydiv').css('color', 'blue');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#mydiv').addClass('myclass');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#mydiv').fadeIn('fast');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">By using chaining we can write above code as follows</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#mydiv').css('color', 'blue').addClass('myclass').fadeIn('fast');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-Advantage of chaining is that it makes your code simple and simple to manage.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-The execution becomes faster because the code search for the element only once.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q114.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is difference between sorting string array and sorting numerical array in jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The sort method is used to sort any array elements. It sorts the string elements alphabetically.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var mylist = [ “Apple”,”Orange”,”Banana”];</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;mylist = mylist.sort();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(“#mydiv”).html(list.join(“”));</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It will give following output</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Apple</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Banana</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Orange</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Now we declare a numerical array and use sort() method to sort its elements.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var mylist = [ “20”,”3””100”,”50”];</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;mylist = mylist.sort();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$(“#mydiv”).html(list.join(“”));</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It will give following output</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;100</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;20</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;3</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;50</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q115.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is difference between prop and attr?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;In jQuery both prop() and attr() function is used to set/get the value of specified property of an element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The difference in both the function is that attr() returns the default value of the property while the prop() returns the current value of the property.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input value="My Value" type="text"/&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('input').prop('value', 'Changed Value');</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-.attr('value') will return 'My Value'</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-.prop('value') will return 'Changed Value'</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q116.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to always reference latest version of jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">When you reference the jQuery on your web page, you have to specify the version number also.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type=”text/javascript”</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js”&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Above code will always load the 1.5.1 version of jQuery. If you reference the latest jQuery then you don’t need to change the code every time the new version of jQuery is released.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">To achieve this you have to use following code</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;script type=”text/javascript”</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;src=”http://code.jquery.com/jquery-latest.min.js”&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">This code will always reference the latest version of jQuery in your page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q117.&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is resize() function in jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The resize() function is called whenever the browser size is changed. This event can be only used with $(window).</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Syntax:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">.resize([event_data], handler(event_object))</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">-The “event_data” is the data to be sent to the handler.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-The “handler(event_object)” is a function to be called each time when the window is resized.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">For example</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">$(window).resize(function() {</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;$('#message).text('window is resized to ' + $(window).width() + ‘x’ + $(window).height());</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;});</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 13.5pt;"> <span style="font-family: 'Times New Roman', serif; font-size: 10pt;"><br /></span> <br /> <h3 style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <span style="font-size: xx-small;">What is the difference between Body.OnLoad and jQuery document.ready() Event?</span></h3> <div style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <span style="font-size: xx-small;">Both Body.OnLoad() event and jQuery.ready() event will execute the javascript code when the page is loaded.</span></div> <div style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <br /></div> <div class="MsoNormal" style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px; margin: 0in 0in 0pt;"> <span style="font-size: xx-small;"><o:p>&nbsp;</o:p>The main differences between the two are:</span></div> <ol style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px; margin-top: 0in;" type="1"> <li class="MsoNormal" style="list-style-image: url(http://codes.codedigest.com/App_Themes/CodeDigest/arrow1.gif); margin: 0in 0in 0pt;"><span style="font-size: xx-small;">Body.Onload() event will be called only after the DOM and associated resources like images got loaded, but jQuery's document.ready() event will be called once the DOM is loaded i.e., it wont wait for the resources like images to get loaded. Hence, the functions in jQuery's ready event will get executed once the HTML structure is loaded without waiting for the resources.</span></li> <li class="MsoNormal" style="list-style-image: url(http://codes.codedigest.com/App_Themes/CodeDigest/arrow1.gif); margin: 0in 0in 0pt;"><span style="font-size: xx-small;">We can have multiple document.ready() in a page but Body.Onload() event cannot.</span></li> </ol> <div style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <br /></div> <div style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <span style="font-size: xx-small;"><strong>Defining Body.Onload() event</strong><span style="color: brown;">&lt;body onload="javascript function name or the atcual script"&gt;</span></span></div> <div style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <span style="font-size: xx-small;"><br /><strong>Defining jQuery.ready() event</strong></span></div> <div style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <span style="color: brown; font-size: xx-small;">&lt;script type="text/javascript"&gt;<br />$(document).ready(function() {<br />&nbsp;&nbsp; //Script goes here<br />});</span></div> <div style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <span style="color: brown; font-size: xx-small;">&lt;/script&gt;</span></div> <div style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <span style="font-size: xx-small;">OR</span></div> <div style="color: #555555; font-family: Verdana, Helvetica, sans-serif; line-height: 18px;"> <span style="color: brown; font-size: xx-small;">&lt;script type="text/javascript"&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(function() {<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Script goes here<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br />&nbsp;<br />&nbsp;&nbsp;&nbsp; &lt;/script&gt;</span></div> </div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt;"> <b><span style="background: whitesmoke; color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 8.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q.How check currently loaded jQuery UI version on the page?</span></b><span style="color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 8.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> <span style="background: whitesmoke;">Ans: // Returns jQuery UI version (ex: 1.8.2) or undefined</span><br /> <span style="background: whitesmoke;">$.ui.version</span></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 11.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q. What is jQuery.noConflict?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Ans: As other client side libraries like MooTools, Prototype can be used with jQuery and they also use $() as their global function and to define variables. This situation creates conflict as</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">$()</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;<span style="background: white;">is used by jQuery and other library as their global function. To overcome from such situations, jQuery has introduced</span>&nbsp;</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">jQuery.noConflict()</span><span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div align="right" class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt; text-align: right;"> <span style="background-color: #f3f3f3;"><br /></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">jQuery.noConflict();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><i><span style="color: green; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">// Use jQuery via jQuery(...)</span></i><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">jQuery(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp;&nbsp; jQuery(</span><span style="color: purple; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">"div"</span><span style="font-family: Consolas; font-size: 9pt;">).hide();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">});&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9pt;">You can also use your own specific character in the place of $ sign in jQuery.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">var $j = jQuery.noConflict();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><i><span style="color: green; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">// Use jQuery via jQuery(...)</span></i><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">$j(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp;&nbsp; $j(</span><span style="color: purple; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">"div"</span><span style="font-family: Consolas; font-size: 9pt;">).hide();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3; font-family: Consolas; font-size: 9pt;">});&nbsp;</span><span style="background-color: #fbedbb; font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 11.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q. Is there any difference between body onload() and document.ready() function?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Ans:</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">document.ready()</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;<span style="background: white;">function is different from body</span>&nbsp;</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">onload()</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;<span style="background: white;">function for 2 reasons.</span><br /> <br /> <!--[if !supportLineBreakNewLine]--><br /> <!--[endif]--></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">1.</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">We can have more than one&nbsp;</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">document.ready()</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;function in a page where we can have only one body</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">onload</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;function.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">2.</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">document.ready()</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;function is called as soon as DOM is loaded where&nbsp;</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">body.onload()</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;function is called when everything gets loaded on the page that includes DOM, images and all associated resources of the page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> </span><span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 11.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q. What is the difference between .js and .min.js?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Ans: jQuery library comes in 2 different versions Production and Deployment. The deployment version is also known as minified version. So .min.js is basically the minified version of jQuery library file. Both the files are same as far as functionality is concerned. but .min.js is quite small in size so it loads quickly and saves bandwidth.</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> <br /> </span><span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 11.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q. Why there are two different version of jQuery library?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Ans: jQuery library comes in 2 different versions.</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> <br /> <!--[if !supportLineBreakNewLine]--><br /> <!--[endif]--></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">1.</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Production</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">2.</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Deployment</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">The production version is quite useful at development time as jQuery is open source and if you want to change something then you can make those changes in production version. But the deployment version is minified version or compressed version so it is impossible to make changes in it. Because it is compressed, so its size is very less than the production version which affects the page load time.</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> <br /> <!--[if !supportLineBreakNewLine]--><br /> <!--[endif]--></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 11.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q. What is a CDN?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Ans: A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet. The goal of a CDN is to serve content to end-users with high availability and high performance.</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> <br /> </span><span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 11.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q. Which are the popular jQuery CDN? and what is the advantage of using CDN?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Ans: There are 3 popular jQuery CDNs.</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> <br /> <!--[if !supportLineBreakNewLine]--><br /> <!--[endif]--></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">1.</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">1. Google.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">2.</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">2. Microsoft</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">3.</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">3. jQuery.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Advantage of using CDN.</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> <br /> <!--[if !supportLineBreakNewLine]--><br /> <!--[endif]--></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">·</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">It reduces the load from your server.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">·</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">It saves bandwidth. jQuery framework will load faster from these CDN.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">·</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;; font-size: 7.0pt; mso-bidi-font-size: 11.0pt;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">The most important benefit is it will be cached, if the user has visited any site which is using jQuery framework from any of these CDN</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 11.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q. How to load jQuery from CDN?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Ans: Below is the code to load jQuery from all 3 CDNs.</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> <b>Code to load jQuery Framework from Google CDN</b></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9pt;">&lt;</span><span style="color: maroon; font-family: Consolas; font-size: 9pt;">script</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="color: red; font-family: Consolas; font-size: 9pt;">type</span><span style="color: blue; font-family: Consolas; font-size: 9pt;">="text/javascript"</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="color: red; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">src</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&lt;/</span><span style="color: maroon; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">script</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><b><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Code to load jQuery Framework from Microsoft CDN</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div align="right" class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt; text-align: right;"> <span style="background-color: #f3f3f3;"><br /></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&lt;</span><span style="color: maroon; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">script</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="color: red; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">type</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">="text/javascript"</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="color: red; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">src</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">="http://ajax.microsoft.com/ajax/jquery/jquery-1.9.1.min.js"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&lt;/</span><span style="color: maroon; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">script</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><b><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Code to load jQuery Framework from jQuery Site(EdgeCast CDN)</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&lt;</span><span style="color: maroon; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">script</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="color: red; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">type</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">="text/javascript"</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="color: red; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">src</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">="http://code.jquery.com/jquery-1.9.1.min.js"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9pt;">&lt;/</span><span style="color: maroon; font-family: Consolas; font-size: 9pt;">script</span><span style="color: blue; font-family: Consolas; font-size: 9pt;">&gt;</span></span><span style="background-color: #fbedbb; font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 11.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q. How to load jQuery locally when CDN fails?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Ans: It is a good approach to always use CDN but sometimes what if the CDN is down (rare possibility though) but you never know in this world as anything can happen.</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;"><br /> <br /> <span style="background: white;">Below given jQuery code checks whether jQuery is loaded from Google CDN or not, if not then it references the jQuery.js file from your folder.</span></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9pt;">&lt;</span><span style="color: maroon; font-family: Consolas; font-size: 9pt;">script</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="color: red; font-family: Consolas; font-size: 9pt;">type</span><span style="color: blue; font-family: Consolas; font-size: 9pt;">="text/javascript"</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="color: red; font-family: Consolas; font-size: 9pt;">src</span><span style="color: blue; font-family: Consolas; font-size: 9pt;">="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/</span><span style="color: maroon; font-family: Consolas; font-size: 9pt;">script</span><span style="color: blue; font-family: Consolas; font-size: 9pt;">&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&lt;</span><span style="color: maroon; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">script</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="color: red; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">type</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">if</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="font-family: Consolas; font-size: 9pt;">(</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">typeof</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><span style="font-family: Consolas; font-size: 9pt;">jQuery ==</span><span style="font-family: Consolas; font-size: 9pt;">&nbsp;</span><i><span style="color: green; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">'undefined')</span></i><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">{</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp; document.write(unescape(</span><span style="color: purple; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">"%3Cscript src='Scripts/jquery.1.9.1.min.js' type='text/javascript'%3E%3C/script%3E"</span><span style="font-family: Consolas; font-size: 9pt;">));</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="font-family: Consolas; font-size: 9pt;">}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: #f3f3f3;"><span style="color: blue; font-family: Consolas; font-size: 9pt;">&lt;/</span><span style="color: maroon; font-family: Consolas; font-size: 9pt;">script</span><span style="color: blue; font-family: Consolas; font-size: 9pt;">&gt;</span></span><span style="background-color: #fbedbb; font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">It first loads the jQuery from Google CDN and then check the jQuery object. If jQuery is not loaded successfully then it will references the jQuery.js file from hard drive location. In this example, the jQuery.js is loaded from Scripts folder.</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;"><br /> <br /> <!--[if !supportLineBreakNewLine]--><br /> <!--[endif]--></span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Q. What are selectors in jQuery and how many types of selectors are there?</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Ans: To work with an element on the web page, first we need to find them. To find the html element in jQuery we use selectors. There are many types of selectors but basic selectors are:</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;"><br /> <br /> <br /> <!--[if !supportLineBreakNewLine]--><br /> <!--[endif]--></span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: Symbol;">·</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Name: Selects all elements which match with the given element Name.</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: Symbol;">·</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">#ID: Selects a single element which matches with the given ID</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: Symbol;">·</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">.Class: Selects all elements which match with the given Class.</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: Symbol;">·</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Universal (*): Selects all elements available in a DOM.</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: Symbol;">·</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Multiple Elements E, F, G: Selects the combined results of all the specified selectors E, F or G.</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-indent: -0.25in;"> <span style="color: #111111; font-family: Symbol;">·</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span color:="" mso-bidi-font-family:="" mso-fareast-font-family:="" new="" roman="" serif="" style="font-family: &quot;;" times="">&nbsp;</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Attribute Selector: Select elements based on its attribute value.</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Q.</span><b><span style="background: rgb(245, 245, 245); color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">What are the fastest selectors in Jquery?</span></b><span style="color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;"><br /> <span style="background: whitesmoke;">Ans: ID and element selectors are the fastest selectors</span><br /> <br /> </span><span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Q.</span><b><span style="background: rgb(245, 245, 245); color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">What are the slower selecoters in Jquery?</span></b><span style="color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;"><br /> <span style="background: whitesmoke;">Ans: Class selectors are slower</span><br /> <br /> </span><span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Q.</span><b><span style="background: rgb(245, 245, 245); color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Which one is faster Jquery ID selector or JavaScript getElementById()?</span></b><span style="color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;"><br /> <span style="background: whitesmoke;">(Jquery ID selector vs JavaScript getElementById())</span><br /> <span style="background: whitesmoke;">Ans: JavaScript getElementById() is faster than Jquery Id ($("#elementID")) selector</span><br /> <br /> </span><span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Q.</span><b><span style="background: rgb(245, 245, 245); color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Where Jquery code execute? On client browser or server browser?</span></b><span style="color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;"><br /> <span style="background: whitesmoke;">On client browser</span></span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Q.</span><b><span style="background: rgb(245, 245, 245); color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">What is Chaining in jQuery?</span></b><span style="color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;"><br /> <span style="background: whitesmoke;">Ans:&nbsp;</span><br /> <span style="background: whitesmoke;">In jQuery, Chaining means to connect multiple functions, events on selectors. look at Sample Code 1 and 2.</span></span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;"><br /> </span><span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Q.</span><b><span style="background: rgb(245, 245, 245); color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">What are features of JQuery<br /> or<br /> What can be done using JQuery?</span></b><span style="color: #393939; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;"><br /> <span style="background: whitesmoke;">Features of Jquery</span><br /> <span style="background: whitesmoke;">1. One can easily provide effects and can do animations.</span><br /> <span style="background: whitesmoke;">2. Applying / Changing CSS.</span><br /> <span style="background: whitesmoke;">3. Cool plugins.</span><br /> <span style="background: whitesmoke;">4. Ajax support</span><br /> <span style="background: whitesmoke;">5. DOM selection events</span><br /> <span style="background: whitesmoke;">6. Event Handling</span></span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Q. Which is fast document.getElementByID('txtName') or $('#txtName').?</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">Ans: Native JavaScipt is always fast. jQuery method to select txtName "</span><span style="color: #990000; font-family: Consolas;">$('#txtName')</span><span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">" will internally makes a call to</span><span style="color: #990000; font-family: Consolas;">document.getElementByID('txtName')</span><span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">. As jQuery is written on top of JavaScript and it internally uses JavaScript only So JavaScript is always fast.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt;"> <span style="color: #666666; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 11.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q. Difference between $(this) and 'this' in jQuery?</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">Ans: this and</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">$(this)</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;<span style="background: white;">refers to the same element. The only difference is the way they are used. 'this' is used in traditional sense, when 'this' is wrapped in</span>&nbsp;</span><span style="color: #990000; font-family: Consolas; font-size: 13.5pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">$()</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;<span style="background: white;">then it becomes a jQuery object and you are able to use the power of jQuery.</span></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: white;"><span style="font-family: Consolas; font-size: 9pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: white;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp;&nbsp;&nbsp; $(</span><span style="color: purple; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">'#spnValue'</span><span style="font-family: Consolas; font-size: 9pt;">).mouseover(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: white;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert($(</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">this</span><span style="font-family: Consolas; font-size: 9pt;">).text());</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: white;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp; });</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: white; font-family: Consolas; font-size: 9pt;">});</span><span style="background-color: #fbedbb; font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <div style="text-align: left;"> <span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">In below example, this is an object but since it is not wrapped in</span><span style="color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">&nbsp;</span><span style="color: #990000; font-family: Consolas;">$()</span><span style="background: white; color: #111111; font-family: &quot;&quot;sans-serif&quot;&quot;,&quot;serif&quot;;">, we can't use jQuery method and use the native JavaScript to get the value of span element.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> </div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: white;"><span style="font-family: Consolas; font-size: 9pt;">$(document).ready(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: white;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp;&nbsp;&nbsp; $(</span><span style="color: purple; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">'#spnValue'</span><span style="font-family: Consolas; font-size: 9pt;">).mouseover(function(){</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: white;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(</span><span style="color: blue; font-family: Consolas; font-size: 9.0pt; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-fareast-font-family: &quot;Times New Roman&quot;;">this</span><span style="font-family: Consolas; font-size: 9pt;">.innerText);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0.0001pt;"> <span style="background-color: white;"><span style="font-family: Consolas; font-size: 9pt;">&nbsp; });</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></span></div> <span style="background-color: white; font-family: Consolas; font-size: 9pt;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><br /> <span style="background-color: white; font-family: Consolas; font-size: 9pt;">});</span><br /> <span style="background-color: #fbedbb; font-family: Consolas; font-size: 9pt;"><br /></span> <b><span style="background-color: white; color: #111111; font-family: sans-serif, serif; font-size: 12px;">Q. What is&nbsp;</span><span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 14px;">asynchronous</span><span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 14px;">&nbsp;in Jquery ?</span></b><br /> <div style="text-align: left;"> <b><span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 14px;">A. &nbsp;</span></b><span style="background-color: white;"><span style="color: #333333; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px;">By default, all requests are sent asynchronously (i.e. this is set to&nbsp;</span><code style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: #333333; font-family: source-code-pro, Consolas, monospace !important; font-size: 13px; line-height: 16px; padding: 0px 3px; white-space: pre-wrap; word-wrap: break-word;">true</code><span style="color: #333333; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px;">&nbsp;by default). If you need synchronous requests, set this option to&nbsp;</span><code style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: #333333; font-family: source-code-pro, Consolas, monospace !important; font-size: 13px; line-height: 16px; padding: 0px 3px; white-space: pre-wrap; word-wrap: break-word;">false</code><span style="color: #333333; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px;">.&nbsp;</span></span></div> <div style="text-align: left;"> <span style="background-color: white;"><strong style="box-sizing: border-box; color: #1a1a1a; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px;">contentType</strong><span style="color: #333333; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px;">&nbsp;(default:&nbsp;</span><code style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: #333333; font-family: source-code-pro, Consolas, monospace !important; font-size: 13px; line-height: 16px; padding: 0px 3px; white-space: pre-wrap; word-wrap: break-word;">'application/x-www-form-urlencoded; charset=UTF-8'</code><span style="color: #333333; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px;">)</span></span></div> <div style="text-align: left;"> <span style="background-color: white;"><strong style="box-sizing: border-box; color: #1a1a1a; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px;">crossDomain</strong><span style="color: #333333; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px;">&nbsp;(default:&nbsp;</span><code style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: #333333; font-family: source-code-pro, Consolas, monospace !important; font-size: 13px; line-height: 16px; padding: 0px 3px; white-space: pre-wrap; word-wrap: break-word;">false for same-domain requests, true for cross-domain requests</code><span style="color: #333333; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px;">)</span></span></div> <span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 14px;"><br /></span> <br /> <pre style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; font-family: source-code-pro, Consolas, monospace !important; height: auto !important; left: auto !important; line-height: 16.5px; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important; word-wrap: break-word;"><div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">$.ajax({</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> url: <span class="string" style="box-sizing: border-box; color: #dd1144;">"data.php"</span>,</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> context: document.body</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">}).done(<span class="keyword" style="box-sizing: border-box; font-weight: bold;">function</span>() {</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> $( <span class="keyword" style="box-sizing: border-box; font-weight: bold;">this</span> ).addClass( <span class="string" style="box-sizing: border-box; color: #dd1144;">"content"</span> );</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">});</span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> </span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> </span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">Q. What is Proxy in jquery?</span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"><span style="font-size: 1em !important;">A. </span><span style="font-size: x-small;">P</span></span><span style="font-size: x-small;"><span style="background-color: white; color: black; font-family: verdana, helvetica, arial, sans-serif; line-height: normal; text-align: justify; white-space: normal;">roxy is an object that can be used to control and access to another object. It implements the same interface as this other object and passes on any method invocations to it. This other object is often called the real subject. o</span><span style="background-color: white; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; line-height: 22.5px; white-space: normal;">ne way to combine that is to implement a proxy pattern in JavaScript, enabling the basics of aspect-oriented programming (AOP)</span></span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white; color: black; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; line-height: normal; text-align: justify; white-space: normal;"> </span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"></code><br /> <pre style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; font-family: source-code-pro, Consolas, monospace !important; height: auto !important; left: auto !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important; word-wrap: break-word;"><div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">(<span class="keyword" style="box-sizing: border-box; font-weight: bold;">function</span>() {</span></code></code></div> </div> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> <span class="comment" style="box-sizing: border-box; color: #999988; font-style: italic;">// log all calls to setArray</span></span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> <span class="keyword" style="box-sizing: border-box; font-weight: bold;">var</span> proxied = jQuery.fn.setArray;</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> jQuery.fn.setArray = <span class="keyword" style="box-sizing: border-box; font-weight: bold;">function</span>() {</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> console.log( <span class="keyword" style="box-sizing: border-box; font-weight: bold;">this</span>, arguments );</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> <span class="keyword" style="box-sizing: border-box; font-weight: bold;">return</span> proxied.apply( <span class="keyword" style="box-sizing: border-box; font-weight: bold;">this</span>, arguments );</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> };</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">})();</span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> </span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">Q.What is Closure?</span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">A. </span><span style="background-color: white; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; white-space: normal;">Closures are created whenever a variable that is defined outside the current scope is accessed from within some inner scope. In the following example, the variable&nbsp;</span><i style="background-color: white; box-sizing: border-box; color: #6d6d6d; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; white-space: normal;">counter</i><span style="background-color: white; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; white-space: normal;">&nbsp;is visible within the create, increment, and print functions, but not outside of them.</span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22.5px; white-space: normal;"> </span></code><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"></code><br /> <pre style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 15px; height: auto !important; left: auto !important; line-height: 16.5px; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap; width: auto !important; word-wrap: break-word;"><div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span class="function" style="background-color: white; box-sizing: border-box;"><span class="keyword" style="box-sizing: border-box; font-weight: bold;">function</span> <span class="title" style="box-sizing: border-box; color: #990000; font-weight: bold;">create</span><span class="params" style="box-sizing: border-box;">()</span> {</span></code></code></div> </div> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> <span class="keyword" style="box-sizing: border-box; font-weight: bold;">var</span> counter = <span class="number" style="box-sizing: border-box; color: #009999;">0</span>;</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> <span class="keyword" style="box-sizing: border-box; font-weight: bold;">return</span> {</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> increment: <span class="keyword" style="box-sizing: border-box; font-weight: bold;">function</span>() {</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> counter++;</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> },</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> print: <span class="keyword" style="box-sizing: border-box; font-weight: bold;">function</span>() {</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> console.log( counter );</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> }</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"> }</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">}</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;"><span class="keyword" style="box-sizing: border-box; font-weight: bold;">var</span> c = create();</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">c.increment();</span></code></div> </div> <div class="container" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"><span style="background-color: white;">c.print(); <span class="comment" style="box-sizing: border-box; color: #999988; font-style: italic;">// 1</span></span></code></div> </div> </code></pre> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"> </code></div> </div> </code></pre> <code style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: block; float: none !important; font-family: source-code-pro, Consolas, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; word-wrap: normal;"> </code></div> </div> </pre> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-27060284567236346242014-08-16T23:39:00.000+05:302014-08-16T23:41:43.032+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><u><span style="background: #0B5394; color: white; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 13.5pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">JAVASCRIPT&nbsp; INTERVIEW QUESTIONS :</span></u></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">What is the difference between undefined value and null value?</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">Undefined value:</span></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">A value that is not defined and has no keyword is known as undefined value. For example in the declaration, int number; the number has undefined value.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">Null value:</span></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">A value that is explicitly specified by the key word ‘null’ is known as null value. For example in the declaration, String str=null; the str has a null value. The keyword ‘null’ is used</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;<b>here.</b></span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">Undefined is the value of variable with no value.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">Variable can be emptied by setting the value to NULL.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is this keyword?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">It refers to the current object.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the difference between == and === ?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The == checks for value equality, but === checks for both type and value.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does “1″+2+4 evaluate to? What about 5 + 4 + “3″?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Since 1 is a string, everything is a string, so the result is 124. In the second case, its 93.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">What is the difference between Client side JavaScript and Server side JavaScript.</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Client side java script comprises the basic language and predefined objects which are relevant to running java script in a browser. The client side java script is embedded directly by in the HTML pages. This script is interpreted by the browser at run time.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Client-Side JavaScript (CSJS). It is JavaScript that enables the enables web pages on browsers to run active online content.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Server side java script also resembles like client side java script. It has relevant java script which is to run in a server. The server side java scripts are deployed only after compilation.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Server-Side JavaScript (SSJS) . It is JavaScript that enables back-end access to databases, file systems, and servers.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">Difference between SessionState and ViewState</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">A ViewState is a state of a page within a browser wherein the values of controls persist when post back operation is done.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> When another page is loaded, the previous page data is no longer available.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">SessionState is the data of a user session and is maintained on the server side. This data available until user closes the browser or session time-outs.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">Methods GET vs. POST in HTML forms.</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The GET method in the HTML forms passes the form values by setting the URL.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Eg: If you type the word ‘Hello’ in Google Search, it sets the following URL:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <a href="http://www.google.co.in/search?hl=en&amp;q=hello&amp;btnG=Search&amp;meta=&amp;aq=f&amp;oq"><span style="font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">http://www.google.co.in/search?hl=en&amp;q=hello&amp;btnG=Search&amp;meta=&amp;aq=f&amp;oq</span></a><span style="font-family: Arial, sans-serif; font-size: 10pt;">=</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The POST method sends the data to the server without setting the URL:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Eg:<br /> -----------------------------97891525516423<br /> Content-Disposition: form-data; name="username"</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Can you explain what isNaN function does?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">isNaN function will check an argument and return TRUE (1) if the argument does not seem to be a number.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you change the style/class on any element?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">document.getElementById(“myText”).style.fontSize = “20″;<br /> -or-<br /> document.getElementById(“myText”).className = “anyclass”;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Are javascript and jQuery different?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">jQuery is a quick as well as concise JavaScript Library that simplifies HTML document traversing, animating, event handling, &amp; Ajax interactions for the purpose of quick web development needs. So although they are not entirely different, both are not the same either!</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How many looping structures can you find in javascript?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">If you are a programmer, you know the use of loops. It is used to run a piece of code multiple times according to some particular condition. Javascript being a popular scripting language supports the following loops</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">for<br /> while<br /> do-while loop</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">JavaScript is widely used for ?</span></i></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">- client-side web development</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Using which tag we insert an JavaScript in HTML page? -</span></i></b><b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></i></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;&lt;script&gt;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">JavaScript is case-sensitive language?</span></i></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">– True</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">We can use the javascript tag within</span></i></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">- &lt;head&gt; and&lt;body&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the correct syntax for referring to an external script called ” abc.js”?&nbsp;</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">&lt;script src=”abc.js”&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What datatypes are supported in Javascript? -</span></i></b><b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></i></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">Number, String, Undefined, null, Boolean</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">How do you create a new object in JavaScript?</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">A function is used for creating custom object classes, by calling it by using the keyword new. A special variable this is references the new object that is being constructed(current object). This function must not return a value. The following code snippet depicts the creation of an object of class myclass.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">function myclass() {<br /> this.containedValue = 0;<br /> this.othercontainedValue = 0;<br /> this.anothercontainedValue = 0;<br /> }</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var myobject = new myclass();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var myCar = {color:"white",wheels:4,engine:{cylinders:4,size:2.2}};&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Eg:&nbsp; Var person = {name:”raj”,age:20}&nbsp; -&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><b><span style="font-family: Arial, sans-serif; font-size: 10pt;">Name</span></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">is the</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><b><span style="font-family: Arial, sans-serif; font-size: 10pt;">property</span></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">and</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><b><span style="font-family: Arial, sans-serif; font-size: 10pt;">raj</span></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">is the</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><b><span style="font-family: Arial, sans-serif; font-size: 10pt;">value</span></b><span style="font-family: Arial, sans-serif; font-size: 10pt;">.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><i><span style="font-family: Arial, sans-serif; font-size: 10pt;">How to get height and width of different browser in Javascript?</span></i></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Following examples illustrate the different ways to get height and width of different browser.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">For Non-IE<br /> var Width;<br /> var Height;<br /> Width = window.innerWidth;<br /> Height = window.innerHeight;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">For IE 6+ in standards compliant mode</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Width = document.documentElement.clientWidth;<br /> Height = document.documentElement.clientHeight;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">For IE 4 compatible</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Width = document.body.clientWidth;<br /> Height = document.body.clientHeight;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are Javascript closures?When would you use them?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Two one sentence summaries:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">* a closure is the local variables for a function – kept alive after the function has returned, or<br /> * a closure is a stack-frame which is not deallocated when the function returns.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">A closure takes place when a function creates an environment that binds local variables to it in such a way that they are kept alive after the function has returned. A closure is a special kind of object that combines two things: a function, and any local variables that were in-scope at the time that the closure was created.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The following code returns a reference to a function:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">function sayHello2(name) {<br /> var text = ‘Hello ‘ + name; // local variable<br /> var sayAlert = function() { alert(text); }<br /> return sayAlert;<br /> }</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Closures reduce the need to pass state around the application. The inner function has access to the variables in the outer function so there is no need to store the information somewhere that the inner function can get it.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">This is important when the inner function will be called after the outer function has exited. The most common example of this is when the inner function is being used to handle an event. In this case you get no control over the arguments that are passed to the function so using a closure to keep track of state can be very convenient.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to detect the operating system on the client machine?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The navigator.appVersion string should be used to find the name of the operating system on the client machine. The following code snippet returns the appropriate Operating systems.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">&lt;script language="javascript" type="text/javascript"&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;var OSName="Unknown OS";</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;document.write('Your OS: '+OSName);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the difference between innerHTML and append() in JavaScript?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">InnerHTML is not standard, and its a String. The DOM is not, and although innerHTML is faster and less verbose, its better to use the DOM methods like appendChild(), firstChild.nodeValue, etc to alter innerHTML content.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Where are cookies actually stored on the hard disk?&nbsp;</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The storage of cookies on the hard disk depends on OS and the browser. The Netscape navigator on Windows, the file cookies.txt contains all the cookies. The path is :</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">c:\Program Files\Netscape\Users\username\cookies.txt</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The Internet Explorer stores the cookies on a file by name username@website.txt is</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">c:\Windows\Cookies\username@Website.txt</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Difference between window.onload and onDocumentReady?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The onload event does not fire until every last piece of the page is loaded, this includes css and images, which means there’s a huge delay before any code is executed.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> That isnt what we want. We just want to wait until the DOM is loaded and is able to be manipulated. onDocumentReady allows the programmer to do that.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><i><span style="font-family: Arial, sans-serif; font-size: 10pt;">What is event bubbling?</span></i></b><b><span style="font-family: 'Times New Roman', serif; font-size: 18pt;"><o:p></o:p></span></b></div> <div class="MsoNormal"> <span style="font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Event bubbling describes the behavior of events in child and parent nodes in the Document Object Model (DOM); that is, all child node events are automatically passed to its parent nodes. The benefit of this method is speed, because the code only needs to traverse the DOM tree once. This is useful when you want to place more than one event listener on a DOM element since you can put just one listener on all of the elements, thus code simplicity and reduction. One application of this is the creation of one event listener on a page's body element to respond to any click event that occurs within the page's body.</span><b><span style="font-family: 'Times New Roman', serif; font-size: 18pt;"><o:p></o:p></span></b></div> <div class="MsoNormal"> <b><i><span style="font-family: Arial, sans-serif; font-size: 10pt;">Explain with an example the use of event handlers in JavaScript.</span></i></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The events in JavaScript are the actions in a document that result from user activity. The actions are like clicking on a button or typing typing a character in the form. JavaScript object in a document that receives events of different kinds. To handle the events that are taking place requires an even handler that can handle the execution of the events. Event acts like an added attribute that is entered in object’s HTML. The attribute is consisting of event name, sign like (=), instructions. The following code shows the event handler as:<br /> &lt;HTML&gt;<br /> &lt;BODY&gt;<br /> &lt;FORM&gt;<br /> &lt;INPUT TYPE=”button” VALUE=”Hello” onClick=”window.alert (‘HELLO WORLD’)”&gt;<br /> &lt;/FORM&gt;<br /> &lt;/BODY&gt;<br /> &lt;/HTML&gt;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">what is an object again?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">An object in JavaScript is any unordered collection of key-value pairs. If it’s not a primitive (undefined, null, boolean, number or string) it’s an object.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the use of DOM?</span></i></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">DOM is also known as Document Object Model which is used to develop a model with documents or web pages containing objects like elements, links, etc. These objects can be manipulated or certain actions like add, delete or change of an element can be performed using this document object model. Through this change in attributes can be done to get all the list of all the elements in the document. The DOM model responds to API calls that result in documented level of DOM recommendation. It is used to support additional behavior on the web page and use of API give an extensible advent</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <i><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to create arrays in JavaScript?</span></i><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Ans:There are two ways to create array in JavaScript like other languages:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The first way to create array</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">names =</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;new&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">Array();</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Add Elements in Array:-</span><span style="font-family: 'Courier New'; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">names[0] = "Vikas";</span><span style="font-family: 'Courier New'; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">names[1] = "Ashish";</span><span style="font-family: 'Courier New'; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">names[2] = "Nikhil";</span><span style="font-family: 'Courier New'; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">This is the second way:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">names =</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;new&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">Array(</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">"Vikas"</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">,</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;"Ashish"</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">,</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;"Nikhil"</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">);</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">What is the main function of DOM?</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">- The DOM is known as Document object model and it allows the accessing of the documents like HTML and XML.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - It allows a platform to be language neutral and provide an interface that allows the dynamic usage of the scripts and programs to access the content.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - It also provides a way to update the content, structure and style of the document and a way to represent it in any language.<br /> - It is used with the language and used to create the objects that can be used as a model to allow the interface to be developed with ease.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is DOM?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">DOM is a platform independent, World Wide Web Consortium (W3C) standard form of representation of structured documents as an object-oriented model</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">What is the Document Object Model, DOM?&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Document Object Model (DOM) is used to query, traverse and manipulate documents like XML or HTML documents. DOM is best suited where the document must be accessed repeatedly or out of sequence order. DOM allows accessing the contents of a web page. It also allows dealing with events that allows capturing and responding to user’s actions. There are different levels of DOM standards depending on the compatibility of the browsers.&nbsp;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">What is the use of DOM in W3C standards?</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">- HTML DOM is used to add, remove, and change the elements of HTML by using the HTML DOM.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - DOM considers the entire element in an HTML document as a node and it treats all of them using the same standards.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - The document is being given in the document node and all the elements of the HTML are present in the element node.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - The text used in the HTML elements is for the text nodes and allows the properties to be used for further use.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - HTML usually consists of the attribute and it is stored in the attribute node that allows easy modification of the properties.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">What is the purpose of HTML DOM Node Tree?</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">- HTML DOM view the HTML document with a tree structure format and it consists of root node and child nodes.<br /> - The node-tree is being accessed using the tree formation and the structure in which the elements get created.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - The contents that are used being modified or removed using the new elements and it can be created within the limitations.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - The structure consists of a document that is the root and within it Root element &lt;html&gt; from where the tree starts.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - It consists of sub-elements like &lt;head&gt; and &lt;body&gt; and other text and attributes written in the HTML format.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">How does the relationship exist between the node, child and siblings in node-tree?</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">- Node tree consists of root node, child and siblings with a defined relationship with each other.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - The relationship is described as such it allows the children on the same level to be called as siblings.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - The root node is the top most nodes and through this node the accessing will be done and the elements will be communicated.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - Every node in the tree will have exactly one parent node and root doesn’t have any parent in this.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;"><br /> - A node at lower down the order can include many other nodes and they will be called as children of parent nodes.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #4f81bd; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is DOM?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The DOM is a W3C (World Wide Web Consortium) standard.<br /> <br /> The DOM defines a standard for accessing documents like HTML and XML:<br /> <br /> "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."<br /> <br /> The DOM is separated into 3 different parts / levels:<br /> <br /> * Core DOM - standard model for any structured document<br /> * XML DOM - standard model for XML documents<br /> * HTML DOM - standard model for HTML documents<br /> <br /> The DOM defines the objects and properties of all document elements, and the methods (interface) to access them.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">Explain the difference between a local and a global variable, and how to declare each one.</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">In JavaScript, global variables can be accessed from anywhere within the program, and are described as having “global scope,” or global visibility within the program. Local variables are temporary variables that only have a scope within the function that generated them, described as having a “local scope.”</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">// How to declare a local variable</span><span style="font-family: 'Courier New'; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var localVariable = "LocalVariableExample"</span><span style="font-family: 'Courier New'; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">// How to declare a global variable</span><span style="font-family: 'Courier New'; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">globalVariable = "GlobalVariableExample"</span><span style="font-family: 'Courier New'; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">//Undefined</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var x;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">//Number</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var x = 3;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">//String</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var x = "Example string."</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">//Boolean</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var x = true;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var y = false;</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">//Object</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">var newPuppy={</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">name: "Akira",</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">haircolor: "golden",</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">breed: "Shiba Inu",</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">id: 327</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">};</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">//Function</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">function yourFunctionName()</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">{</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">insert code here</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">}</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal"> <b><span style="font-family: Arial, sans-serif; font-size: 10pt;">What is the HTML DOM?</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">Once a web page loads, your browser generates something called a DOM, or Document Object Model, of the page. The DOM acts as as programming interface for HTML, which defines HTML properties, events, and methods. It also refers to HTML elements as objects.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">JavaScript relies on this DOM to alter the elements and attributes of a page, and create the dynamic websites it’s known for.</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><a href="http://www.w3schools.com/js/js_htmldom.asp"><span style="font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">W3Schools.com</span></a><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">has a useful image demonstrating the hierarchy of HTML DOM objects:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The official</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><a href="http://www.w3.org/DOM/#what"><span style="font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">World Wide Web Consortium page for DOM</span></a><span style="font-family: Arial, sans-serif; font-size: 10pt;">&nbsp;</span><span style="font-family: Arial, sans-serif; font-size: 10pt;">defines it thusly:</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The Document Object Model is a platform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">The document can be further processed and the results of that processing can be incorporated back into the presented page.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: Arial, sans-serif; font-size: 10pt;">This is an overview of DOM-related materials here at W3C and around the web.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q:</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">JavaScript is a general-purpose programming language designed to let programmers of all skill levels control the behavior of software objects. The language is used most widely today in Web browsers whose software objects tend to represent a variety of HTML elements in a document and the document itself. But the language can be--and is--used with other kinds of objects in other environments. For example, Adobe Acrobat Forms uses JavaScript as its underlying scripting language to glue together objects that are unique to the forms generated by Adobe Acrobat. Therefore, it is important to distinguish JavaScript, the language, from the objects it can communicate with in any particular environment. When used for Web documents, the scripts go directly inside the HTML documents and are downloaded to the browser with the rest of the HTML tags and content.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">JavaScript is a platform-independent,event-driven, interpreted client-side scripting and programming language developed by Netscape Communications Corp. and Sun Microsystems.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What’s relationship between JavaScript and ECMAScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">- ECMAScript is yet another name for JavaScript (other names include LiveScript). The current JavaScript that you see supported in browsers is ECMAScript revision 3.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What are JavaScript types?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">- Number, String, Boolean, Function, Object, Null, Undefined.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q3.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you convert numbers between different bases in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Use the parseInt() function, that takes a string as the first parameter, and the base as a second parameter. So to convert hexadecimal 3F to decimal, use parseInt ("3F", 16);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q4.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does isNaN function do?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">- Return true if the argument is not a number.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q5.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is negative infinity?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- It’s a number in JavaScript, derived by dividing negative number by zero.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q6.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What boolean operators does JavaScript support?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- &amp;&amp;, || and !</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q7.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does "1"+2+4 evaluate to?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">- Since 1 is a string, everything is a string, so the result is 124.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q8.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How about 2+5+"8"?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- Since 2 and 5 are integers, this is number arithmetic, since 8 is a string, it’s concatenation, so 78 is the result.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q9.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What looping structures are there in JavaScript</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- for, while, do-while loops, but no foreach.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q10.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you create a new object in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- var obj = new Object(); or var obj = {};</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q11.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How do you assign object properties?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;- obj["age"] = 17 or obj.age = 17.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q12.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What’s a way to append a value to an array?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">- arr[arr.length] = value;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">What is this keyword? - It refers to the current object.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q13.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to get value from a textbox?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Write following code</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert(document.getElementById('txtbox1').value);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q14.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to get value from dropdown (select) control?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Write following code</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert(document.getElementById('dropdown1').value);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q15.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to get value from RadioButtonList control?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Here id is the name property of the RadioButtonList</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function GetRadioButtonValue(id)</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">{</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var radio = document.getElementsByName(id);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">for (var ii = 0; ii &lt; radio.length; ii++)</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">{</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">if (radio[ii].checked)</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert(radio[ii].value);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q16.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to get CheckBox status whether it is checked or not?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Write following code</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert(document.getElementById('checkbox1').checked);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">if it will be checked you will get true else false.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q17.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How to toggle display an HTML element?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Call following function</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function ToggleFollowingText(id)</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">{</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">document.getElementById(id).style.display == '' ? document.getElementById(id).style.display = 'none' : document.getElementById(id).style.display = '';</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">In above function you need to pass id of the html element as the parameter.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">If the control is already displaying then it will hide otherwise it will be shown.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q18.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What’s the official JavaScript website?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">This is a trick question used by interviewers to evaluate the candidate’s knowledge of JavaScript. Most people will simply say javascript.com is the official website.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The truth is- there is no official website for Javascript you can refer to. It was developed by Brendan Eich for Netscape. It was based on the ECMAScript language standard; ECMA-262 being the official JavaScript standard.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Every browser has their own version of JavaScript engine. What one browser supports might not necessarily be supported by the other (very true in case of Internet Explorer). Following are some JavaScript reference pages for popular browsers</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: Symbol; font-size: 10pt;">·</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Mozilla Firefox</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: Symbol; font-size: 10pt;">·</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Microsoft Internet Explorer</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Another point to note is that Javascript and java are in no way related to each other than the fact that the trademark for java and javascript lies with Sun Microsystems.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q19.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Is it possible for you to write a 1-line JavaScript code that concatenates all strings passed into a function?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The following function should help achieve the desired result</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function concatenate() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;return String.prototype.concat.apply('', arguments);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q20.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How is form submission possible via javascript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">We can achieve the desired form submission by using the function document.forms[0].submit().</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It must be noted that the 0 in the piece of code given above refers to the form index. Say we have multiple forms on a particular page. To make all the form procession unique, we give each form index numbers. The first form will have the index number as 0. The second form will have an incremented number, 1. The third will have 2 and so on.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q21.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">List the javascript types?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1.</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Number</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2.</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">String</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3.</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Boolean</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">4.</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Function</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">5.</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Object</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">6.</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Null</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">7.</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Undefined</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q22.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Differentiate between “var a=2” and “a =2”?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The major difference between the two is that one variable is local and the other is global. “var” basically defines the scope of the variable.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">When we add var to a variable value assignment, javascript ensures that the variable is confined to whichever function it is assigned to and does not collide with the same name variable within another function.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">When we don’t use var, then it is declared as a global function and chances of collision can happen. So it’s always advisable to use “var” before variable value assignment. If needed use an anonymous function for closure.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q23.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Is it possible to check if a variable is an object?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Yes, it is possible to do so. The following piece of code will help achieve the same.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">if(abc &amp;&amp; typeof abc === "object") {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;console.log('abc is an object and does not return null value');</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q24.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;Can you explain what isNaN function does?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">isNaN function will check an argument and return TRUE (1) if the argument does not seem to be a number.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q25.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">How many looping structures can you find in javascript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">If you are a programmer, you know the use of loops. It is used to run a piece of code multiple times according to some particular condition. Javascript being a popular scripting language supports the following loops</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: Wingdings; font-size: 10pt;">v</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">for</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: Wingdings; font-size: 10pt;">v</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">while</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: Wingdings; font-size: 10pt;">v</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">do-while loop</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">There is no ForEach loop in javascript. You can implement it though using this hack.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q26.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Are javascript and jQuery different?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">jQuery is a quick as well as concise JavaScript Library that simplifies HTML document traversing, animating, event handling, &amp; Ajax interactions for the purpose of quick web development needs. So although they are not entirely different, both are not the same either!</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q27.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Explain the strict mode in Javascript.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The strict mode ensures that if functions are not properly thought it, those are disabled. It also kept a check on potentially unsafe actions and throw errors when it happens.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Chances of you needing to explain more during javascript interview is high. So you can refer this article for detailed information on usage of strict mode.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q28.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the difference between “==” and “===”?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">While “==” checks only for equality, “===” checks for equality as well as the type.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q29. Explain javascript closures?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">A basic overview of javascript closures is that it is a stack-frame which is not de-allocated when the function returns.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">This is a pretty difficult to understand concept in javascript for beginners. So read this article to understand in-depth about javascript closures.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q30. How to add Buttons in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The most basic and ancient use of buttons are the "submit" and "clear", which appear slightly before the Pleistocene period. Notice when the "GO!" button is pressed it submits itself to itself and appends the name in the URL.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;form action="" name="buttonsGalore" method="get"&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Your Name: &lt;input type="text" name="mytext" /&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input type="submit" value="GO!" /&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input type="reset" value="Clear All" /&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/form&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Another useful approach is to set the "type" to "button" and use the "onclick" event.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type="text/javascript"&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function displayHero(button) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert("Your hero is \""+button.value+"\".");</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;form action="" name="buttonsGalore" method="get"&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;fieldset style="margin: 1em; text-align: center;"&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;legend&gt;Select a Hero&lt;/legend&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input type="button" value="Agamemnon" onclick="displayHero(this)" /&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input type="button" value="Achilles" onclick="displayHero(this)" /&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input type="button" value="Hector" onclick="displayHero(this)" /&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;div style="height: 1em;" /&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/fieldset&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/form&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q31.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What can javascript programs do?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Generation of HTML pages on-the-fly without accessing the Web server. The user can be given control over the browser like User input validation Simple computations can be performed on the client's machine The user's browser, OS, screen size, etc. can be detected Date and Time Handling</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q32. How to set a HTML document's background color?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">document.bgcolor property can be set to any appropriate color</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q33.&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What does isNaN function do?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Return true if the argument is not a number.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 34. What is negative infinity?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It’s a number in JavaScript, derived by dividing negative number by zero.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q35.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">In a pop-up browser window, how do you refer to the main browser window that opened it?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Use window.opener to refer to the main window from pop-ups.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q36.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">What is the data type of variables of in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">All variables are of object type in JavaScript.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q37.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Methods GET and POST in HTML forms - what's the difference?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">GET: Parameters are passed in the querystring. Maximum amount of data that can be sent via the GET method is limited to about 2kb.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">POST: Parameters are passed in the request body. There is no limit to the amount of data that can be transferred using POST. However, there are limits on the maximum amount of data that can be transferred in one name/value pair.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 38. How to write a script for "Select" lists using javascript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">1. To remove an item from a list set it to null</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">mySelectObject.options[3] = null;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">2. To truncate a list set its length to the maximum size you desire</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">mySelectObject.length = 2;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3. To delete all options in a select object set the length to 0.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">mySelectObject.leng</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 39. Text From Your Clipboard?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It is true, text you last copied for pasting (copy &amp; paste) can be stolen when you visit web sites using a combination of JavaScript and ASP (or PHP, or CGI) to write your possible sensitive data to a database on another server.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 40. What does the "Access is Denied" IE error mean?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The "Access Denied" error in any browser is due to the following reason.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">A javascript in one window or frame is tries to access another window or frame whose document's domain is different from the document containing the script.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 41. Is a javascript script faster than an ASP script?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Yes.Since javascript is a client-side script it does require the web server's help for its</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">computation,so it is always faster than any server-side script like ASP,PHP,etc..</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 42. Are Java and JavaScript the Same?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">No.java and javascript are two different languages.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Java is a powerful object - oriented programming language like C++,C whereas Javascript is a client-side scripting language with some limitations.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 43. How to embed javascript in a web page?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">javascript code can be embedded in a web page between &lt;script langugage="javascript"&gt;&lt;/script&gt; tags</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 44. What Boolean operators does JavaScript support?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&amp;&amp;, || and !</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q45. What does "1"+2+4 evaluate to?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Since 1 is a string, everything is a string, so the result is 124.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q46. How is JavaScript different from Java?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;JavaScript was developed by Brendan Eich of Netscape; Java was developed at Sun Microsystems. While the two languages share some common syntax, they were developed independently of each other and for different audiences. Java is a full-fledged programming language tailored for network computing; it includes hundreds of its own objects, including objects for creating user interfaces that appear in Java applets (in Web browsers) or standalone Java applications. In contrast, JavaScript relies on whatever environment it's operating in for the user interface, such as a Web document's form elements.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;JavaScript was initially called LiveScript at Netscape while it was under development. A licensing deal between Netscape and Sun at the last minute let Netscape plug the "Java" name into the name of its scripting language. Programmers use entirely different tools for Java and JavaScript. It is also not uncommon for a programmer of one language to be ignorant of the other. The two languages don't rely on each other and are intended for different purposes. In some ways, the "Java" name on JavaScript has confused the world's understanding of the differences between the two. On the other hand, JavaScript is much easier to learn than Java and can offer a gentle introduction for newcomers who want to graduate to Java and the kinds of applications you can develop with it.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q47.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;What’s a way to append a value to an array?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">arr[arr.length] = value;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q48.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;How do you assign object properties?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">obj["age"] = 17 or obj.age = 17.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 49. How do you create a new object in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var obj = new Object(); or var obj = {};</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q 50. What looping structures are there in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">for, while, do-while loops, but no foreach.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q51. How about 2+5+"8"?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Since 2 and 5 are integers, this is number arithmetic, since 8 is a string, it’s concatenation, so 78 is the result.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q52. What does "1"+2+4 evaluate to?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Since 1 is a string, everything is a string, so the result is 124.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q53.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;What boolean operators does JavaScript support?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&amp;&amp;, || and !</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q54. What is negative infinity?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It’s a number in JavaScript, derived by dividing negative number by zero.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q55.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;How do you convert numbers between different bases in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Use the parseInt() function, that takes a string as the first parameter, and the base as a second parameter. So to convert hexadecimal</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">3F to decimal, use parseInt ("3F", 16);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">What does isNaN function do? - Return true if the argument is not a number.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q56. What are JavaScript types?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Number, String, Boolean, Function, Object, Null, Undefined.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q57. What’s relationship between JavaScript and ECMAScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">ECMAScript is yet another name for JavaScript (other names include LiveScript). The current JavaScript that you see supported in browsers is ECMAScript revision 3</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q58. What does break and continue statements do?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Continue statement continues the current loop (if label not specified) in a new iteration whereas break statement exits the current loop.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q59. What does the delete operator do?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The delete operator is used to delete all the variables and objects used in the program ,but it does not delete variables declared with var keyword.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q60. What is === operator ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">==== is strict equality operator ,it returns true only when the two operands are having the same value without any type conversion.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q61.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;What are undefined and undeclared variables?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Undeclared variables are those that are not declared in the program (do not exist at all),trying to read their values gives runtime error.But if undeclared variables are assigned then implicit declaration is done</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Undefined variables are those that are not assigned any value but are declared in the program.Trying to read such variables gives special value called undefined value.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q62.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;Does javascript have the concept level scope?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">No. Javascript does not have block level scope,all the variables declared inside a function possess the same level of scope unlike c,c++,java.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q63. What is variable typing in javascript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It is perfectly legal to assign a number to a variable and then assign a string to the same variable as follows example</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">i = 10;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">i = "string";</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">This is called variable typing</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q63. What is the difference between undefined value and null value?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: Wingdings; font-size: 10pt;">v</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">undefined means a variable has been declared but has not yet been assigned a value. On the</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">other hand, null is an assignment value. It can be assigned to a variable as a representation of no</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">value.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: Wingdings; font-size: 10pt;">v</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Also, undefined and null are two distinct types: undefined is a type itself (undefined) while null is an object.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: -0.25in;"> <b><span style="font-family: Wingdings; font-size: 10pt;">v</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: '', 'Times New Roman', '', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Unassigned variables are initialized by JavaScript with a default value of undefined. JavaScript never sets a value to null. That must be done programmatically.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q64. What does undefined value mean in javascript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Undefined value means the variable used in the code doesnt exist or is not assigned any value or the property doesnt exist.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q65. To put a “close window” link on a page ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;a href=’javascript:window.close()’ class=’mainnav’&gt; Close &lt;/a&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q66. How to hide javascript code from old browsers that dont run it?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Use the below specified style of comments &lt;script language=javascript&gt; &lt;!– javascript code goes here // –&gt; or Use the &lt;NOSCRIPT&gt;some html code &lt;/NOSCRIPT&gt; tags and code the display html statements between these and this will appear on the page if the browser does not support javascript</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q67. How to comment javascript code?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Use // for line comments and</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;/*</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">*/ for block comments</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q68. Name the numeric constants representing max,min values</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Number.MAX_VALUE</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Number.MIN_VALUE</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q69. What does javascript null mean?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The null value is a unique value representing no value or no object.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It implies no object,or null string,no valid boolean value,no number and no array object.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q70. How do you create a new object in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var obj = new Object(); or var obj = {};</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q71. How do you assign object properties?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;obj["age"] = 17 or obj.age = 17.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q72. What’s a way to append a value to an array?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;arr[arr.length] = value;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q73. What is this keyword?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It refers to the current object.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q74. How to find the selected radio button immediately using the ‘this’ variable?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function favAnimal(button) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert(‘You like ‘+button.value+’s.’);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;input type=”radio” name=”marsupial” value=”kangaroo”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;onchange=”favAnimal(this)”&gt;Kangaroo</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;br /&gt;&lt;input type=”radio” name=”marsupial” value=”Opossum”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;onchange=”favAnimal(this)”&gt;Opossum</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;br /&gt;&lt;input type=”radio” name=”marsupial” value=”Tasmanian Tiger”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;onchange=”favAnimal(this)”&gt;Tasmanian Tiger</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q75. How to find radio button selection when a form is submitted?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;script type=”text/javascript”&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function findButton() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var myForm = document.forms.animalForm;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var i;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;for(i=0;i&lt;myForm.marsupial.length; i++) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;if(myForm.marsupial[i].checked) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;break;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert(“You selected \”"+myForm.marsupial[i].value+“\”.”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;form name=”animalForm” action=”"&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;input type=”radio” name=”marsupial” value=”kangaroo” /&gt;Kangaroo</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;br /&gt;&lt;input type=”radio” name=”marsupial” value=”Opossum” /&gt;Opossum</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;br /&gt;&lt;input type=”radio” name=”marsupial” value=”Tasmanian Tiger” /&gt;Tasmanian Tiger</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input type=”button” name=”GO” value=”GO” onclick=”findButton()” /&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q76. How to disable an HTML object ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(“myObject”).disabled = true;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q77. To write messages to the screen without using “document.write()” ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Changing the contents of an element is a much better solution. When the method showStatus is invoked it will change the content of the span.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;…</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function showStatus(message) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var element = document.getElementById(“mystatus”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;element.textContent = message; //for Firefox</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;element.innerHTML = message; //for IE (why can’t we all just get along?)</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;return true;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;…</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;span id=”mystatus”&gt;Test. &lt;/span&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;…</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q78. How to Add new elements dynamically ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;head&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;title&gt;t1&lt;/title&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;script type=”text/javascript”&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function addNode() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var newP = document.createElement(“p”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var textNode = document.createTextNode(” I’m a new text node”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;newP.appendChild(textNode);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(“firstP”).appendChild(newP);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/head&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;body onload=”addNode();” style=” background: url(‘../images/Sand-1280.jpg’); background-color: yellow;”&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;p id=”firstP”&gt;firstP&lt;p&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;/body&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/html&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q79. How to have an element invoke a javascript on selection, instead of going to a new URL: ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;script type=”text/javascript”&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function pseudoHitMe() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert(“Ouch!”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;a href=”javascript:pseudoHitMe()“&gt;hit me&lt;/a&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q80. How to have the status line update when the mouse goes over a link (The support of the status line is sporadic)?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;a href=”javascript.shtml”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;onmouseover=”window.status=’Hi There!’;return true”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;onmouseout=”window.status=”;return true”&gt;Look at the Status bar&lt;/a&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Look at the Status bar as your cursor goes over the link.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q81. How to create a popup warning box</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">alert(‘Warning: Please enter an integer between 0 and 100.’);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q82. How to create a confirmation box?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;confirm(“Do you really want to launch the missile?”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">How to create an input box?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;prompt(“What is your temperature?”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q83. How to setting a cookie with the contents of a textbox ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Values stored in cookies may not have semicolons, commas, or spaces. You should use the handy “escape()” function to encode the values, and “unescape()” to retrieve them.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">//Sets cookie of current value for myTextBox</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function TextBoxOnchange() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var myBox = window.document.getElementById(myTextBox”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.cookie = “myTextBox=”+ escape(myBox.value) + getExpirationString();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">//return a string like “;expires=Thu, 5 Jan 2006 16:07:52 UTC”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function getExpirationString() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var exp = new Date();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var threemonths = exp.getTime()+(120*24*60*60*1000);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;exp.setTime(threemonths);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;return “;expires=”+exp.toGMTString();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">This is called from the event handler in the HTML.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input name=”myTextBox” type=”text” id=”myTextBox”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;onchange=”javascript:TextBoxOnchange()” /&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q84. How to getting values from cookies to set widgets?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function getCookieData(labelName) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;//from Danny Goodman</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var labelLen = labelName.length;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// read cookie property only once for speed</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var cookieData = document.cookie;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var cLen = cookieData.length;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var i = 0;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var cEnd;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;while (i &lt; cLen) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var j = i + labelLen;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;if (cookieData.substring(i,j) == labelName) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;cEnd = cookieData.indexOf(“;”,j);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;if (cEnd == -1) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;cEnd = cookieData.length;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;return unescape(cookieData.substring(j+1, cEnd));</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;i++;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;return “”;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">//init() is called from the body tag onload function.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function init() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;setValueFromCookie(“brand”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;setValueFromCookie(“market”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;setValueFromCookie(“measure”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function setValueFromCookie(widget) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;if( getCookieData(widget) != “”) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(widget).value = getCookieData(widget);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">//if you name your cookies the widget ID, you can use the following helper function</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function setCookie(widget) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.cookie = widget + “=” +</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;escape(document.getElementById(widget).value) + getExpirationString();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q85. How to change style on an element?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Between CSS and javascript is a weird symmetry. CSS style rules are layed on top of the DOM. The CSS property names like “font-weight” are transliterated into “myElement.style.fontWeight”. The class of an element can be swapped out. For example:</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(“myText”).style.color = “green”;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(“myText”).style.fontSize = “20</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-or-</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(“myText”).className = “regular”;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q86. How to Handle Event Handlers?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">You can add an event handler in the HTML definition of the element like this,</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;script type=”text/javascript”&gt;&lt;!–</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function hitme() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert(“I’ve been hit!”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// –&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;input type=”button” id=”hitme” name=”hitme” value=”hit me” onclick=”hitme()”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Or, interestingly enough you can just assign the event’s name on the object directly with a reference to the method you want to assign.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input type=”button” id=”hitme2</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">name=”hitme2</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">value=”hit me2</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">/&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;script type=”text/javascript”&gt;&lt;!–</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function hitme2() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert(“I’ve been hit too!”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(“hitme2</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">).onclick = hitme2;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// –&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">You can also use an anonymous method like this:</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">document.getElementById(“hitme3</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">).onclick = function () { alert(“howdy!”); }</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">You can also use the W3C addEvventListener() method, but it does not work in IE yet:</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input type=”button” id=”hitme4</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">name=”hitme4</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">value=”hit me4</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">/&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;script type=”text/javascript”&gt;&lt;!–</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function hitme4() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;alert(“I’ve been hit four!”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;if(document.getElementById(“hitme4</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">).addEventListener) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(“hitme4</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">).addEventListener(“click”, hitme4, false);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// –&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q87. How to remove the event listener: ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;script type=”text/javascript”&gt;&lt;!–</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(“hitme4</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">).removeEventListener(“click”, hitme4, false);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;// –&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Key Events</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">“onkeydown”, “onkeypress”, “onkeyup” events are supported both in ie and standards-based browsers.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;script type=”text/javascript”&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;function setStatus(name,evt) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;evt = (evt) ? evt : ((event) ? event : null); /* ie or standard? */</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var charCode = evt.charCode;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var status = document.getElementById(“keyteststatus”);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var text = name +”: “+evt.keyCode;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;status.innerHTML = text;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;status.textContent = text;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/script&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;form action=”"&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;input type=”text” name=”keytest” size=”1</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">value=”"</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;onkeyup=”setStatus(‘keyup’,event)”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;onkeydown=”setStatus(‘keydown’,event)”</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;/&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;p id=”keyteststatus”&gt;status&lt;/p&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&lt;/form&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q88. How to make elements invisible ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Change the “visibility” attribute of the style object associated with your element. Remember that a hidden element still takes up space, use “display” to make the space disappear as well.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">if ( x == y) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;myElement.style.visibility = ‘visible’;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;} else {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;myElement.style.visibility = ‘hidden’;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q89. How to set the cursor to wait ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;In theory, we should cache the current state of the cursor and then put it back to its original state.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.body.style.cursor = ‘wait’;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;//do something interesting and time consuming</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.body.style.cursor = ‘auto’;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q90. How to reload the current page ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;window.location.reload(true);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q91. Difference between window.onload and onDocumentReady?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The onload event does not fire until every last piece of the page is loaded, this includes css and images, which means there’s a huge delay before any code is executed.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;That isnt what we want. We just want to wait until the DOM is loaded and is able to be manipulated. onDocumentReady allows the programmer to do that.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q92.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;What is the difference between == and === ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The == checks for value equality, but === checks for both type and value.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q93. How do style= you change the style/class on any element?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">document.getElementById(“myText”).style.fontSize = “20</span></b><b><span style="font-family: '', sans-serif, '', serif; font-size: 10pt;">″</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;-or-</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.getElementById(“myText”).className = “anyclass”;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q94. When would you use var in your declaration and when you wouldn’t?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Always use var. Not using var for variable declaration will traverse scopes all the way up till the global scope. If variable with that name is not found it will declare it in the global scope. Therefore not using var implicitly declares variable in the global scope (which, let me remind you, is a bad practice).</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">(function() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">baz = 5;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var bar = 10;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">})();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">console.log(baz); // outputs 5</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">//console.log(bar); // error: bar is not defined</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">A common mistake is to not use var in loops which might, in some cases, bear unexpected results or pollute the global scope:</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">(function() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var baz = "Hello World";</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">for(var bar=1; bar</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q95. What are closures?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">(function() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function foo(x) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var baz = 3;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">return function (y) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">console.log(x + y + (++baz));</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var moo = foo(2); // moo is now a closure.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">moo(1); // 7</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">moo(1); // 8!</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">})();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The inner function inside foo will close-over the variables of foo before leaving creating a closure.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q96. Explain prototypal/differential inheritance?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Conceptually this is very simple: A new object can inherit properties of an old object.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">(function() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var genericObject = {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">bar : "Hello World",</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">get_bar : function() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">return this.bar;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">};</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">var customObject = Object.create(genericObject);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">customObject.bar = "Aloha folks!";</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">console.log(customObject.get_bar()); //outputs: "Aloha folks"</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">delete customObject.bar;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">console.log(customObject.get_bar()); //fallbacks to the prototype's value, outputs: "Hello World"</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">})();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">While JavaScript has always been a prototype-oriented language, tools to work with prototypes were somewhat missing. Object.create used in the code snipped above has been added in ECMAScript 5 and has not been supported prior to Firefox 4, Chrome 5, IE 9</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q97. How to create arrays in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">We can declare an array like this</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var scripts = new Array();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;We can add elements to this array like this</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;scripts[0] = “PHP”;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;scripts[1] = “ASP”;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;scripts[2] = “JavaScript”;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;scripts[3] = “HTML”;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Now our array scrips has 4 elements inside it and we can print oraccess them by using their index number. Note that index number startsfrom 0. To get the third element of the array we have to use the indexnumber 2 . Here is the way to get the third element of an array.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;document.write(scripts[2]);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;We also can create an array like this</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;var no_array = new Array(21, 22, 23, 24, 25);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q98.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;What does isNaN function do?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">This function returns true if the value is NaN(Not a Number), and false if not.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q99. What are the built-in objects in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;String, Date, Array, Boolean, and Math.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q100. What are the different ways to create objects in JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">By invoking the built-in constructor.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var personObj1 = new Object(); // empty object with no properties and methods.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj1.name = "John"&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a property</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj1.status = "Active";&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a property</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a method by associating a function to variable isActive variable.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj1.isActive = function() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">return this.status;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}&nbsp;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">By creating a constructor (i.e. a template), and creating an object from the constructor. The Person constructor is like any other function, and it is a convention to start the function name with an uppercase letter to differentiate it with other functions.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function Person(name, status) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">this.name = name;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">this.status = status;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a method by associating a function to variable isActive variable.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj1.isActive = function() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">return this.status;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var personObj1 = new Person("John", "Active");</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Creating the object as a Hash Literal. This is what used by the JSON, which is a subset of the object literal syntax.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var personObj1 = { };&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// empty object</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var personObj2 = {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">name: "John",</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">status: "Active",</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">isActive: function() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">return this.status;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}&nbsp;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">};</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q101. Does JavaScript has a built-in concept of inheritance?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">It does to some extent. You can think of every object as inheriting from it's "prototype".</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q102. What is a "prototype" property?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">A prototype is a built-in property of every JavaScript object. For example,</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var personObj1 = new Object();&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// empty object with no properties and methods.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj1.name = "John"&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a property</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj1.status = "Active";&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a property</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Now, if you create another person object as shown below, all the properties will be empty, and needs to be reassigned.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var personObj2 = new Object();&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// empty object with no properties and methods.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj2.name = "John"&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a property</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj2.status = "Active";&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a property</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;What if you want to set all the Person object status to be "Active" by default without having to explicitly assign it every time? This is where the "prototype" property comes in handy as shown below.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var personObj1 = new Object();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//empty object with no properties and methods.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj1.name = "John"&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a property</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj1.prototype.status = "Active";&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//add a prototype property that will set "Active" as the default</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;var personObj2 = new Object();&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// empty object with status="Active" will be created.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj2.name = "John"&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// add a property</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;When you create an object via a constructor as in var personObj1 = new Person("John", "Active"), the prototype property is also set. When you actually create an object via a constructor, the new operator actually performs the following tasks.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">STEP 1: Creates an empty object as in var personObj1 = new Object();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">STEP 2: Attach all properties and methods of the prototype of the function to the resulting object.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">STEP 3: Invoke the function "Person" by passing the new object as the "this" reference.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;It is important to understand that, all the objects that are created via a constructor function will have the same prototype. This means, if you modify any one object that has been created via the constructor, you will be modifying all the objects that have been created and the new ones you will be creating via the constructor function. You can think of this as every object is inheriting from it's prototype. So, the above approach of individually adding to some properties as in</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">personObj1.prototype.status = "Active";</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;can be very handy for methods and constants, and this "prototype" approach is used by many JavaScript frameworks.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q103. What are some of the best practices relating to coding with JavaScript?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Use proven frameworks like jQuery, EXT JS, etc to ensure cross browser compatibility, and quality code.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Provide a clean separation of content, CSS, and JavaScript. This means store all Javascript code in external script files and build pages that do not rely on Javascript to be usable.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Instead of:</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&lt;input id="btn1" type="button" value="click-me1" onclick="test()"/&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Use:</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&lt;input id="btn1" type="button" class="something" value="click-me1" /&gt;&nbsp;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The above page snippet does not depend on the JavaScript function. The JQuery function below</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">$('input.something').click(function(){</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//do something here</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">alert('The button is clicked');</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">});</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;jQuery allows you to easily attach a click event to the result(s) of your selector. So the code will select all of the &lt;input /&gt; tags of class “something” and attach a click event that will call the function.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Also instead of</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">if(someCondition)</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">document.write("write something ........... ");</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;Use:</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&lt;div title="something"&gt; ... &lt;/div&gt;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var titleElement = $('div[title="something"]');</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">titleElement.text('Better Approach');</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The above page is renedred as 100% (X)HTML without requiring the JavaScript to write something.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Use code quality tools like JSLint.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Use unit testing frameworks like Jasmine, qUnit, etc.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Use "===" instead of "==". If two operands are of the same type and value, then === produces true and !== produces false. If you use "==" or !="" you may run into issues if the operands are of different types.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Avoid using the eval(…) function as it poses a security risk and can also adversely affect performance as it accesses the JavaScript compiler.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Namespaces are essential for avoiding type name collisions. JavaScript does not have packages as in Java. But in JavaScript, this can be simulated with empty objects. For example</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var MyPage1 = { };&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// empty object acting as a namespace</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">MyPage1.Person = function(name, status) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">this.name = name;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">this.status = status;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">MyPage1.Person.protoyype&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">=</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">{</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">isActive: function() {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">return this.status;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;var personObj1 = new MyPage1.Person("John", "Active");</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">console.log(personObj1.isActive());</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Simulate encapsulation with Douglas Crawford's approach as shown below as JavaScript does not have access modifiers like private, protected, etc as in Java.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function Person(name, status) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">this.get_name = function( ) { return name; }</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">this.get_status = function( ) {return status; }</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Person.prototype.isActive = function( )</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">{</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">return this.get_status();</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var personObj1 = new Person("John","Active");</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">console.log(personObj1.isActive( )) ;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Favor the JavaScript literal way with { … } as opposed to the new Object() to create new objects as the literal way is much more robust and also makes it simpler to code and read.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Favor [ ] to declare an array as opposed to an array object with new Array( ). For example,</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var vehicles = ['Car', 'Bus'] ; // creates an array</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var vehicles = new Array( ); // creates an array object</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">vehicles[0] = ''Car" ;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">vehicles[1] = 'Bus' ;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Favor using semicolons (;), and use comma separated variables as opposed to repeating vars. For example</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;//okay</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var x = 5;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var y = 6;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var z = 9;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var x =5, y=6,z = 9; // better</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">Use console.log(...) as oppose to alert(...); for debugging.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q104.</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;What is a callback function? Why would you need callback functions?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;As mentioned earlier, the functions in JavaScript are actually objects. For example,</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var functionAdd = new Function("arg1", "arg2", "return arg1 * arg2;");</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">functionAdd(5,9);&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// returns 14</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">functionAdd(2,3);&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// returns 5</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;So, the functions can be passed as arguments to other functions and invoked from other functions. For example,</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function functionAdd(arg1, arg2, callback) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var result = arg1 + arg2</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// Since we're done, let's call the callback function and pass the result</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">callback(result);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// call the function</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">functionAdd(5, 15, function(result) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">// this anonymous function will run when the callback is called</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;console.log("callback called! " + result);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #31849b; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">});</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: red; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">Q105. What are the different ways to invoke a function? What would the implicit reference "this" refer tonbsp; ?</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">The functions can be invoked via one of the following 5 ways</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function_name(param1, param2, etc); --&gt; "this" refers to global object like window.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">obj1.function_name(param1,param2,etc);&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">--&gt; "this" refers to obj1.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">The constructor.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function_name.call(objRef, param1);&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//remember that the functions in JavaScript is like an object and it has it's own methods like toString(..), call(.div class=..), apply(...), etc.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function_name.apply(objRef, params[parama1,param2, etc]);</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;So, why use&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">function_name.call(...) or function_name.apply( ... ) as opposed to just function_name( ... )? Let's look at this with some examples.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var x = 1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//global variable x;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var obj1 = {x:3};&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//obj1 variable x</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">var obj2 = {x:9};&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//obj2 variable x</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function function_name(message) {</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">alert(message + this.x) ;</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">}</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function_name("The &lt;span id="IL_AD3" class="IL_AD"&gt;number&lt;/span&gt; is ");&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//alerts the global x --&gt; The number is 1</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//the first argument is the obj reference on which to invoke the function, and the</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//the second argument is the argument to the function call</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function_name.call(obj1, "The number is ");&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//alerts the obj1's x --&gt; The number is 3</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function_name.call(obj2, "The number is ");</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;//alerts the obj2's x --&gt; The number is 5</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//the first argument is the obj reference on which to invoke the function, and the</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//the second argument is the argument to the function call as an array</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function_name.apply(obj1, ["The number is "]);&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//alerts the obj1's x --&gt; The number is 3</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">function_name.apply(obj2, ["The number is "]);&nbsp;&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">&nbsp;</span></b><b><span style="color: #548dd4; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 10.0pt; mso-fareast-font-family: &quot;Times New Roman&quot;;">//alerts the obj2's x --&gt; The number is 5</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;The purpose is of call and apply methods are&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">to invoke the function for any object without being bound to an instance of the this object. In the above example, the this object is the global object with the x value of 1.&nbsp;&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">&nbsp;</span></b><b><span style="font-family: 'Times New Roman', serif; font-size: 10pt;">In a function called directly without an explicit owner object, like function_name(), causes the value of this to be the default object (window in the browser). The call and apply methods allow you to pass your own object to be used as the "this" reference. In the above example, the obj1 and obj2 were used as "this" reference.</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <br /> <div class="MsoNormal"> <br /></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-41846875503269719722014-07-02T19:45:00.001+05:302014-07-02T19:52:35.995+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <pre class=" language-css" rel="CSS"><code class=" language-css"><span class="token comment" spellcheck="true"><span style="color: red;"><span style="color: black;"><code class=" language-css"> <span class="token comment" spellcheck="true"><span style="color: red;"><b>iPhone 4</b></span> </span> <span class="token selector">@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) </span><span class="token punctuation">{</span> <span class="token punctuation">}</span></code></span></span></span></code><code class=" language-css"><span class="token comment" spellcheck="true">&nbsp;</span></code></pre> <pre class=" language-css" rel="CSS"><code class=" language-css"><span class="token comment" spellcheck="true">&nbsp;</span></code></pre> <pre class=" language-css" rel="CSS"><code class=" language-css"><span class="token comment" spellcheck="true"><span style="color: red;"><b>iPads (portrait and landscape)</b></span></span> <span class="token selector">@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) </span><span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token comment" spellcheck="true"><span style="color: red;"><b>iPads (landscape)</b></span></span> <span class="token selector">@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) </span><span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token comment" spellcheck="true"><span style="color: red;"><b>iPads (portrait)</b></span></span> <span class="token selector">@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) </span><span class="token punctuation">{</span> <span class="token punctuation">}</span> </code></pre> <pre class=" language-css" rel="CSS"><code class=" language-css"><span class="token comment" spellcheck="true"><span style="color: red;"><span style="color: black;"><code class=" language-css"><span class="token punctuation">&nbsp;</span></code></span><b> </b></span></span></code></pre> <pre class=" language-css" rel="CSS"><code class=" language-css"><span class="token comment" spellcheck="true"><span style="color: red;"><b>Smartphones (portrait and landscape)</b></span> </span> <span class="token selector">@media only screen and (min-device-width : 320px) and (max-device-width : 480px) </span><span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token comment" spellcheck="true"><span style="color: red;"><b>Smartphones (landscape)</b></span></span> <span class="token selector">@media only screen and (min-width : 321px) </span><span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token comment" spellcheck="true"><span style="color: red;"><b>Smartphones (portrait)</b></span></span> <span class="token selector">@media only screen and (max-width : 320px) </span><span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token comment" spellcheck="true"><span style="color: red;"><b>Desktops and laptops</b></span></span> <span class="token selector">@media only screen and (min-width : 1224px) </span><span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token comment" spellcheck="true"><span style="color: red;"><b>Large screens</b></span></span> <span class="token selector">@media only screen and (min-width : 1824px) </span><span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token punctuation"></span></code></pre> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-67785566421206566192014-07-01T13:24:00.001+05:302014-07-02T20:26:59.945+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <b>/*---JS------*/</b><br /> Almost everything in JavaScript can be an Object: Strings, Functions, Arrays, Dates....<br /> <br /> Objects are just data, with added properties and methods.<br /> <br /> <br /> <br /> <br /> <b>/*---DOM------*/</b><br /> When a web page is loaded, the browser creates a Document Object Model of the page.<br /> <br /> The HTML DOM model is constructed as a tree of Objects:<br /> The HTML DOM is a standard for how to get, change, add, or delete HTML elements.<br /> <br /> <br /> <b>/*------unicode-----*/</b><br /> ISO-8859-1 is the default character in HTML 4.01.<br /> ISO (The International Standards Organization) defines the standard character sets for different alphabets/languages.<br /> <br /> ASCII stands for the "American Standard Code for Information Interchange".<br /> UTF-8 is the preferred encoding for e-mail and web pages<br /> UTF-16 is used in major operating systems and environments, like Microsoft Windows, Java and .NET.<br /> <br /> The Unicode Standard covers (almost) all the characters, punctuations, and symbols in the world.<br /> <br /> <br /> <b>/*-----HTML5--------*/</b><br /> &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;<br /> <br /> The &lt;!DOCTYPE&gt; declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in.<br /> <br /> &lt;!DOCTYPE html&gt;<br /> IE Compatibility modes<br /> &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;<br /> <br /> <b>Semantic = Meaning.</b><br /> Semantic elements = Elements with meaning.<br /> <br /> &nbsp; &nbsp; &lt;header&gt;<br /> &nbsp; &nbsp; &lt;nav&gt;<br /> &nbsp; &nbsp; &lt;section&gt;<br /> &nbsp; &nbsp; &lt;article&gt;<br /> &nbsp; &nbsp; &lt;aside&gt;<br /> &nbsp; &nbsp; &lt;figure&gt;<br /> &nbsp; &nbsp; &lt;figcaption&gt;<br /> &nbsp; &nbsp; &lt;footer&gt;<br /> &nbsp; &nbsp; &lt;details&gt;<br /> &nbsp; &nbsp; &lt;summary&gt;<br /> &nbsp; &nbsp; &lt;mark&gt;<br /> &nbsp; &nbsp; &lt;time&gt;<br /> <br /> <br /> <b>New input types:</b><br /> <br /> &nbsp; &nbsp; color<br /> &nbsp; &nbsp; date<br /> &nbsp; &nbsp; datetime<br /> &nbsp; &nbsp; datetime-local<br /> &nbsp; &nbsp; email<br /> &nbsp; &nbsp; month<br /> &nbsp; &nbsp; number<br /> &nbsp; &nbsp; range<br /> &nbsp; &nbsp; search<br /> &nbsp; &nbsp; tel<br /> &nbsp; &nbsp; time<br /> &nbsp; &nbsp; url<br /> &nbsp; &nbsp; week<br /> <br /> <br /> <br /> <b>New attributes for &lt;form&gt;:</b><br /> <br /> &nbsp; &nbsp; autocomplete<br /> &nbsp; &nbsp; novalidate<br /> <br /> <b>New attributes for &lt;input&gt;:</b><br /> &nbsp; &nbsp; autocomplete<br /> &nbsp; &nbsp; autofocus<br /> &nbsp; &nbsp; form<br /> &nbsp; &nbsp; formaction<br /> &nbsp; &nbsp; formenctype<br /> &nbsp; &nbsp; formmethod<br /> &nbsp; &nbsp; formnovalidate<br /> &nbsp; &nbsp; formtarget<br /> &nbsp; &nbsp; height and width<br /> &nbsp; &nbsp; list<br /> &nbsp; &nbsp; min and max<br /> &nbsp; &nbsp; multiple<br /> &nbsp; &nbsp; pattern (regexp)<br /> &nbsp; &nbsp; placeholder<br /> &nbsp; &nbsp; required<br /> &nbsp; &nbsp; step<br /> <br /> <br /> <b>New Elements in HTML5</b><br /> <br /> &lt;canvas&gt;<br /> audio<br /> video<br /> embed<br /> source<br /> track<br /> <br /> <br /> <br /> <b>css selectors</b><br /> <br /> div p<br /> div &gt; p<br /> ul + h3<br /> ul ~ table<br /> *<br /> [id]<br /> [id=my-Address]<br /> [id$=ess]<br /> [id|=my]<br /> [id^=L]<br /> [title~=beautiful]<br /> [id*=s]<br /> :checked<br /> :disabled<br /> :enabled<br /> :empty<br /> :focus<br /> p:first-child<br /> p::first-letter<br /> p::first-line<br /> p:first-of-type<br /> h1:hover<br /> input:in-range<br /> input:out-of-range<br /> input:invalid<br /> input:valid<br /> p:lang(it)<br /> p:last-child<br /> p:last-of-type<br /> tr:nth-child(even)<br /> tr:nth-child(odd)<br /> li:nth-child(1)<br /> li:nth-last-child(1)<br /> li:nth-of-type(2)<br /> li:nth-last-of-type(2)<br /> b:only-child<br /> h3:only-of-type<br /> ul li:eq(0)<br /> ul li:gt(0)<br /> ul li:lt(2)<br /> li:not(:eq(1))<br /> :root<br /> <br /> <br /> <br /> <b>Specify two image paths and the @1x image dimensions, and Bootstrap will provide an @2x media query</b><br /> <br /> .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {<br /> &nbsp; background-image: url("@{file-1x}");<br /> <br /> &nbsp; @media<br /> &nbsp; only screen and (-webkit-min-device-pixel-ratio: 2),<br /> &nbsp; only screen and ( &nbsp; min--moz-device-pixel-ratio: 2),<br /> &nbsp; only screen and ( &nbsp; &nbsp; -o-min-device-pixel-ratio: 2/1),<br /> &nbsp; only screen and ( &nbsp; &nbsp; &nbsp; &nbsp;min-device-pixel-ratio: 2),<br /> &nbsp; only screen and ( &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;min-resolution: 192dpi),<br /> &nbsp; only screen and ( &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;min-resolution: 2dppx) {<br /> &nbsp; &nbsp; background-image: url("@{file-2x}");<br /> &nbsp; &nbsp; background-size: @width-1x @height-1x;<br /> &nbsp; }<br /> }<br /> <br /> <h3 style="text-align: left;"> The DOM Programming Interface</h3> <div class="intro"> HTML DOM methods are <strong>actions</strong> you can perform (on HTML Elements)</div> <div class="intro"> HTML DOM properties are <strong>values</strong> (of HTML Elements) that you can set or change</div> <div class="intro"> &nbsp;</div> The HTML DOM can be accessed with JavaScript (and with other programming languages). <br /> In the DOM, all HTML elements are defined as <strong>objects</strong>.<br /> The programming interface is the properties and methods of each object.<br /> A <b>property</b> is a value that you can get or set (like changing the content of an HTML element).<br /> A <b>method</b> is an action you can do (like add or deleting an HTML element).<br /> <br /> <br /> <br /> <br /> <b>Prototype</b> <br /> <br /> The prototype property allows you to add properties and methods to an object <br /> <i>object.prototype.name=value</i><br /> <br /> <br /> <h4 style="text-align: left;"> <b><span style="font-weight: normal;">Properties</span></b></h4> Properties are the values associated with a JavaScript object.<br /> A JavaScript object is a collection of unordered properties.<br /> Properties can usually be changed, added, and deleted, but some are read only.<br /> <br /> <br /> <b>JSON</b><i>&nbsp;</i><br /> <br /> JSON: <b>J</b>ava<b>S</b>cript <b>O</b>bject <b>N</b>otation.<br /> JSON is a <strong>syntax</strong> for storing and exchanging data.<br /> JSON is an <strong>easier to use</strong> alternative to XML.<br /> <br /> <h4 style="text-align: left;"> JSON Syntax Rules</h4> <h4 style="text-align: left;"> JSON syntax is a subset of the JavaScript object notation syntax:</h4> <ul> <li>Data is in name/value pairs</li> <li>Data is separated by commas</li> <li>Curly braces hold objects</li> <li>Square brackets hold arrays</li> </ul> <br /> Ex:- {"employees":[<br />&nbsp;&nbsp;&nbsp; {"firstName":"John", "lastName":"Doe"}, <br />&nbsp;&nbsp;&nbsp; {"firstName":"Anna", "lastName":"Smith"},<br />&nbsp;&nbsp;&nbsp; {"firstName":"Peter", "lastName":"Jones"}<br /> ]}<br /> <br /> <br /> <br /> <br /> <br /> <i>&nbsp;</i> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-34065966835763941902014-04-11T17:32:00.001+05:302014-04-11T17:32:23.000+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> ::-webkit-input-placeholder { color: #999 !important;}<br /> <br /> :-moz-placeholder { /* Firefox 18- */ color: #999 !important;}<br /> <br /> ::-moz-placeholder { &nbsp;/* Firefox 19+ */ color: #999 !important;}<br /> <br /> :-ms-input-placeholder { color: #999 !important;}<br /> <br /> <br /> Ex:- <br /> <br /> &nbsp; &nbsp; &nbsp; &nbsp;input.email:-ms-input-placeholder {<br /> <pre> color: #999; }</pre> <div> <br /></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-84593533776022684342014-02-15T10:14:00.002+05:302014-04-11T17:46:07.906+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <b><span style="color: red;">Coding Resources</span></b><br /> <br /> <a href="https://developer.mozilla.org/en-US/" target="_blank">Mozilla Developer Network</a><br /> Android Training<br /> Code Avengers<br /> Codecademy<br /> Coderwall<br /> Code School<br /> Codewars<br /> Dash<br /> Google Developers University Consortium<br /> gotoAndLearn<br /> Hack Design<br /> Hacker Rank<br /> Learn Code the Hard Way<br /> LearnStreet<br /> Mozilla Webmaker<br /> PeepCode<br /> PHP Academy<br /> PLAYterm<br /> Pluralsight<br /> Programr<br /> repl.it<br /> TekPub<br /> The New Boston<br /> The Pragmatic Bookshelf<br /> The Starter League<br /> <br /> <br /> <b><span style="color: red;">HTML and CSS</span></b><br /> <br /> 30 Days to Learn HTML and CSS<br /> A Beginner’s Guide to HTML &amp; CSS<br /> Don’t Fear the Internet<br /> <br /> <b><span style="color: red;">JavaScript</span></b><br /> <br /> appendTo<br /> Backbone Screencasts<br /> Eloquent JavaScript: A Modern Introduction to Programming<br /> JavaScript Garden<br /> NodeSchool<br /> Node Tuts<br /> <br /> <br /> <b><span style="color: red;">Ruby on Rails</span></b><br /> <br /> Hackety Hack<br /> RailsCasts<br /> Rails for Zombies<br /> RubyMonk<br /> Ruby on Rails Tutorial<br /> TryRuby<br /> Virtuous Code<br /> <br /> <br /> <b><span style="color: red;">Design Resources</span></b><br /> <br /> #The50<br /> A Student’s Guide to Web Design<br /> Conference Organiser’s Handbook<br /> Drawspace<br /> Jessica Hische’s Thoughts<br /> Ontwik<br /> The Secret Handshake<br /> Treehouse<br /> Tuts+ Premium<br /> WaSP InterAct Curriculum<br /> <br /> <br /> <b><span style="color: red;">&nbsp;General Educational and Programming Resources</span></b><br /> <br /> Academic Earth<br /> Busuu<br /> Course Hero<br /> Coursera<br /> Education Portal<br /> edX<br /> Khan Academy<br /> Learners TV<br /> Lynda<br /> MIT OpenCourseWare<br /> OnlineCourses<br /> Online Courses<br /> OpenClassroom<br /> OpenCourseWare<br /> P2PU<br /> Radio Lingua<br /> ReadWrite<br /> TED<br /> The Faculty Project<br /> The Open University<br /> Udacity<br /> University of Reddit<br /> VideoLectures.Net<br /> Webcast.berkeley<br /> WeekendHacker</div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-48151345812352151012014-02-12T09:50:00.000+05:302014-02-12T19:14:29.281+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> The mobile application development&nbsp; most popular are:<br /> <ul> <li><a href="https://developer.apple.com/library/ios/documentation/ToolsLanguages/Conceptual/Xcode_Overview/About_Xcode/about.html" target="_blank">native iOS</a>,</li> <li><a href="http://developer.android.com/sdk/installing/studio.html" target="_blank">native Android,</a></li> <li><a href="http://cordova.apache.org/" target="_blank">PhoneGap</a>,</li> <li><a href="http://www.appcelerator.com/" target="_blank">Appcelerator Titanium</a>.</li> </ul> <div> <br /> These frameworks most from CSS-oriented libraries (like Topcoat) to complete MVC-based libraries with sets of mobile UI controls (like Sencha Touch).Ionic is built on the&nbsp;<a href="http://angularjs.org/">AngularJS</a>&nbsp;framework.Frameworks such as Sencha Touch abstract the DOM from the developer through the use of APIs</div> <br /> <li><a href="http://jquerymobile.com/">jQuery Mobile</a></li> <li><a href="http://ionicframework.com/">Ionic</a></li> <li><a href="http://www.sencha.com/products/touch/">Sencha Touch</a></li> <li><a href="http://www.kendoui.com/">Kendo UI Complete</a></li> <li>AppGyver’s <a href="http://www.appgyver.com/steroids">Steroids</a></li> <li><a href="http://enyojs.com/">Enyo</a></li> <li><a href="http://topcoat.io/">TopCoat</a></li> <br /> <a href="http://mobilehtml5.org/" target="_blank">Check&nbsp;</a><a href="http://mobilehtml5.org/" target="_blank">HTML5</a><a href="http://mobilehtml5.org/" target="_blank">&nbsp;compatibility on mobile and tablet browsers with testing on real devices</a><br /> <br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="http://mobile.smashingmagazine.com/2014/02/11/four-ways-to-build-a-mobile-app-part3-phonegap/" target="_blank">More info...</a></div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-20245668326174898842014-01-04T10:50:00.001+05:302014-07-04T19:57:40.110+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <h2> <span style="font-size: small;">The dynamic stylesheet language.</span></h2> <div> <h3> <span style="font-size: small; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="http://lesscss.org/" target="_blank">LESS </a>extends CSS with dynamic behavior such as </span><span style="font-size: small;">variables, mixins, operations and functions. </span></h3> <div> <span style="font-size: small;"><a href="http://lesscss.org/#usage" target="_blank">Less css usages and documentation =&gt;</a></span></div> <h3> <span style="font-size: small; font-weight: normal;"> LESS runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only). &nbsp; &nbsp;</span></h3> <h3> <span style="font-size: small; font-weight: normal;">Scope in LESS is very similar to that of programming languages. Variables and mixins are first looked up locally, and if they aren’t found, the compiler will look in the parent scope, and so on.&nbsp;&nbsp;&nbsp;</span></h3> </div> <div> <br /></div> <div> <h3 style="background-color: white; color: dimgrey; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;"> Topics</h3> <ul style="background-color: white; color: dimgrey; line-height: 20px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><h3 style="color: black; line-height: normal;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="font-weight: normal;">V</span>ariables</span></h3> </li> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><h3 style="color: black; line-height: normal;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">&nbsp;Mixins</span></h3> </li> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><h3 style="color: black; line-height: normal;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Nested Rules</span></h3> </li> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><h3 style="color: black; line-height: normal;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Operations</span></h3> </li> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><h3 style="color: black; line-height: normal;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">&nbsp;Functions.</span></h3> </li> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><h3 style="color: black; line-height: normal;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Client-side Usag</span></h3> </li> <li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><h3 style="color: black; line-height: normal;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Server-side Usage</span></h3> </li> </ul> <div> <span style="color: red; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 20px;"><b><u>Installation Process :-</u></b></span></span></div> <div> <span style="color: red; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 20px;"><b><u><br /></u></b></span></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 20px;"><div> ruby-lang.org -- download -setup</div> <div> <br /></div> <div> cmd ----&gt;</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; c:\\&nbsp;</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; cd Ruby186</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; cd bin</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; gem install less</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; lessc c:\Less\style.less</div> </span></span></div> <div> <span style="color: red; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 20px;"><b><u><br /></u></b></span></span></div> <div> <span style="color: dimgrey; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 20px;"><br /></span></span></div> <div> <span style="color: red; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 20px;"><u><b>Implemetnation of Less CSS :</b></u></span></span></div> </div> <div> <span style="color: dimgrey; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 20px;"><br /></span></span></div> <div> <span style="font-family: Arial, Helvetica, sans-serif;"></span><br /> <div> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 20px;"><u>1. Border Radius Simple</u></span></span></div> <span style="font-family: Arial, Helvetica, sans-serif;"> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.border-radius (@radius: 3px) {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -webkit-border-radius: @radius;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -moz-border-radius: @radius;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; border-radius: @radius;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">#somediv {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; .border-radius(10px);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}&nbsp;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div> <span style="line-height: 20px;"><u>2. Border Radius Custom</u></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.border-radius-custom (@topleft: 3px, @topright: 3px, @bottomleft: 3px, @bottomright: 3px) {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -webkit-border-radius: @topleft @topright @bottomright @bottomleft;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -moz-border-radius: @topleft @topright @bottomright @bottomleft;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; border-radius: @topleft @topright @bottomright @bottomleft;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">#somediv {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; .border-radius-custom(10px, 0px, 0px,10px);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}&nbsp;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div> <span style="line-height: 20px;"><u>3. Box Shadow</u></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.box-shadow (@x: 0px, @y: 2px, @blur:2px, @alpha: 0.6) {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -webkit-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -moz-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">#somediv {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; .box-shadow(1px, 1px, 2px, 0.5);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}&nbsp;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div> <span style="line-height: 20px;"><u>4. Transition</u></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.transition (@prop: all, @time: 2s, @ease: linear) {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -webkit-transition: @prop @time @ease;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -moz-transition: @prop @time @ease;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -o-transition: @prop @time @ease;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -ms-transition: @prop @time @ease;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; transition: @prop @time @ease;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">#somediv {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; .transition(all, 0.1s, ease-in);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}&nbsp;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div> <span style="line-height: 20px;"><u>5. Transform</u></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.transform (@rotate: 120deg, @scale: 1.5, @skew: 1deg, @translate: 5px) {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -webkit-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -moz-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -o-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -ms-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">#someDiv {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; .transform(10deg, 0.8, 2deg, 0px);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}&nbsp;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div> <span style="line-height: 20px;"><u>6. Linear Gradient</u></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.gradient (@origin: left, @start: #ffffff, @stop: #ff6300) {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-color: @start;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: -webkit-linear-gradient(@origin, @start, @stop);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: -moz-linear-gradient(@origin, @start, @stop);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: -o-linear-gradient(@origin, @start, @stop);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: -ms-linear-gradient(@origin, @start, @stop);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: linear-gradient(@origin, @start, @stop);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">#someDiv {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; .gradient(left, #ff6300, #000000);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}&nbsp;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div> <span style="line-height: 20px;"><u>7. Quick Gradient</u></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.quick-gradient (@origin: left, @alpha: 0.4) {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: -webkit-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: -moz-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: -o-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: -ms-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-image: linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">#somediv {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; background-color: ff6300;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; .quick-gradient(top, 0.4);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div> <span style="line-height: 20px;"><u>8. Webkit Reflection</u></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.reflect (@length: 60%, @opacity: 0.1){</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(@length, transparent), to(rgba(255,255,255,@opacity)));</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">#somediv {</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">&nbsp; &nbsp; .reflect(30%, 0.1);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div> <span style="line-height: 20px;"><u>9. Complementary Color Scheme</u></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@base: #ff6300;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@complement1: spin(@base, 90);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@complement2: darken(spin(@base, 90), 10%);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@lighten1: lighten(@base, 10%);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@lighten2: lighten(@base, 40%);</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.one &nbsp; {color: @base;}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.two &nbsp; {color: @complement1;}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.three {color: @complement2;}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.four &nbsp;{color: @lighten1;}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.five &nbsp;{color: @lighten2;}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div> <span style="line-height: 20px;"><u>10. Subtle Color Scheme</u></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;"><br /></span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Mixin */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@base: #ff6300;</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@lighter1: lighten(spin(@base, 5), 10%);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@lighter2: lighten(spin(@base, 10), 20%);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@darker1: darken(spin(@base, -5), 10%);</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">@darker2: darken(spin(@base, -10), 20%);</span></div> <div style="color: dimgrey;"> </div> <div style="color: dimgrey;"> <span style="line-height: 20px;">/* Implementation */</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.one &nbsp; {color: @base;}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.two &nbsp; {color: @lighter1;}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.three {color: @lighter2;}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.four &nbsp;{color: @darker1;}</span></div> <div style="color: dimgrey;"> <span style="line-height: 20px;">.five &nbsp;{color: @darker2;}</span></div> <div style="color: dimgrey; line-height: 20px;"> <br /></div> <div style="line-height: 20px;"> <u><span style="font-size: x-small;"><a href="http://designshack.net/articles/css/10-less-css-examples-you-should-steal-for-your-projects/" target="_blank">-&gt; Readmore</a></span></u></div> </span></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-67397308555475527382014-01-04T10:36:00.002+05:302014-08-03T16:17:31.872+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <a href="http://sass-lang.com/">Sass</a> is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass generates well formatted CSS and makes your stylesheets easier to organize and maintain.<br /> <div> <br /></div> <div> Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. &nbsp; &nbsp;</div> <div> <br /></div> <div> There are endless number of frameworks built with Sass. <a href="http://compass-style.org/">Compass</a>, <a href="http://bourbon.io/">Bourbon</a>, and <a href="http://susy.oddbird.net/">Susy</a> just to name a&nbsp;few. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div> <div> <br /></div> <span class="title"><a href="http://sass-lang.com/documentation/file.SASS_CHANGELOG.html" target="_blank">SASS CHANGELOG Documentation &nbsp;=&gt;</a></span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br /> <div> <br /></div> <div> <div class="complementary content-secondary" role="complementary"> <h3> Topics</h3> <ul> <li><a href="http://sass-lang.com/guide#1">Preprocessing</a></li> <li><a href="http://sass-lang.com/guide#2">Variables</a></li> <li><a href="http://sass-lang.com/guide#3">Nesting</a></li> <li><a href="http://sass-lang.com/guide#4">Partials</a></li> <li><a href="http://sass-lang.com/guide#5">Import</a></li> <li><a href="http://sass-lang.com/guide#6">Mixins</a></li> <li><a href="http://sass-lang.com/guide#7">Inheritance</a></li> <li><a href="http://sass-lang.com/guide#8">Operators</a></li> </ul> </div> <div> <b><u>Installation Process :-</u></b><br /> <br /> <br /> <div style="text-align: left;"> http://www.sass-lang.com/install <br /> open cmd&nbsp;&nbsp; ----</div> <div style="text-align: left;"> <span style="background-color: white;"><span style="color: red;"><span style="display: inline !important; float: none; font-family: 'Courier New',Courier,monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">gem install sass</span></span></span></div> <div style="text-align: left;"> <span style="background-color: white;"><span style="color: red;"><span style="display: inline !important; float: none; font-family: 'Courier New',Courier,monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="color: black;">http://compass-style.org/install</span> </span></span></span></div> <div style="text-align: left;"> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; color: #e06c1f; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="color: red;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">gem install compass</span></span></span></span></div> <div style="text-align: left;"> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; color: #e06c1f; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="color: red;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="color: black;"><b>cd</b></span> desktop</span></span></span></span></div> <div style="text-align: left;"> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; color: #e06c1f; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="color: red;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">compass create project</span></span></span></span></div> <div style="text-align: left;"> <span style="background-color: #eeeeee; display: inline !important; float: none; font-family: 'Courier New',Courier,monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.16px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">http://compass-style.org/help/</span></span></span></div> <div style="text-align: left;"> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; color: #e06c1f; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="color: red;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="color: black;"><b>cd</b></span> project </span></span></span></span></div> <div style="text-align: left;"> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; color: #e06c1f; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="color: red;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">compass watch&nbsp;</span></span></span> </span><br /> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; color: #e06c1f; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="color: red;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><br /></span></span></span></span> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; color: #e06c1f; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="color: red;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><br /></span></span></span></span> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="background-color: white;"><span style="color: #38761d; display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">( or )</span></span></span><br /> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; color: #e06c1f; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="color: red;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><br /></span></span></span></span> <span style="font-family: menlo, monaco, andale mono, courier new, fixed;"><span style="line-height: 22.799999237060547px;"><span style="color: red;">cmd ----&gt; </span>Ruby</span></span><br /> <span style="font-family: menlo, monaco, andale mono, courier new, fixed;"><span style="line-height: 22.799999237060547px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gem install compass</span></span><br /> <span style="font-family: menlo, monaco, andale mono, courier new, fixed;"><span style="line-height: 22.799999237060547px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gem uninstall compass</span></span><br /> <span style="background-color: #eeeeee; display: inline !important; float: none;"><span style="background-color: white; line-height: 22.799999237060547px;"><span style="display: inline !important; float: none; font-family: menlo, monaco, andale mono, courier new, fixed;"></span></span></span><br /> <span style="font-family: menlo, monaco, andale mono, courier new, fixed;"><span style="line-height: 22.799999237060547px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gem install compass --pre&nbsp;</span></span><br /> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; color: #e06c1f; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="color: red;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><br /></span></span></span></span> <span style="-webkit-text-stroke-width: 0px; background-color: #eeeeee; display: inline !important; float: none; font-family: 'Courier New', Courier, monospace; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 28.15999984741211px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><span style="background-color: white;"><span style="display: inline !important; float: none; font-family: menlo,monaco,'andale mono','courier new',fixed; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 22.8px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><b><u>config.rb</u></b></span></span></span><br /> <span style="font-family: menlo, monaco, andale mono, courier new, fixed;"><span style="line-height: 22.799999237060547px;">sass_path = File.dirname(__FILE__)</span></span><br /> <span style="font-family: menlo, monaco, andale mono, courier new, fixed;"><span style="line-height: 22.799999237060547px;">css_path = File.join(File.dirname(__FILE__), "..", "styles")</span></span><br /> <span style="font-family: menlo, monaco, andale mono, courier new, fixed;"><span style="line-height: 22.799999237060547px;">environment &nbsp;= :development</span></span><br /> <span style="background-color: #eeeeee; display: inline !important; float: none;"><span style="background-color: white; line-height: 22.799999237060547px;"><span style="display: inline !important; float: none; font-family: menlo, monaco, andale mono, courier new, fixed;"></span></span></span><br /> <span style="font-family: menlo, monaco, andale mono, courier new, fixed;"><span style="line-height: 22.799999237060547px;">output_style = :compressed</span></span><br /> <div> <br /></div> </div> <br /></div> </div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-60002571846612334502013-12-18T10:26:00.001+05:302014-06-11T12:12:21.010+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <b><span style="color: red;">&nbsp;@media all and ... hack for IE</span></b><br /> <br /> @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {<br />/* IE10+ specific styles go here */<br />}<br /> <br /> Text will be red in Opera7+, Firefox 3.5+, Chrome4+, IE9. Green in other browsers (also in Internet Explorer 8 but not in Internet Explorer 9).<br /> This is old hack but few years ago it was used only for Opera 7+. Now it is used to filter IE.<br /> <br /> .test{color:green;}<br /> @media all and (min-width: 0px){<br /> &nbsp; .test{color:red;}<br /> }<br /> <br /> <br /> <b><span style="color: red;">underscore hack</span></b><br /> <br /> Will work only in IE5.5, IE6:<br /> <br /> Text will be red in Internet Explorer 5.5 and Internet Explorer 6, blue in other browsers.<br /> <br /> .example{<br /> &nbsp; color: blue;<br /> &nbsp; _color: red;<br /> }<br /> <br /> <b><span style="color: red;">html&gt;body hack for IE6</span></b><br /> <br /> IE6 doesn't support child selectors ("&gt;"), so text will be red in IE6 and green in other browsers.<br /> <br /> p{color: red;}<br /> div#mydiv{color: red;}<br /> html&gt;body p {background-color: green;}<br /> html&gt;body div#myDiv{background-color: green;}<br /> <br /> <b><span style="color: red;">backslash in property hack for IE5.x</span></b><br /> <br /> Those style wouldn't work in IE 5.x (Attention: those will work if backslash is first sign, eg: \width: 300px; will work):<br /> <br /> .example{<br /> &nbsp; back\ground: red;<br /> }<br /> .example{<br /> &nbsp; font\t: bold 15px arial;<br /> }<br /> .example{<br /> &nbsp; bord\er: 1px solid red;<br /> }<br /> <br /> <b><span style="color: red;">* html hack for IE6</span></b><br /> <br /> Text will be red in Internet Explorer 6, green in other browsers.<br /> <br /> IE6 thinks that html element has parent. For other browsers html is root element so * html is invalid.<br /> <br /> p{color: green;}<br /> * html p{color: red;}<br /> <br /> <br /> <b><span style="color: red;">Asterisk hack</span></b><br /> <br /> In IE5, IE6, IE7(!) text will be blue, green in other browsers.<br /> <br /> body{<br /> &nbsp; color: green;<br /> &nbsp; * color: blue;<br /> }<br /> <br /> <b><span style="color: red;">Comments mess for IE5-Mac</span></b><br /> <br /> Text will be green in Internet Explorer 5 for Mac. Red in other browsers.<br /> <br /> p{color: green;}<br /> /*hack for ie5\*/<br /> p{color: red;}<br /> /* end */<br /> <br /> <b><span style="color: red;">value comment hack for IE5</span></b><br /> <br /> In IE5.x/WIN (don't know if works for Mac) text will be red, blue in other browsers:<br /> <br /> .menu{<br /> &nbsp; width: red;<br /> &nbsp; width: /**/blue;<br /> }<br /> <br /> <b><span style="color: red;">!important or not hack for IE7</span></b><br /> <br /> In Internet Explorer 7 and below text will be green and red in other browsers.<br /> <br /> .h19a{color:red; color: green !important!;}<br /> <br /> &nbsp;.h19b{color:red; color:green !inIE;}<br /> <br /> <b><span style="color: red;">\{space} hack</span></b><br /> <br /> Text red underlined in IE &lt; 8 and green, bold, without underline in other browsers.<br /> \0 works with background in IE9 but it also works in Opera (10.5) so it unsafe. \0 not works in ie6.<br /> <br /> div {color:green; font-weight:bold;}<br /> div\ {color:red; text-decoration:underline;}<br /> p{<br /> &nbsp; &nbsp; color:blue;<br /> &nbsp; &nbsp; color: pink\9;<br /> &nbsp; &nbsp; text-decoration:underline\a;<br /> &nbsp; &nbsp; font-weight:bold\b;<br /> &nbsp; &nbsp; background:yellow\d;<br /> &nbsp; &nbsp; border:1px solid\0; /*This works in IE7, IE8, IE9, Opera 10.63).*/<br /> }<br /> <br /> <b><span style="color: red;">*+html hack working only in IE7</span></b><br /> <br /> This is variant of * html hack for IE6 but this one works only in IE7.<br /> <br /> Text will be green in IE7 and blue in other browsers.<br /> <br /> .test { color: blue; }<br /> <br /> *+html .test { color: green; }<br /> <br /> <b><span style="color: red;">hack to target IE7 and below</span></b><br /> <br /> This is modification of hack 5. Ie 7 supports child selectors but not when there is an empty comment after it.<br /> <br /> Text will be blue in IE7 and below and green in other browsers.<br /> <br /> .test { color: blue; }<br /> html &gt;/**/body .test { color: green; }<br /> <br /> <b><span style="color: red;">Double ID hack for IE8</span></b><br /> <br /> Text red only in Internet Explorer 8, green in other browsers (also in IE7 or IE9).<br /> <br /> p{color:red;}<br /> p,#ie8#bug{color:green;}<br /> <br /> <br /> <br /> <b><span style="color: red;">&nbsp;hack to target IE8 and IE9 only</span></b><br /> <br /> Text will be green in Internet Explorer 8 and 9. Red in other browsers. It will not work for background or font-*.<br /> <br /> .test{color:red;}<br /> .test{color:green \ ;}<br /> <br /> <br /> <b><span style="color: red;">hack to target IE9 only</span></b><br /> <br /> Text will be green in Internet Explorer 9. Red in other browsers. It will not work for background or font-*.<br /> <br /> .test{color:red;}<br /> :root .test{color:green \ ;}<br /> <br /> <b><span style="color: red;">IE9 hack</span></b><br /> <br /> On the web you can find hack for Internet Explorer 9 :root .test {color: green\0;}. But be careful. This declaration will work not only in IE9 but also in Opera (tested in 10.63).<br /> <br /> You can replace \0 with other chars (see hack 17) but then it will not work for background.<br /> <br /> Text green in Internet Explorer 9 and Opera.<br /> <br /> .test{color:red;}<br /> :root .test {color: green\0;}<br /> <br /> <b><span style="color: red;">\9 hack</span></b><br /> <br /> Text green in Internet Explorer 7 and above, red in other browsers. Remove comment to make text green also in IE6.<br /> <br /> p{color:red; color /*\**/: green\9;}<br /> <br /> <b><span style="color: red;">IE 10 &nbsp;hack</span></b><br /> <br /> /* IE 10+ */<br /> @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {<br /> &nbsp; &nbsp;#veintiun { color: red; }<br /> }<br /> <br /> /* IE 10+ */<br /> @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {<br /> &nbsp; &nbsp;#veintiun { color: red; }<br /> }<br /> <div> <br /></div> <br /> <br /> <br /> <b><span style="color: red;">moz-any() for Firefox 4-6</span></b><br /> <br /> <br /> in firefox 4 you can use :-moz-any() grouping selector. Inside :-moz-any() you can use simple selectors. :any() grouping element cannot contains combinators.<br /> <br /> In firefox 4 text will be green. Red in other browsers.<br /> <br /> p.test{color:red;}<br /> :-moz-any(p.test}{color:green;}<br /> <br /> <br /> <b><span style="color: red;">@-moz-document hack for firefox</span></b><br /> <br /> Text will be green in firefox&gt;1.5 and red in other browsers.<br /> <br /> .h21{color:red;}<br /> @-moz-document url-prefix(){<br /> &nbsp; .h21{color:green;}<br /> }<br /> <br /> @-moz-document url-prefix() { <br />&nbsp; .selector {<br />&nbsp;&nbsp;&nbsp;&nbsp; color:lime;<br />&nbsp; }<br />} <br /> <br /> <b><span style="color: red;">-webkit-min-device- hack for Chrome and Safari</span></b><br /> <br /> Hack for Google Chrome. In Google Chrome text will be green and red in other browsers.<br /> <br /> #item .element{color:green;}<br /> @media screen and (-webkit-min-device-pixel-ratio:0) {<br /> &nbsp; &nbsp; #item .element{color:red;}<br /> }<br /> <br /> <b><span style="color: red;">Bracket-property hacks</span></b><br /> Hacks for goole Chrome and one for Opera. Text will be red in Google Chrome, green in other browsers.<br /> <br /> /* will be red only in opera&lt;10 and google chrome */<br /> #test2{<br /> &nbsp; &nbsp; color:green;<br /> &nbsp; &nbsp; -bracket-:hack(;<br /> &nbsp; &nbsp; &nbsp; &nbsp; color:red;<br /> &nbsp; &nbsp; );<br /> }<br /> /* will be red only in google chrome */<br /> #test3{<br /> &nbsp; &nbsp; color:green;<br /> &nbsp; &nbsp; (-bracket-:hack;<br /> &nbsp; &nbsp; &nbsp; &nbsp; color:red;<br /> &nbsp; &nbsp; );<br /> }<br /> /* will be red only in google chrome */<br /> #test4{<br /> &nbsp; &nbsp; color:green;<br /> &nbsp; &nbsp; -bracket-:hack[;<br /> &nbsp; &nbsp; &nbsp; &nbsp; color:red;<br /> &nbsp; &nbsp; ];<br /> }<br /> <b><span style="color: red;">&nbsp;hack for Only Chrome</span></b><br /> <b><span style="color: red;"><br /></span></b> @media screen and (-webkit-min-device-pixel-ratio:0){<br /> body:nth-of-type(1) .classname{ padding-left:0;}<br /> }<br /> <br /> <div style="text-align: left;"> <span style="color: red; font-size: small;"><b>hover , focus problem in safari and chrome</b></span></div> <span style="color: green; font-size: x-small;"><br /></span> <br /> <div lang="" style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;">/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */</span></span></div> <div lang="" style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;">/*html { -webkit-animation: safariSelectorFix infinite 1s }</span></span></div> <div lang="" style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;">@-webkit-keyframes safariSelectorFix { 0% {</span></span></div> <div lang="" style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;">zoom:1;</span></span></div> <div lang="" style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;">}</span></span></div> <div lang="" style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;">100% {</span></span></div> <div lang="" style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;">zoom:1;</span></span></div> <div lang="" style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;">}</span></span></div> <br /> <div style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;">}*/</span></span></div> <div style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;"><br /></span></span></div> <div style="margin-bottom: 0in;"> <span style="color: green;"><span style="font-size: x-small;"><br /></span></span></div> <b><span style="color: red;">Multihack</span></b><br /> <br /> Multihack sets red color for ie, blue for gecko (Firefox), pink for Opera &gt; 8.5:<br /> <br /> /*ie*/<br /> #example{<br /> &nbsp; color: red;<br /> }<br /> /*firefox(gecko)*/<br /> body:not([foobar]) #example{<br /> &nbsp; color: blue;<br /> }<br /> /*opera &gt; v8.5*/<br /> @media all and (min-height:0px;){<br /> &nbsp; body #example{<br /> &nbsp; color: pink;<br /> &nbsp; }<br /> }<br /> <br /> <br /> <b><span style="color: red;">for older browsers and Operas &lt; 8</span></b><br /> <br /> Will not work in older browsers (Netscape 4) and Opera below version 8.<br /> <br /> body{<br /> &nbsp; background-color: green;<br /> &nbsp; voice-family: "\"}\"";<br /> &nbsp; voice-family: inherit;<br /> &nbsp; background-color: red;<br /> <!--10--><br /> }<br /> <div> <br /></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-34812696770606757912013-11-18T19:56:00.002+05:302013-11-18T19:56:11.215+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <ul style="text-align: left;"> <li>Jquery(jquery.com)</li> <li>YUI (http://yuilibrary.com/)</li> <li>Extjs(http://www.sencha.com/products/extjs/)</li> <li>Json(http://www.json.org/)</li> <li>Dojo (http://dojotoolkit.org/)</li> <li>Backbone.js (http://documentcloud.github.io/backbone/)</li> <li>script.aculo.us(http://script.aculo.us/)</li> <li>UIZE (http://www.uize.com/)</li> <li>Knockout(http://knockoutjs.com/)</li> <li>qooxdoo(http://qooxdoo.org/)</li> <li>Spine (http://spinejs.com/)</li> <li>ActiveJS(http://www.activejs.org/)</li> <li>Agility (http://agilityjs.com/)</li> <li>Angular(http://angularjs.org/)<span class="Apple-tab-span" style="white-space: pre;"> </span></li> <li>Eyeballs<span class="Apple-tab-span" style="white-space: pre;"> </span>(https://github.com/paulca/eyeballs.js)</li> <li>Sproutcore (www.sproutcore.com)</li> <li>Cappuccino (cappuccino.org)</li> <li>Pure MVC(puremvc.org)</li> <li>JavaScriptMVC (http://javascriptmvc.com/)</li> <li>Jamal(jamal-mvc.com)</li> <li>Choco(https://github.com/ahe/choco)</li> <li>Sammy (http://sammyjs.org/)</li> <li>TrimJunction(http://code.google.com/p/trimpath/wiki/TrimJunction)</li> <li>CorMVC(https://github.com/bennadel/CorMVC)</li> <li>Batman(batmanjs.org)</li> </ul> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-92028785410678867602013-11-18T19:54:00.001+05:302013-11-18T19:54:08.297+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <ul style="text-align: left;"> <li>Bootstrap</li> <li>Compass</li> <li>Columnal</li> <li>Fluid Baseline Grid</li> <li>Profound</li> <li>Goldilocks</li> <li>Gridless</li> <li>InuitCSS</li> <li>Blueprint</li> <li>YAML19&nbsp;</li> <li>Gridlock</li> <li>Less Framework</li> <li>960 Grid System</li> <li>Skeleton</li> <li>Foundation</li> <li>Responsive Grid System</li> <li>Gumby Framework</li> <li>Base</li> <li>Semantic Grid System</li> <li>Responsive Grid System</li> </ul> <div> <br /></div> <div> <b><span style="color: red;">More CSS Frameworks</span></b></div> <br /> <div> <ul style="text-align: left;"> <li>34 Grid</li> <li>Amazium</li> <li>BluCSS Framework</li> <li>CSS Horus</li> <li>Golden Grid System</li> <li>Gridiculo us</li> <li>Groundwork CSS</li> <li>HTML5 Mobile Boilerplate</li> <li>Ingrid</li> <li>Initializer</li> <li>Ivory</li> <li>Kube CSS Framework</li> <li>Less+ Framework</li> <li>Proportional Grids</li> <li>ResponsiveAeon</li> <li>Rock Hammer</li> <li>Sassaparilla</li> <li>Simple Grid</li> <li>Stack Layout</li> <li>Titan Framework</li> <li>Toast CSS Framework</li> <li>Unsemantic</li> <li>Zen Grids</li> </ul> </div> <br /> <div> <br /></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-12014534025274283312013-03-15T10:43:00.003+05:302013-12-18T10:39:24.940+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <pre class="western"><span style="color: red;"><span style="font-size: small;"><b>For all versions of ie:- </b></span></span><span style="font-size: small;">&lt;!--[if IE]&gt; &lt;link rel="stylesheet" type="text/css" href="all-ie-only.css" /&gt; &lt;![endif]--&gt;</span><span style="color: red;"><span style="font-size: small;"><b> </b></span></span></pre> <span style="color: red;"><span style="font-size: small;"><b><br /></b></span></span> <span style="color: red;"><span style="font-size: small;"><b>IE Bugs Fixing Hacks for all browsers :-</b></span></span> <span style="font-size: small;"> </span><br /> <br /> <div style="text-align: left;"> <span style="font-size: small;"> </span><span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>IE-6 ONLY</b></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">* html #div { </span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"> height: 300px;</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></span><span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>IE-7 ONLY</b></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">*+html #div { </span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"> height: 300px;</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>IE-8 ONLY</b></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">#div {</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"> height: 300px\0/;</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>IE-7 &amp; IE-8</b></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">#div {</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"> height: 300px\9;</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>NON IE-7 ONLY:</b></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">#div {</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"> _height: 300px;</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Hide from IE 6 and LOWER:</b></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">#div {</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"> height/**/: 300px;</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">html &gt; body #div {</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"> height: 300px;</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></span></div> <pre class="western">&nbsp;</pre> <br /> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>IE-9 ONLY</b></span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">:root &nbsp;#div {</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"> height: 300px\0/;</span></span></div> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></span></div> <br /> <br /> <div style="text-align: left;"> <span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="text-align: left;"> <span style="color: red;"><span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>IE-9<span style="font-size: small;"> and IE-10</span></b></span></span></span> </div> <pre class="western"><pre class="western"><h4 class="western"> @media all and (min-width:0) { .classname { right:15px\0/ ; } /* IE9-IE10pp4 */ } </h4> </pre> </pre> <h2 style="text-align: left;"> <span style="color: red;"><span style="font-size: small;">Hacks for chrome and safari :-</span></span></h2> <div style="text-align: left;"> @media screen and (-webkit-min-device-pixel-ratio:0)</div> <div style="text-align: left;"> {&nbsp;</div> <div style="text-align: left;"> .classname &nbsp;{margin: 0px 5px 0px 0px; } &nbsp;/* &nbsp;Web kit and Chrome */&nbsp;</div> <div style="text-align: left;"> }</div> <div style="text-align: left;"> <br /></div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-49533472471186691062013-02-14T12:55:00.004+05:302014-03-19T13:21:50.061+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> /****** <b><span style="color: #990000;">Browse Button Method</span> </b>******/<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO4kqPIYEamtJZEQ5mLBu2Rc8jFFvnBtrpC9WafPyeG8evdxDOcOCkHyq5KPVXF3CQgiZymq3JKJstYm6cwEZYtRqEI9eSIAt0YIOykxYba92PxPF7LBT6CdhwM0IU3VJaVP10LyZ1DYFY/s1600/browse.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO4kqPIYEamtJZEQ5mLBu2Rc8jFFvnBtrpC9WafPyeG8evdxDOcOCkHyq5KPVXF3CQgiZymq3JKJstYm6cwEZYtRqEI9eSIAt0YIOykxYba92PxPF7LBT6CdhwM0IU3VJaVP10LyZ1DYFY/s320/browse.jpg" height="40" width="320" /></a><br /> <span style="color: #38761d;"><b>&lt;style type="text/css"&gt;</b></span><br /> .upload_block {<br /> position:relative;<br /> width:250px;<br /> height:36px;<br /> float:left;<br /> }<br /> .trueupload {<br /> position:absolute;<br /> top:20px;<br /> right:0;<br /> <br /> /* start of transparency styles */<br /> opacity:0;<br /> -moz-opacity:0;<br /> filter:alpha(opacity:0);<br /> /* end of transparency styles */<br /> <br /> z-index:2; /* bring the real upload interactivity up front */<br /> width:100px;<br /> }<br /> .dummyupload {<br /> background: url(images/browse_btn.jpg) no-repeat 100% 50%;<br /> height:36px;<br /> <br /> }<br /> .dummyupload input {<br /> width:150px;<br /> height:30px;<br /> }<br /> <b><span style="color: #38761d;">&lt;/style&gt;</span></b><br /> <b><span style="color: #38761d;"><br /></span></b> <b><span style="color: #38761d;">&lt;body&gt;</span></b> <b><span style="color: #38761d;"><br /></span></b><br /> &lt;form&gt;<br /> &lt;div class="upload_block"&gt;<br /> &lt;label for="upload"&gt;Upload Image: &lt;/label&gt;<br /> &lt;div class="dummyupload"&gt;<br /> &lt;input type="text" name="dummyupload" /&gt; &lt;!-- browse button is here as background --&gt;<br /> &lt;/div&gt;<br /> &lt;input type="file" name="upload" class="trueupload" onchange="this.form. dummyupload.value = this.value;" /&gt;<br /> &lt;/div&gt; <br /> &lt;/form&gt;<br /> <b><span style="color: #38761d;">&lt;/body&gt;</span></b><br /> <b><span style="color: #38761d;"><br /></span></b> <b><span style="color: #38761d;">/*----------------------------------------------------*/</span></b><br /> <b><span style="color: #38761d;"><br /></span></b> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikXjKZf929IRuNNqjdIzQQNLIF-2pcVPYH2i91-8-ks7jQ40djuugS0avpUFiIzMsGVyTx7jRexGCNmqgq9ev15amnmeWvmGlg-9A9x6WiPI2u1YRrG-mYiXQUweSJFlLn2ytl1g2mrUvA/s1600/uploadfile.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikXjKZf929IRuNNqjdIzQQNLIF-2pcVPYH2i91-8-ks7jQ40djuugS0avpUFiIzMsGVyTx7jRexGCNmqgq9ev15amnmeWvmGlg-9A9x6WiPI2u1YRrG-mYiXQUweSJFlLn2ytl1g2mrUvA/s1600/uploadfile.jpg" height="30" width="320" /></a></div> <b><span style="color: #38761d;"><br /></span></b> <b style="color: #38761d;"><br /></b> <b style="color: #38761d;"><br /></b> <b style="color: #38761d;">&lt;style type="text/css"&gt;</b><br /> .upload_photo { position:relative; width:460px; height:34px; float:left }<br /> .trueup { height: 34px; left: 0; opacity: 0; position: absolute; top: 0px; width: 460px; z-index: 9 }<br /> .dummyup { background:#faf8f6; width:460px }<br /> .dummyup .filebtn { background: url("../images/browse_btn.png") no-repeat scroll right top rgba(0, 0, 0, 0); border: medium none; height: 34px; position: absolute; right: -26px; top: -2px; width: 168px; }<br /> .dummyup input[type='text'] {&nbsp;<span class="cssPropName editable ">border</span><span class="cssColon ">: </span><span class="cssPropValue editable ">1px solid #E3DCDC</span><span class="cssSemi ">;</span><span class="cssPropIndent ">&nbsp;</span><span class="cssPropName editable ">color</span><span class="cssColon ">: </span><span class="cssPropValue editable ">#444444</span><span class="cssSemi ">;</span><span class="cssPropIndent ">&nbsp;</span><span class="cssPropName editable ">font-size</span><span class="cssColon ">: </span><span class="cssPropValue editable ">13px</span><span class="cssSemi ">;</span><span class="cssPropIndent ">&nbsp;</span><span class="cssPropName editable ">height</span><span class="cssColon ">: </span><span class="cssPropValue editable ">26px</span><span class="cssSemi ">;</span><span class="cssPropIndent ">&nbsp; &nbsp;&nbsp;</span><span class="cssPropName editable ">padding</span><span class="cssColon ">: </span><span class="cssPropValue editable ">0 10px</span><span class="cssSemi ">;</span><span class="cssPropIndent ">&nbsp; &nbsp;&nbsp;</span>width:290px !important; &nbsp;}<br /> <div> <b><span style="color: #38761d;">&lt;/style&gt;</span></b></div> <div> <b><span style="color: #38761d;">&lt;body&gt;</span></b>&nbsp;</div> &lt;form&gt;<br /> &lt;div class="upload_photo"&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;div class="dummyup"&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type="text" name="dummyup" value="" /&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type="submit" class="filebtn" value="" &nbsp; /&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- browse button is here as background --&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;input type="file" name="upload" class="trueup" onchange="dummyup.value = this.value;" /&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &lt;/form&gt;<br /> <b><span style="color: #38761d;">&lt;/body&gt;</span></b><br /> <b><span style="color: #38761d;"><br /></span></b> <b><span style="color: #38761d;"><br /></span></b> <span style="color: #38761d;"><a href="http://www.kavoir.com/2009/02/styling-file-upload-select-input-control-input-typefile.html" target="_blank">For more details click here</a></span><b><span style="color: #38761d;"><br /></span></b></div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com1tag:blogger.com,1999:blog-4461712783962995994.post-47307677302238304032013-02-14T12:50:00.003+05:302013-02-14T19:02:39.345+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> /****** <b><span style="color: #cc0000;">Drag and Drop Method For Input type="file" </span></b>*******/<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR4-cKiVYQapFBySImqduPwWM4Ku0qhp05wS_04PnvbWcQmTZ5AZeuPUKMF2QkHlyx0aZYUdZcnWbPUb1lm8QdhfrEx1pmfkMkkAgqaIFO6jIFEC4fGxpj3MwmEn2l2W65Yb5Znruo1DPI/s1600/drag.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR4-cKiVYQapFBySImqduPwWM4Ku0qhp05wS_04PnvbWcQmTZ5AZeuPUKMF2QkHlyx0aZYUdZcnWbPUb1lm8QdhfrEx1pmfkMkkAgqaIFO6jIFEC4fGxpj3MwmEn2l2W65Yb5Znruo1DPI/s320/drag.jpg" width="320" /></a></div> <span style="color: #38761d;"><b>&lt;style type="text/css"&gt;</b></span><br /> .upload_box {<br /> width:350px;<br /> height: 50px;<br /> color: #000;<br /> font-size: 19px;<br /> text-align: center;<br /> padding: 20px 10px 0px;<br /> margin:20px 0px;<br /> overflow: hidden;<br /> position: relative;<br /> background: url("/images/arrow_upload.png") repeat-x scroll left top transparent;<br /> background:#eeeeee;<br /> border:1px solid #bbbbbb;<br /> }<br /> .uploadfile {<br /> cursor: pointer;<br /> display: block;<br /> font-size: 200px;<br /> height: 140px;<br /> left: -250px;<br /> opacity: 0;<br /> position: absolute;<br /> top: -10px;<br /> width: 600px;<br /> z-index: 97;<br /> }<br /> h3 {<br /> font:bold 18px/24px Verdana, Arial, Helvetica, sans-serif;<br /> margin:0px 0px 0px;<br /> padding:0px 0px;<br /> }<br /> <span style="background-color: #38761d;"><span style="background-color: #38761d;"><span style="background-color: white;"><span style="color: #38761d;"><b>&lt;/style&gt;</b></span></span></span></span><br /> <span style="background-color: #38761d;"><span style="background-color: #38761d;"><span style="background-color: white;"><span style="color: #38761d;"><b><br /></b></span></span></span></span> <span style="background-color: #38761d;"><span style="background-color: #38761d;"><span style="background-color: white;"><span style="color: #38761d;"><b><br /></b></span></span></span></span> <span style="color: #274e13;"><b>&lt;body&gt;</b></span><br /> <span style="color: #274e13;"><b><br /></b></span> &lt;div class="upload_box"&gt;<br /> &lt;input type="file" multiple="multiple" class="uploadfile" name="uploadfile" id="uploadfile"&gt;<br /> &lt;h3&gt;Drag &amp;amp; Drop Files Here To upload&lt;/h3&gt;<br /> &lt;/div&gt;<br /> <br /> <span style="color: #274e13;"><b>&lt;/body&gt;</b></span><br /> <br /> <br /> <br /> <br /></div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-61757837045994792762013-02-05T18:39:00.002+05:302013-02-05T18:39:53.858+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><u><span style="color: red; font-size: 14.0pt; line-height: 115%;">How to use Font Face :</span></u></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> The Web Font Loader is a JavaScript library that gives you more control over font loading than the Google Web Fonts API provides. The Web Font Loader also lets you use multiple web-font providers. It was co-developed by Google and Type kit.</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><u><span style="color: red; font-size: 14.0pt; line-height: 115%;">Simple Method :</span></u></b><b style="mso-bidi-font-weight: normal;"><span style="color: red; font-size: 14.0pt; line-height: 115%;"><span style="mso-spacerun: yes;">&nbsp; </span>(From our system local font)</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><u>@font-face {</u></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><u><span style="mso-spacerun: yes;">&nbsp; </span>font-family: 'Awesome Font';</u></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><u><span style="mso-spacerun: yes;">&nbsp; </span>src: url('awesome-font.ttf');</u></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><u>}</u></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;">@font-face {</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;"><span style="mso-spacerun: yes;">&nbsp; </span>font-family: 'Awesome Font';</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;"><span style="mso-spacerun: yes;">&nbsp; </span>src: url('awesome-font.eot'); <span style="mso-spacerun: yes;">&nbsp;</span></span><span style="color: #c0504d; mso-themecolor: accent2;">/* IE9 Compat Modes */</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;"><span style="mso-spacerun: yes;">&nbsp; </span>src: url('awesome-font.eot?#iefix') format('embedded-opentype'), </span><span style="color: #c0504d; mso-themecolor: accent2;">/* IE6-IE8 */</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;"><span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>url('awesome-font.woff') format('woff'), </span><span style="color: #c0504d; mso-themecolor: accent2;">/* Modern Browsers */</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;"><span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>url('awesome-font.ttf')<span style="mso-spacerun: yes;">&nbsp; </span>format('truetype'), </span><span style="color: #c0504d; mso-themecolor: accent2;">/* Safari, Android, iOS */</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;"><span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>url('awesome-font.svg#svgFontName') format('svg'); </span><span style="color: #c0504d; mso-themecolor: accent2;">/* Legacy iOS */</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;">}</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><u><span style="color: red; font-size: 14.0pt; line-height: 115%;">Web Method :</span></u></b><b style="mso-bidi-font-weight: normal;"><span style="color: red; font-size: 14.0pt; line-height: 115%;"><span style="mso-spacerun: yes;">&nbsp; </span>(From <span style="mso-spacerun: yes;">&nbsp;</span>internet <span style="mso-spacerun: yes;">&nbsp;</span>web <span style="mso-spacerun: yes;">&nbsp;</span>font)</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;">Full information you will get from here:</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <a href="http://www.adobe.com/devnet/html5/articles/web-typography-and-css-font-face.html"><b style="mso-bidi-font-weight: normal;">http://www.adobe.com/devnet/html5/articles/web-typography-and-css-font-face.html</b></a></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: red;">&lt;script </span><span style="color: black; mso-themecolor: text1;">type="text/javascript" src="http://use.typekit.com/typekitid.js" &gt;</span><span style="color: red;">&lt;/script&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: red;">&lt;script type="text/javascript"&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;">try{Typekit.load();}catch(e){</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;">}</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: red;">&lt;/script&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: #00b050;">&lt;style type="text/css"&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp; </span>.wf-loading h1 {</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp;&nbsp; </span>visibility: hidden;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp; </span>}</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;">.wf-active {</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp;&nbsp; </span>/* styles to use when web fonts are active */</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp; </span>}</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp; </span>.wf-inactive {</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp;&nbsp; </span>/* styles to use when web fonts are inactive */</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp; </span>}</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: #00b050;">&lt;/style&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><u><span style="color: red; font-size: 14.0pt; line-height: 115%;">Web Method :</span></u></b><b style="mso-bidi-font-weight: normal;"><span style="color: red; font-size: 14.0pt; line-height: 115%;"><span style="mso-spacerun: yes;">&nbsp; </span>(From <span style="mso-spacerun: yes;">&nbsp;</span>Google<span style="mso-spacerun: yes;">&nbsp; </span>web <span style="mso-spacerun: yes;">&nbsp;</span>font)</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;">Full information you will get from here:</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <a href="https://developers.google.com/webfonts/docs/webfont_loader">https://developers.google.com/webfonts/docs/webfont_loader</a></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <a href="http://www.adobe.com/devnet/edge-web-fonts/articles/use-at-font-face-with-with-font-services.html">http://www.adobe.com/devnet/edge-web-fonts/articles/use-at-font-face-with-with-font-services.html</a></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> &lt;html&gt;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp; </span>&lt;head&gt;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: red;"><span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>&lt;script type="text/javascript"&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>WebFontConfig = {</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>google: { families: [ 'Tangerine', 'Cantarell' ] }</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>};</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>(function() {</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>var wf = document.createElement('script');</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>wf.type = 'text/javascript';</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>wf.async = 'true';</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>var s = document.getElementsByTagName('script')[0];</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>s.parentNode.insertBefore(wf, s);</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>})();</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: red;"><span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>&lt;/script&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <b style="mso-bidi-font-weight: normal;"><span style="color: #7030a0;">(OR )</span></b></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: red;">&lt;script </span><span style="color: black; mso-themecolor: text1;">src="//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"</span><span style="color: red;">&gt;&lt;/script&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: red;">&lt;script&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;">WebFont.load({</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp; </span>custom: {</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>families: ['yourfontname'],</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>urls: ['http://paulirish.com/ yourfontname.css']</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;"><span style="mso-spacerun: yes;">&nbsp; </span>}</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: black; mso-themecolor: text1;">});</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: red;">&lt;/script&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: #00b050;"><span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>&lt;style type="text/css"&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>.wf-loading p {</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-family: serif</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>}</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>.wf-inactive p {</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-family: serif</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>}</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>.wf-active p {</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-family: 'Tangerine', serif</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>}</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>.wf-loading h1 {</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-family: serif;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-weight: 400;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-size: 16px</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>}</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>.wf-inactive h1 {</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-family: serif;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-weight: 400;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-size: 16px</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>}</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>.wf-active h1 {</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-family: 'Cantarell', serif;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-weight: 400;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>font-size: 16px</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>}</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: #00b050;"><span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>&lt;/style&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp; </span>&lt;/head&gt;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;"><span style="mso-spacerun: yes;">&nbsp; </span>&lt;body&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>&lt;h1&gt;This is using Cantarell&lt;/h1&gt;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>&lt;p&gt;This is using Tangerine!&lt;/p&gt;</div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <span style="color: #548dd4; mso-themecolor: text2; mso-themetint: 153;"><span style="mso-spacerun: yes;">&nbsp; </span>&lt;/body&gt;</span></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> <br /></div> <div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;"> &lt;/html&gt;</div> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-31612085111378851812013-01-31T23:48:00.001+05:302013-02-04T13:11:04.256+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <b>Google Code Subversion Repository Error</b> will be fix it by deleting that&nbsp; java script link in your HTML code.<br /> <br /> <strong>Error will disply like this:</strong><br /> <strong><br /></strong> <strong>A username and password are being requested by <span style="color: #cc0000;">https://blogsitename.googlecode.com</span> The site says: "Google Code Subversion Repository"</strong><br /> <strong><br /></strong> <br /> I learn this error occurs when any script got deleted. This script will be hosted by other persons and when they remove those scripts, we are suffering if we were using those scripts on our website. <br /> <br /> <ul> <li>Go to the&nbsp; template tab in settings.</li> <li>Edit HTML </li> <li>Find the script used by that address [ eg:-<span style="color: #cc0000;"> https://blogsitename.googlecode.com</span> ]</li> <li>It will be like <span style="color: #cc0000;">&lt;script src="https://</span><span style="color: #cc0000;">blogsitename</span><span style="color: #cc0000;">.googlecode.com/<b>scriptcode</b>"</span><b><span style="color: #cc0000;"> /&gt;</span> [scriptcode varies according to the link ]</b></li> <li>Delete that script.</li> <li>Save your template.</li> <li>you fix the problem... :) </li> </ul> </div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0tag:blogger.com,1999:blog-4461712783962995994.post-9597418430833629832013-01-31T17:05:00.001+05:302013-01-31T17:05:07.051+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <span style="color: #3d85c6;">&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;<br />&lt;link rel="stylesheet" </span><span style="color: #38761d;">href="menu_style.css"</span><span style="color: #3d85c6;"> /&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />&lt;nav id="mainmenu"&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt; </span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Menu 1</span><span style="color: #38761d;">&lt;/a&gt;</span><span style="color: #3d85c6;"><br />&nbsp; &nbsp;&lt;ul&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;</span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Sub Menu</span><span style="color: #38761d;"> &lt;/a&gt;</span><span style="color: #3d85c6;">&lt;/li&gt;<br /> </span> <span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &lt;li&gt;</span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Sub Menu</span><span style="color: #38761d;"> &lt;/a&gt;</span><span style="color: #3d85c6;">&lt;/li&gt;</span> <br /> <span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &lt;li&gt;</span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Sub Menu</span><span style="color: #38761d;"> &lt;/a&gt;</span><span style="color: #3d85c6;">&lt;/li&gt;</span> <br /> <span style="color: #3d85c6;">&nbsp; &nbsp;&lt;/ul&gt;<br /> &lt;/li&gt;<br /> </span> <span style="color: #3d85c6;">&lt;li&gt; </span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Menu 2</span><span style="color: #38761d;">&lt;/a&gt;</span> <span style="color: #3d85c6;">&nbsp; &nbsp;</span><br /> <span style="color: #3d85c6;">&nbsp; &nbsp;&lt;ul&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;</span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Sub Menu</span><span style="color: #38761d;"> &lt;/a&gt;</span><span style="color: #3d85c6;">&lt;/li&gt;<br /> </span> <span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &lt;li&gt;</span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Sub Menu</span><span style="color: #38761d;"> &lt;/a&gt;</span><span style="color: #3d85c6;">&lt;/li&gt;</span> <br /> <span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &lt;li&gt;</span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Sub Menu</span><span style="color: #38761d;"> &lt;/a&gt;</span><span style="color: #3d85c6;">&lt;/li&gt;</span> <br /> <span style="color: #3d85c6;">&nbsp; &nbsp;&lt;/ul&gt;</span><span style="color: #3d85c6;"><br /></span><br /> <span style="color: #3d85c6;"> &lt;/li&gt;<br /> </span> <span style="color: #3d85c6;">&lt;li&gt; </span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Menu 3</span><span style="color: #38761d;">&lt;/a&gt;</span><span style="color: #3d85c6;"> &nbsp;</span> <span style="color: #3d85c6;">&nbsp; &nbsp;&lt;ul&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;</span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Sub Menu</span><span style="color: #38761d;"> &lt;/a&gt;</span><span style="color: #3d85c6;">&lt;/li&gt;<br /> </span> <span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &lt;li&gt;</span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Sub Menu</span><span style="color: #38761d;"> &lt;/a&gt;</span><span style="color: #3d85c6;">&lt;/li&gt;</span> <br /> <span style="color: #3d85c6;">&nbsp; &nbsp; &nbsp; &lt;li&gt;</span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Sub Menu</span><span style="color: #38761d;"> &lt;/a&gt;</span><span style="color: #3d85c6;">&lt;/li&gt;</span> <br /> <span style="color: #3d85c6;">&nbsp; &nbsp;&lt;/ul&gt;</span><br /> <br /> <span style="color: #3d85c6;">&lt;/li&gt;<br /> </span> <span style="color: #3d85c6;">&lt;li&gt; </span><span style="color: #38761d;">&lt;a href="#"&gt;</span><span style="color: #3d85c6;">Menu 4</span><span style="color: #38761d;">&lt;/a&gt;</span> <span style="color: #3d85c6;"> &lt;/ul&gt;<br />&lt;/nav&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;</span><br /> <br /> <br /> <br /> <br /> <strong>Menu CSS :-</strong><br /> <br /> <br /> <br /> /*-------------------------<br /> Global Reset CSS<br />--------------------------*/<br /><br /><span style="color: #0b5394;">* {<br /> margin:0;<br /> padding:0;<br />}<br />html {<br /> position:relative;<br />}</span><br />/*----------------------------<br /> Main Menu CSS<br />-----------------------------*/<br /><br /><br /><span style="color: #0b5394;">#mainmenu &gt; ul {<br /> width: 500px; /* Increase when you adding more menu tabs */<br /> margin:0 auto;<br />}<br />#mainmenu &gt; ul &gt; li { /* This style only for the top level li */<br /> background:#eee;<br /> list-style: none;<br /> display: inline-block;<br /> line-height: 1;<br /> margin: 1px;<br /> border-radius: 3px;<br /> position:relative;<br />&nbsp;font:12px/18px Arial, Helvetica, sans-serif;<br /> text-decoration:none !important;<br /> font-size:24px;<br /> padding: 10px 10px;<br />}</span><br /> <span style="color: #0b5394;">#mainmenu li a {<br /> text-decoration:none;<br />}</span> <span style="color: #0b5394;"><br />#mainmenu li ul {<br /> position:absolute;<br /> list-style:none;<br /> text-align:left;<br /> width:200px;<br /> left:90%;<br /> margin-left:-90px;<br /> top:20px;<br /> font:bold 12px Arial, Helvetica, sans-serif;<br /> /* This is important for the show/hide CSS animation */<br /> max-height:0px;<br /> overflow:hidden;<br /> -webkit-transition:max-height 0.4s linear;<br /> -moz-transition:max-height 0.4s linear;<br /> transition:max-height 0.4s linear;<br />}<br />#mainmenu li ul li {<br /> background-color:#454545;<br /> border-bottom:1px solid #222;<br />}<br />#mainmenu li ul li a {<br /> padding:12px;<br /> color:#fff !important;<br /> text-decoration:none !important;<br /> display:block;<br />}<br />#mainmenu li ul li:last-child {<br /> border-bottom:0px solid #454545;<br />}<br />#mainmenu li ul li:hover {<br /> background-color:#686868;<br />}<br />#mainmenu li ul li:first-child {<br /> border-radius:3px 3px 0 0;<br /> margin-top:25px;<br /> position:relative;<br />}<br />#mainmenu li ul li:first-child:before { /* Top index arrow */<br /> content:'';<br /> position:absolute;<br /> width:1px;<br /> height:1px;<br /> border:5px solid transparent;<br /> border-bottom-color:#454545;<br /> left:50%;<br /> top:-10px;<br /> margin-left:-60px;<br />}<br />#mainmenu li ul li:last-child {<br /> border-bottom-left-radius:3px;<br /> border-bottom-right-radius:3px;<br />}<br />#mainmenu li:hover ul {<br /> max-height:250px; /* Increase when you adding more dropdown tabs */<br />}</span><br /></div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com1tag:blogger.com,1999:blog-4461712783962995994.post-39852463383384108002013-01-24T13:20:00.004+05:302013-01-29T12:52:18.892+05:30<div dir="ltr" style="text-align: left;" trbidi="on"> <b>IE 6 and below </b><br /> <div> <span style="color: red;">* html { &nbsp;}&nbsp;</span></div> <div> <b>IE 7 and below </b></div> <div> <span style="color: red;">*:first-child+html { &nbsp;} * html { &nbsp;}&nbsp;</span></div> <div> <b>IE 7 only </b></div> <div> <span style="color: red;">*:first-child+html { &nbsp;}&nbsp;</span></div> <div> <b>IE 7 and modern browsers only </b></div> <div> <span style="color: red;">html&gt;body { &nbsp;}&nbsp;</span></div> <div> <b>Modern browsers only (not IE 7) </b></div> <div> <span style="color: red;">html&gt;/**/body { &nbsp;}</span> </div> <div> <b>Recent Opera versions 9 and below </b></div> <div> <span style="color: red;">html:first-child { &nbsp;}</span></div> <br /> <ol style="text-align: left;"> <li><span style="color: #3d85c6;">Internet Explorer 7 and below ignore the additional punctuate and apply the property as if it just had the </span><strong><span style="color: red;">!important</span><span style="color: #3d85c6;"> </span></strong><span style="color: #3d85c6;">&nbsp; identifier.</span><span style="color: #3d85c6;"><br /></span></li> <li><span style="color: #3d85c6;">IE8 or below: to write CSS rules specificially to IE8 or below, add a backslash and 9 (\9) at the end before the semicolon.</span></li> <li><div> <span style="color: #3d85c6;">IE7 or below: add an asterisk (*) before the CSS property.</span></div> </li> <li><div> <span style="color: #3d85c6;">IE6: add an underscore (_) before the property.</span></div> </li> </ol> <br /> <b><span style="color: #0b5394;">.wrapper {</span></b><br /> <b><span style="color: #0b5394;"><br /></span></b> <br /> <div> <b>&nbsp;background:</b> &nbsp;red; &nbsp; &nbsp;<b>/* standard */</b></div> <div> <br /></div> <div> <b>background: </b>&nbsp; red <span style="color: red;">\</span>9; &nbsp; <b>/* IE 8 and below */</b></div> <div> <br /></div> <div> <b><span style="color: red;">*</span>background: </b>&nbsp;red ; &nbsp; <b>/* IE 7 and below */</b></div> <div> <br /></div> <div> <b><span style="color: red;">_</span>background: </b>&nbsp;red ; &nbsp; <b>/* IE 6 */</b></div> <div> <br /></div> <div> <b><span style="color: #0b5394;">}</span></b></div> <br /> <br /> <br /> <b><span style="color: #0b5394;">html&gt;body #wrapper {</span></b><br /> <div> <br /></div> <div> &nbsp; width: 980px; &nbsp;<b> /* ..or this reinforcement of the standards width. */</b></div> <div> <br /></div> <div> <b><span style="color: #0b5394;">}</span></b></div> <br /> <br /> <br /> <b><span style="color: blue;">IE &nbsp; </span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Any version of IE<br /><span style="color: blue;">lt IE &nbsp;</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Version Versions less than version<br /><span style="color: blue;">lte IE version</span> &nbsp; &nbsp; Versions less than or equal to version <br /><span style="color: blue;">IE version </span>&nbsp; &nbsp; &nbsp; &nbsp; Only version version<br /><span style="color: blue;">gte IE version</span> &nbsp; &nbsp;Versions greater than or equal to version<br /><span style="color: blue;">gt IE version </span>&nbsp; &nbsp; Versions greater than version</b><br /> <br /> <br /> <b>Conditional of&nbsp; HTML links Examples:</b>-<br /> <br /> <span style="color: #38761d;">&lt;!--[if lt IE 7 ]&gt; &lt;html class="ie6"&gt; &lt;![endif]--&gt;<br />&lt;!--[if IE 7 ]&gt; &lt;html class="ie7"&gt; &lt;![endif]--&gt;<br />&lt;!--[if IE 8 ]&gt; &lt;html class="ie8"&gt; &lt;![endif]--&gt;<br />&lt;!--[if IE 9 ]&gt; &lt;html class="ie9"&gt; &lt;![endif]--&gt;<br />&lt;!--[if (gt IE 9)|!(IE)]&gt;&lt;!--&gt; &lt;html&gt; &lt;!--&lt;![endif]--&gt;</span><br /> <br /> <br /> <b>Conditional of&nbsp; CSS&nbsp; links Examples:</b>- <br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&lt;!--[if IE 8]&gt;</span><span style="color: #38761d;"><br /></span><span style="color: #444444;">&lt;style type="text/css"&gt;<br /> /* css for IE 8 */<br />&lt;/style&gt;</span><span style="color: #38761d;"><br /></span><span style="color: #38761d;">&lt;![endif]--&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;"><br /></span><span style="color: #38761d;"><br /></span><span style="color: #38761d;">&lt;!--[if lt IE 8]&gt;</span><span style="color: #38761d;"><br /></span><span style="color: #444444;">&nbsp;&lt;link href="ie7.css" rel="stylesheet" type="text/css" /&gt;</span><span style="color: #38761d;"><br /></span><span style="color: #38761d;">&lt;![endif]--&gt;</span><br /> <span style="color: #38761d;"><br /></span> <span style="color: #38761d;">&lt;!--[if !lt IE 8]&gt;&lt;![IGNORE[--&gt;&lt;![IGNORE[]]&gt; </span><span style="color: #0b5394;">&lt;link href="style.css" rel="stylesheet" type="text/css"&gt;</span><span style="color: #38761d;"> &lt;!--&lt;![endif]--&gt;</span><br /> <br /></div> Anonymoushttp://www.blogger.com/profile/15214326064007920468noreply@blogger.com0