WDH: jquery

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil_TqRzWK1rG6gqQKmyJLfvX6lGvNaFBCfPTT9nlk12FvIDvPlqTRoIhjgv049WU7ja0O7Z4-nBa-pF-ijNTjv9Dz9vgZJbrNH3egXnQC15Aqy0gbt8P8UcFOW_XOAASgJq0yo-FpwXfo/s1600/Factorial.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil_TqRzWK1rG6gqQKmyJLfvX6lGvNaFBCfPTT9nlk12FvIDvPlqTRoIhjgv049WU7ja0O7Z4-nBa-pF-ijNTjv9Dz9vgZJbrNH3egXnQC15Aqy0gbt8P8UcFOW_XOAASgJq0yo-FpwXfo/s1600/Factorial.png" /></a></div>
In mathematics, the <b>factorial</b> of a non-negative integer n, denoted by n!, is the product of all positive integers less than or equal to n. For example,<br />
<br />
<img alt="5! = 5  \times  4  \times  3  \times  2  \times  1 = 120.  \ " class="mwe-math-fallback-image-inline tex" src="http://upload.wikimedia.org/math/9/3/9/939c013423574cad70f33eaa7dd68f0c.png" style="background-color: white; border: none; color: #252525; display: inline-block; font-family: sans-serif; font-size: 14px; line-height: 22.3999996185303px; vertical-align: middle;" /><br />
<br />
The value of 0! is 1, according to the convention for an empty product.<br />
<br />
Read full about <b>factorial</b>  <a href="http://en.wikipedia.org/wiki/Factorial" rel="nofollow" target="_blank">here</a> on <b>wikipedia.</b><br />
<br />
<br />
<br />
We will use For loop for getting <b>factorial</b>  of  a number, so we just have to decrease value by one and multiply with previous holding temporary value, We have to initiate temporary value with 1.<br />
<br />
<br />
<b>The Following will be code:</b><br />
<br />
<b><br /></b>
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><input type="text" name="factroial4" id="factroial4" /><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;">  </span><br/><br />
<span class="Apple-tab-span" style="white-space: pre;">  </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><button type="button" name="button" onclick="GetFactorial();" /><br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>Calculate Factorial<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></button><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;">  </span><br/><br />
<span class="Apple-tab-span" style="white-space: pre;">  </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="showresulthere"></div><span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><script><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;">    </span> // function defination<br />
<br />
 function GetFactorial()<br />
   {<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>var value = $("#factroial4").val();<br />
     tempvalue = 1;<br />
     for ( i=value ; i>0 ;  i-- )<br />
      {<br />
         tempvalue *=  i ;<br />
      // this is same as the   tempvalue =  tempvalue * i ;<br />
      }<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>$("#showresulthere").html("Factorial of "+value+" is :"+tempvalue); <br />
   }<br />
  <br />
<span class="Apple-tab-span" style="white-space: pre;">    </span>// function defination<br />
<span class="Apple-tab-span" style="white-space: pre;">    </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></script></div>

Get Factorial of a Number using jQuery

In mathematics, the factorial of a non-negative integer n, denoted by n!, is the product of all positive integers less than or equal to ...

<div dir="ltr" style="text-align: left;" trbidi="on"><b><span style="color: #660000; font-size: large;">Running Example:</span></b><br />
<div class="moduletable topimg  span12"><div align="center" class="mod-custom mod-custom__topimg" style="background-image: url('images/topimg.jpg');"><input id="h1countvalue" name="h1countvalue" type="hidden" value="1" />  <br />
<h1 class="h1_title" id="h1_title1" style="display: block;">PHP is a server side language.</h1><h1 class="h1_title" id="h1_title2" style="display: none;">JQUERY is a client side language.</h1><h1 class="h1_title" id="h1_title3" style="display: none;">CSS is used for styling attribute to be called at once.</h1><h1 class="h1_title" id="h1_title4" style="display: none;">MYSQL is used for storing the database.</h1></div></div><div dir="ltr" style="text-align: left;" trbidi="on"><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">Here I am describing, how to used Text slider:</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><br />
</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">First we need to define style:</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><b>  .h1_title </b></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">{ font-size: 20px;line-height: 22px;font-family: 'Patua One', cursive;font-weight: normal; text-transform: uppercase; letter-spacing: 4px; color:#e7decf;text-align:<wbr></wbr>center; width:50%;padding-top: 25px;display:none; }</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><br />
</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><b>HTML to be define:</b></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><div class="textslider"></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><input type="hidden" id="h1countvalue" name="h1countvalue" value="1"/></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><br />
</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="white-space: pre-wrap;"></span><h1 class="h1_title" id="h1_title1" style="display:block;">WE OFFER OUR CLIENT EXPERT LEGAL ADVICE<br>ALWAYS PROTECT CLIENTS INTERESTS</h1></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><br />
</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="white-space: pre-wrap;"></span><h1 class="h1_title" id="h1_title2">WE OFFER OUR CLIENT EXPERT LEGAL ADVICE<br>ALWAYS PROTECT CLIENTS INTERESTS</h1></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><br />
</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="white-space: pre-wrap;"></span><h1 class="h1_title" id="h1_title3">WE OFFER OUR CLIENT EXPERT LEGAL ADVICE<br>ALWAYS PROTECT CLIENTS INTERESTS</h1></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><br />
</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="white-space: pre-wrap;"></span><h1 class="h1_title" id="h1_title4">WE OFFER OUR CLIENT EXPERT LEGAL ADVICE<br>ALWAYS PROTECT CLIENTS INTERESTS</h1></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"></div></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><br />
</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><b>Follwing is the Javascript function:</b></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">function changeh1()</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">{</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">var h1count = $('#h1countvalue').val();</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">var totalh1 = 4;   // define how much h1 we need to show on slider</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">if(h1count<totalh1) { h1count = Number(h1count)+1; } else { h1count=1; }</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">$('.h1_title').css('<wbr></wbr>display','none');</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">$('.h1_title').fadeOut('<wbr></wbr>fast');</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">$('#h1_title'+h1count).<wbr></wbr>fadeIn('slow');</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">$('#h1countvalue').val(<wbr></wbr>h1count);</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">}</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><br />
</div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><b>Now we need to call function as a regular Internal:</b></div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;">setInterval(function(){<wbr style="background-color: transparent;"></wbr>changeh1()},5000);   // 5000 is equal to 5 Second, It is defined on Miliseconds.  </div><div style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 13px;"><br />
</div></div></div>

Text Slider

Running Example: PHP is a server side language. JQUERY is a client side language. CSS is used for styling attribute to be called at once...