Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<meta charset=utf-8 />
<title></title>
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script>
<script type="text/javascript" 
    src="https://sites.google.com/site/jquerybyexample/SetCase.js">
https://sites.google.com/site/jquerybyexample/SetCase.js</script>
  
<script type="text/javascript">
  $(function() {
    $("#txtUpper").Setcase({caseValue: 'upper'});
    $("#txtLower").Setcase({caseValue: 'lower'});
    $("#txtTitle").Setcase({caseValue: 'title'});
    $("#txtPascal").Setcase({caseValue: 'pascal'});
});
  </script>
</head>
  <style type="text/css">
    body{
    font-family:Tahoma;
    font-size : 8pt;
    padding-left:10px;
}
input
{
   font-family:Tahoma;
   font-size : 8pt;
   width:200px;
}
  </style>
<body>
  <br/>
Upper Case:&nbsp;&nbsp;<input type="text" id="txtUpper" />
<br/><br/>
Lower Case:&nbsp;&nbsp;<input type="text" id="txtLower" />
<br/><br/>
Title Case:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="txtTitle" />
<br/><br/>
Pascal Case:&nbsp;&nbsp;<input type="text" id="txtPascal" />
<br/>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers