Simple Chessboard Program in Javascript

Thursday 19 November 2015

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write('<table border="1">');
for(var i=0;i<=7;i++)
{
document.write('<tr>');
for(var j=0; j<=7; j++)
{
var k=i+j;
if(k%2==0)
{
document.write("<td style='width:50px;height:50px;background-color:black;'></td>");
}
else
{
document.write("<td style='width:50px;height:50px;background-color:white;'></td>");
}
}
document.write('</tr>');
}
document.write('</table>');
</script>
</body>
</html>
Posted by Manikandan J at 20:04 0 comments

JavaScript function call when page is Idle

Thursday 5 November 2015

JavaScript:

<script type="text/javascript">
var IDLE_TIMEOUT = 60; // 60 seconds
alert(IDLE_TIMEOUT);
var _idleSecondsCounter = 0;
document.onclick = function() {
    _idleSecondsCounter = 0;
};
document.onmousemove = function() {
    _idleSecondsCounter = 0;
};
document.onkeypress = function() {
    _idleSecondsCounter = 0;
};
window.setInterval(CheckIdleTime, 1000);

function CheckIdleTime() {
    _idleSecondsCounter++;
    var oPanel = document.getElementById("SecondsUntilExpire");
    if (oPanel)
        oPanel.innerHTML = (IDLE_TIMEOUT - _idleSecondsCounter) + "";
    if (_idleSecondsCounter >= IDLE_TIMEOUT) {

/*
Your Codes...
This code is call when user view your page and Idle for 60 seconds.
*/
    }
}
</script>
Posted by Manikandan J at 02:03 0 comments

JavaScript function call after specific time period

Script:

<script type="text/javascript">
var startTime = new Date().getTime();
setTimeout(myCallback, 80000);  //80000 milliseconds
function myCallback(event) {
  var endTime = new Date().getTime();
  var timeSpent = endTime - startTime;
/*
Your Function
*/
}
</script>
Posted by Manikandan J at 01:54 0 comments

Select Option Color Changing Using JQuery

JQuery:

$(document).ready(function() {
   $('#country_time').css('color','rgba(137, 136, 136, 0.66)');
   $('#country_time').change(function() {
      var current = $('#country_time').val();
      if (current != 0) {
          $('#country_time').css('color','black');
      } else {
          $('#country_time').css('color','rgba(137, 136, 136, 0.66)');
      }
   });
});

HTML:

<select name="country" id="country" >        
    <option value="0">Choose Country</option>
    <option value="Afganistan">Afghanistan</option>
    <option value="Albania">Albania</option>
    <option value="Algeria">Algeria</option>
</select>
Posted by Manikandan J at 01:46 0 comments

Page down using JavaScript

In Javascript:

<script type="text/javascript">
        $(document).ready(function (){
                    $('html, body').animate({
                        scrollTop: $("#div1").offset().top
                    }, 2000);
        });
    </script>

In HTML:

<div id="div1"> </div>
Posted by Manikandan J at 01:30 0 comments
Subscribe to: Posts (Atom)
 

Blogger news

Blogroll

Most Reading