Wednesday, April 12, 2017

javascript to enter the number of characters upto Limit the number of characters in textbox or textarea

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Limit the number of characters in textbox or textarea</title>
<script type="text/javascript">
function LimtCharacters(txtMsg, CharLength, indicator) {
chars = txtMsg.value.length;
document.getElementById(indicator).innerHTML = CharLength - chars;
if (chars > CharLength) {
txtMsg.value = txtMsg.value.substring(0, CharLength);
}
}
</script>
</head>
<body>
<div style="font-family:Verdana; font-size:13px">
Number of Characters Left:
<label id="lblcount" style="background-color:#E2EEF1;color:Red;font-weight:bold;">140</label><br/>
<textarea id="mytextbox" rows="5" cols="25" onkeyup="LimtCharacters(this,140,'lblcount');"></textarea>
</div>
</body>
</html>

posted by siddu @ April 12, 2017   0 Comments

JavaScript code to calculate largest and smallest numbers

<!--Write a JavaScript code to calculate largest and smallest numbers -->
<html>
<head>
<title>large and small numbers </title>
<script type="text/javascript">
function addEvent(elementObject, eventName, functionObject){
  if(document.addEventListener){
    elementObject.addEventListener(eventName, functionObject, false);
  }else if(document.attachEvent){
    elementObject.attachEvent("on" + eventName, functionObject);
  };
};

function findVals(){
  var x = document.getElementsByTagName("input");
  var n = new Array();
  for(var i = 0; i < 5; i++)
    n[i] = parseInt('0'+x[i].value, 10);
  n = n.sort();
  x[5].value = n[4];
  x[6].value = n[0];
};

window.onload = function(){
  var x = document.getElementsByTagName("input");
  for(var i = 0; i < x.length; i++){
    addEvent(x[i], "change", findVals);// covers most instances.
    addEvent(x[i], "keydown", findVals);
    addEvent(x[i], "keyup", findVals);
    addEvent(x[i], "keypress", findVals);
  };
};
</script>
<style type='text/css'>
input{
  width: 100;
}
</style>
</head><body>
<form action='#'>
<p>Numbers:</p>
<p><input type='text' value='0'>
<input type='text' value='0'>
<input type='text' value='0'>
<input type='text' value='0'>
<input type='text' value='0'>
</p>
<p>Max: <input type='text' value='0'></p>
<p>Min: <input type='text' value='0'></p>

</form>
</body>
</html>

posted by siddu @ April 12, 2017   0 Comments