API tools faq
paste
Advertisement
viditkothari

file26092012.html

viditkothari
Sep 29th, 2012
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.             <style rel="stylesheet" type="text/css">
  5.                 body,div,ul,li{
  6.                 margin:5px;
  7.                 padding:5px;
  8.                 font-family:Helvetica,Verdana,Arial,Tahoma,sans-serif;
  9.                 font-size:0.95em;
  10.             }
  11.             #theDIV{
  12.                 margin:5px;
  13.                 clear:both;
  14.             }
  15.             ul{
  16.                 display:block;
  17.                 list-style:none;
  18.                 margin:0px auto;
  19.                 clear:both;
  20.                 position:relative;
  21.             }
  22.             li{
  23.                 display:block;
  24.                 background-color:#954;
  25.                 padding:10px;
  26.                 margin:10px;
  27.                 border:1px solid #444;
  28.                 float:left;
  29.                 min-width:50px;
  30.                 text-align:center;
  31.                 color:#FDD;
  32.             }
  33.             li:hover{
  34.                 background-color:#FDD;
  35.                 color:#954;
  36.                 cursor:pointer;
  37.             }
  38.             </style>
  39.         <script type="text/javascript" language="javascript">
  40.             function blinkIt()
  41.                 {
  42.                     var txt=document.getElementById('str1');
  43.                     var tempDIV=document.getElementById('theDIV');
  44.                     tempDIV.innerHTML=txt.value.blink();
  45.                 }
  46.             function boldIt()
  47.                 {
  48.                     var txt=document.getElementById('str1');
  49.                     var tempDIV=document.getElementById('theDIV');
  50.                     tempDIV.innerHTML=txt.value.bold();
  51.                 }
  52.             function italicize()
  53.                 {
  54.                     var txt=document.getElementById('str1');
  55.                     var tempDIV=document.getElementById('theDIV');
  56.                     tempDIV.innerHTML=txt.value.italics();
  57.                 }
  58.             function strikeIt()
  59.                 {
  60.                     var txt=document.getElementById('str1');
  61.                     var tempDIV=document.getElementById('theDIV');
  62.                     tempDIV.innerHTML=txt.value.strike();
  63.                 }              
  64.            
  65.             function findLength()
  66.                 {
  67.                     var txt=document.getElementById('str1');
  68.                     var tempDIV=document.getElementById('theDIV');
  69.                     tempDIV.innerHTML="Length of " + txt.value + " is " + txt.value.length;
  70.                 }
  71.             function getcharat()
  72.                 {
  73.                     var txt=document.getElementById('str1');
  74.                     var tempDIV=document.getElementById('theDIV');
  75.                     var rVal=Math.floor(Math.random()*txt.value.length);
  76.                     var tempVal=txt.value.charAt(rVal);
  77.                     tempDIV.innerHTML = tempVal + " is the character at position " + (rVal+1);
  78.                 }
  79.             function capitalize()
  80.                 {
  81.                     var txt=document.getElementById('str1');
  82.                     var tempDIV=document.getElementById('theDIV');
  83.                     tempDIV.innerHTML=txt.value.toUpperCase();
  84.                 }
  85.             function lowerIt()
  86.                 {
  87.                     var txt1=document.getElementById('str1');
  88.                     var tempDIV=document.getElementById('theDIV');
  89.                     tempDIV.innerHTML=txt1.value.toLowerCase();
  90.                 }
  91.             function changeColor()
  92.                 {
  93.                     var txt=document.getElementById('str1');
  94.                     var tempDIV=document.getElementById('theDIV');
  95.                     tempDIV.innerHTML=txt.value.fontcolor('#F0F');
  96.                 }
  97.             function findSubstring()
  98.                 {
  99.                     var txt=document.getElementById('str1');
  100.                     var txtl=txt.value.length;
  101.                     var tempDIV=document.getElementById('theDIV');
  102.                     var rVal1,rVal2;
  103.                     rVal1=Math.floor(Math.random()*txtl);
  104.                     rVal2=Math.floor(Math.random()*rVal1);
  105.                     tempDIV.innerHTML=txt.value.substring(rVal2,rVal1);
  106.                 }
  107.             function findSubstr()
  108.                 {
  109.                     var txt=document.getElementById('str1');
  110.                     var txtl=txt.value.length;
  111.                     var tempDIV=document.getElementById('theDIV');
  112.                     var rVal1,rVal2;
  113.                     rVal1=Math.floor(Math.random()*txtl);
  114.                     rVal2=Math.floor(Math.random()*rVal1);
  115.                     tempDIV.innerHTML=txt.value.substr(rVal2,rVal1);
  116.                     return txt.value.substr(rVal2,rVal1);
  117.                 }
  118.            
  119.             // The functions below require the two text boxes.
  120.             function subIt()
  121.                 {
  122.                     var txt1=document.getElementById('str1');
  123.                     var txt2=document.getElementById('str2');
  124.                     var tempDIV=document.getElementById('theDIV');
  125.                     tempDIV.innerHTML=txt1.value + txt2.value.sub();
  126.                 }
  127.             function supIt()
  128.                 {
  129.                     var txt1=document.getElementById('str1');
  130.                     var txt2=document.getElementById('str2');
  131.                     var tempDIV=document.getElementById('theDIV');
  132.                     tempDIV.innerHTML=txt1.value + txt2.value.sup();
  133.                 }
  134.             function concatenate()
  135.                 {
  136.                     var txt1=document.getElementById('str1');
  137.                     var txt2=document.getElementById('str2');
  138.                     var tempDIV=document.getElementById('theDIV');
  139.                     tempDIV.innerHTML=txt1.value.concat(txt2.value);
  140.                 }
  141.             function replaceIt()
  142.                 {
  143.                     var txt1=document.getElementById('str1');
  144.                     var txt2=document.getElementById('str2');
  145.                     var tempDIV=document.getElementById('theDIV');
  146.                     var r1,r2;
  147.                     r1=Math.floor(Math.random()*txt1.value.length);
  148.                     r2=Math.floor(Math.random()*r1);
  149.                                         tempDIV.innerHTML=txt1.value.replace(txt1.value.substring(r1,r2),txt2.value);
  150.                     /* Can also be implemented as :
  151.                     tempDIV.innerHTML=txt1.value.replace(findSubstr(),txt2.value);
  152.                     */
  153.                 }
  154.             function findMatch()
  155.                 {
  156.                     var txt1=document.getElementById('str1');
  157.                     var txt2=document.getElementById('str2');
  158.                     var tempDIV=document.getElementById('theDIV');
  159.                     tempDIV.innerHTML=txt1.value.match(txt2.value);
  160.                 }
  161.         </script>
  162.     </head>
  163.     <body>
  164.         1<sup>st</sup> Text Box : <input type="text" id="str1" name="str1">    
  165.         <ul>
  166.             <li onclick="blinkIt()">blink()</li>
  167.             <li onclick="boldIt()">bold()</li>
  168.             <li onclick="italicize()">italic()</li>
  169.             <li onclick="strikeIt()">strike()</li>
  170.             <li onclick="findLength()">length()</li>
  171.             <li onclick="getcharat()">charAt()</li>
  172.             <li onclick="capitalize()">toUpperCase()</li>
  173.             <li onclick="lowerIt()">toLowerCase()</li>
  174.             <li onclick="changeColor()">fontcolor()</li>
  175.             <li onclick="findSubstring()">substring()</li>
  176.             <li onclick="findSubstr()">substr()</li>
  177.         </ul>
  178.         <br><br>
  179.         <br><br>
  180.         2<sup>nd</sup> Text Box : <input type="text" id="str2" name="str2">
  181.         <ul>
  182.             <li onclick="subIt()">sub()</li>
  183.             <li onclick="supIt()">sup()</li>
  184.             <li onclick="concatenate()">concat()</li>
  185.             <li onclick="replaceIt()">replace()</li>
  186.             <li onclick="findMatch()">match()</li>
  187.         </ul>
  188.         <br><br><br><br><b>Result : </b>
  189.         <div>
  190.             <div id="theDIV"></div>
  191.         </div>
  192.     </body>
  193. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!