3lessons: ajax

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-XCTV7-ks8wY/UoxFYT0YZDI/AAAAAAAAAMA/d_jW2JNMfIo/s1600/jquery_zoom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="94" src="http://2.bp.blogspot.com/-XCTV7-ks8wY/UoxFYT0YZDI/AAAAAAAAAMA/d_jW2JNMfIo/s1600/jquery_zoom.png" width="320" /></a></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;">In this post I want to explain about </span><span style="background-color: #c7f464; border: 0px none; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; font-style: inherit; line-height: 24px; margin: 0px; outline: 0px; padding: 0px 2px; text-align: justify;">Text Zooming with jQuery and CSS</span><span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;">. This is basic level tutorial just changing style using jQuery script. It's simple use it for zooming website content. </span></div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Helvetica, Arial, Georgia, 'Times New Roman'; font-size: 16px; line-height: 24px; text-align: justify;"><br /></span></div>
<br />
<div style="text-align: left;">
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start;">Javascript Code</b></div>
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"><div style="text-align: left;">
Contains javascript code. $("#zoom").change(funtion(){}- <span style="background-color: #c7f464; border: 0px none; font-style: inherit; margin: 0px; outline: 0px; padding: 0px 2px;">zoom</span> is the id name of the select box. Using <span style="background-color: #c7f464; border: 0px none; font-style: inherit; margin: 0px; outline: 0px; padding: 0px 2px;">$("#zoom").val();</span> calling select box value. Applying style at<span style="background-color: #c7f464; border: 0px none; font-style: inherit; margin: 0px; outline: 0px; padding: 0px 2px;">$("#main").css </span></div>
</span><br />
<div class="code" style="border: 2px dashed rgb(222, 222, 222); margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
<span style="border: 0px none; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><script</span> type="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text/javascript</span>" src="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">http://ajax.googleapis.com/ajax/</span></div>
<span style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">libs/jquery/1.3.0/jquery.min.js</span>"<span style="border: 0px none; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">></span><span style="border: 0px none; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"></script></span></div>
</span><span style="border: 0px none; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;"><script</span> type="<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">text/javascript</span>"<span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">></span></div>
</span><div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
$(<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">function<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">() </span></b></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">{</b></div>
<div style="text-align: left;">
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><br /></span></div>
<b style="border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">$(</span></b><span style="font-family: Courier, monospace, 'Courier New';">"</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">#zoom</span><span style="font-family: Courier, monospace, 'Courier New';">"</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">)</span></b><span style="font-family: Courier, monospace, 'Courier New';">.</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">change</span><span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">(</span></b><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">function<span style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">() </span></b></div>
</b><div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">{</b></div>
<div style="text-align: left;">
<br /></div>
<b style="border: 0px none; font-family: inherit; font-size: 13px; font-style: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #073763; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">var</span></b><span style="font-family: Courier, monospace, 'Courier New';"> </span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">size</span><span style="font-family: Courier, monospace, 'Courier New';"> = </span><b style="border: 0px none; color: #0b5394; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">$(this)</b><span style="font-family: Courier, monospace, 'Courier New';">.val();</span></div>
</b><b style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">$(</b><span style="font-family: Courier, monospace, 'Courier New';">"</span><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">#main</span><span style="font-family: Courier, monospace, 'Courier New';">"</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">)</span></b><span style="font-family: Courier, monospace, 'Courier New';">.</span><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: #a64d79; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">css</span><span style="border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">(</span></b><span style="font-family: Courier, monospace, 'Courier New';">'font-size', </span><span style="border: 0px none; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">size</span><span style="font-family: Courier, monospace, 'Courier New';">+'px');</span></div>
</b><div style="text-align: left;">
<br /></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">return false;</b></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">});</b></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">});</b></div>
<span style="border: 0px none; color: #990000; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px;"><div style="text-align: left;">
<span style="font-family: inherit; font-style: inherit; font-weight: inherit;"></script></span></div>
</span></div>
<div style="border: 0px none; margin: 0px; outline: 0px; padding: 0px; text-align: start;">
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<div style="text-align: left;">
<ins style="border: none; color: #1e1e1e; display: inline-table; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; height: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; position: relative; visibility: visible; width: 468px;"><ins id="aswift_2_anchor" style="border: none; display: block; font-family: inherit; font-style: inherit; font-weight: inherit; height: 15px; margin: 0px; outline: 0px; padding: 0px; position: relative; visibility: visible; width: 468px;"><iframe allowtransparency="true" frameborder="0" height="15" hspace="0" id="aswift_2" marginheight="0" marginwidth="0" name="aswift_2" scrolling="no" style="border-style: none; border-width: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px;" vspace="0" width="468"></iframe></ins></ins></div>
</div>
<br />
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px;"><br /></span></div>
<b style="border: 0px none; color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start;"><div style="text-align: left;">
<b style="border: 0px none; margin: 0px; outline: 0px; padding: 0px;">HTML Code</b></div>
</b><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"><div style="text-align: left;">
Contains HTML code. </div>
</span><br />
<div class="code" style="border: 2px dashed rgb(222, 222, 222); margin: 0px; outline: 0px; padding: 10px; text-align: start; width: 547px; word-wrap: break-word;">
<div style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px; text-align: left;">
Zoom Text: </div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<select id="<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">zoom</span></b>"></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"25"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">25</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"50"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">50</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"75"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">75</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"100"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">100</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"150"</span>><b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px none; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">150</span></b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<option value=<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">"200"</span>><b style="border: 0px none; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;">200</b> </option></div>
<div style="border: 0px none; color: orange; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
</select></div>
<div style="text-align: left;">
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><br /></span></div>
<div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"><div id="<span style="border: 0px none; color: blue; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px;">main</span>"></b></div>
<span style="font-family: Courier, monospace, 'Courier New'; font-size: 13px; line-height: 16px;"><div style="text-align: left;">
Website Content</div>
</span><div style="border: 0px none; color: #0b5394; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin: 0px; outline: 0px; padding: 0px; text-align: left;">
<b style="border: 0px none; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px;"></div></b></div>
</div>
<div style="text-align: left;">
<span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;">Join testking to learn best web designing practices using expert </span><a href="http://www.test-king.com/exams/70-680.htm" rel="nofollow" style="border: 0px none; color: #176092; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start; text-decoration: none;" target="_blank">testking 70-680</a><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;">study guides and </span><a href="http://www.test-king.com/exams/SY0-201.htm" rel="nofollow" style="border: 0px none; color: #176092; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start; text-decoration: none;" target="_blank">testking SY0-201</a><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"> design tutorials. Become expert with our</span><a href="http://www.test-king.com/exams/642-901.htm" rel="nofollow" style="border: 0px none; color: #176092; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; margin: 0px; outline: 0px; padding: 0px; text-align: start; text-decoration: none;" target="_blank">testking 642-901</a><span style="color: #1e1e1e; font-family: Muli, Arial, 'Times New Roman', Times, Arial, serif; font-size: 15px; line-height: 24px; text-align: start;"> web designing course.</span></div>
</div>