Vijaya Kumar Blog » Java Script http://vijayakumar.org (Stunning PHP/MYSQL/AJAX/SEO Tips) Fri, 03 Sep 2010 02:06:20 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Calling Multiple Functions onclick Javascript http://vijayakumar.org/calling-multiple-functions-onclick-javascript.html http://vijayakumar.org/calling-multiple-functions-onclick-javascript.html#comments Fri, 22 Jan 2010 16:23:38 +0000 Vijaya Kumar http://www.vijayakumar.org/?p=813 I am writing here to handle multiple Javascript functions in OnClick Event. To use multiple functions on Events, you want to add functions by separating with semicolon (;), For Ex: onclick = “testfun1(); testfun2();”. Each functions will run serially, first will be testfun1() and second testfun2(). To explain this functionality, I have enclosed working code below,




<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Calling Multiple Functions</title>

<script>

function fun1() {

document.getElementById(“function1″).innerHTML = “This is run by function fun1()”;

}

function fun2() {

document.getElementById(“function2″).innerHTML = “This is run by function fun2()”;

}

function fun3() {

document.getElementById(“function3″).innerHTML = “This is run by function fun3()”;

}

</script>

</head>

<body>

<div style=”cursor:pointer;”>Click me to run multiple functions through javascript parallel</div>

<div style=”color:#F00;”></div>

<div style=”color:#096;”></div>

<div style=”color:#9C3;”></div>

</body>

</html>




As per above code, once you clicked “Click me to run multiple functions through javascript parallel” link, it will runs 3 functions serially [fun1(), fun2(), fun3()]. First loads fun1() function. In fun1(), we have content as “This is run by function fun1()”. It will be loaded on div with id name function1. Second loads fun2() function. In fun2(), we have content as “This is run by function fun2()”. It will be loaded on div with id name function2. . Third loads fun3() function. In fun3(), we have content as “This is run by function fun3()”. It will be loaded on div with id name function3.




I guess you loved this tutorial. Thanks for reading.

]]> http://vijayakumar.org/calling-multiple-functions-onclick-javascript.html/feed 0 Back and forward button in JavaScript http://vijayakumar.org/back-and-forward-button-in-javascript.html http://vijayakumar.org/back-and-forward-button-in-javascript.html#comments Mon, 10 Aug 2009 18:45:07 +0000 Vijaya Kumar http://www.vijayakumar.org/?p=531 Sure you can ask your visitors to use their brower’s BACK and FORWARD buttons to navigate your site. Wouldn’t it be nice to have your own BACK and FORWARD buttons on your pages:

All you have to do is place the following HTML tags on your page:

<FORM METHOD=”post”>
<INPUT TYPE=”button”
VALUE=”BACK”
OnClick=”history.go( -1 );return true;”>
<INPUT TYPE=”button”
VALUE=”FORWARD”
OnClick=”history.go(  1 );return true;”>
</FORM>

<FORM METHOD="post">
<INPUT TYPE="button"
VALUE="BACK"
OnClick="history.go( -1 );return true;">
<INPUT TYPE="button"
VALUE="FORWARD"
OnClick="history.go(  1 );return true;">
</FORM>

As you can see, we’re simply using JavaScript’s “history object” to go back and forward.

If you prefer hyperlinks to buttons, use following tags instead:

<A HREF="javascript:history.go(-1)">
Go back
</A>
<A HREF="javascript:history.go(1)">
Go forward
</A>

]]> http://vijayakumar.org/back-and-forward-button-in-javascript.html/feed 0 Restricting the input field with maxlength http://vijayakumar.org/restricting-the-input-field-with-maxlength.html http://vijayakumar.org/restricting-the-input-field-with-maxlength.html#comments Sat, 25 Jul 2009 18:38:46 +0000 Vijaya Kumar http://www.vijayakumar.org/?p=342 Restricting the input field value with maxlength specified using the below javascript here,

function textLimit(field, maxlen)
{
if (field.value.length > maxlen + 1)
alert(’your input has been truncated!’);
if (field.value.length > maxlen)
field.value = field.value.substring(0, maxlen);
}

This function is called on the input text onkeyup events, like below

<INPUT TYPE=”text” NAME=”dd” onkeyup=”textLimit(dd,10)”>


]]> http://vijayakumar.org/restricting-the-input-field-with-maxlength.html/feed 0 Page redirection depends upon visitors browsers http://vijayakumar.org/page-redirection-depends-upon-visitors-browsers.html http://vijayakumar.org/page-redirection-depends-upon-visitors-browsers.html#comments Wed, 08 Jul 2009 18:45:22 +0000 Vijaya Kumar http://www.vijayakumar.org/?p=192 How to redirect visitors to different pages depending upon their browser using  java script. Is it possible? Yes, it’s possible. Here is the code,

<script type=”text/javascript”>
<!–
var bname = navigator.appName;
if (bname.search(/netscape/i) == 0)
{
window.location=”netscape.html”;
}
else if (bname.search(/microsoft/i) == 0)
{
window.location=”internetexplorer.html”;
}
else
{
window.location=”other_browsers.html”;
}
//–>
</script>

After assigning the browser name to bname, we search for the presence of specific words using JavaScript Regular Expressions. (JavaScript Regular expressions have been included in version 1.2 of the language and are based on those found in the Perl language. So if you were familiar with Perl, picking up the JavaScript regular expressions would be very simple).

The search() method searches for the string specified between the two forward slashes “/”. The ‘i’ modifier makes it possible for case sensitive searches.

The JavaScript If tests whether condition is true or false. Thus, Netscape users are redirected to netscape.html, Internet Explorer users to internetexplorer.html and other browsers to “other_browsers.html”. The above code has to be placed inside the HTML head. It can also be contained inside a function which can be called using the onload().

]]> http://vijayakumar.org/page-redirection-depends-upon-visitors-browsers.html/feed 0 Disable Right mouse click using Javascript http://vijayakumar.org/disable-right-mouse-click-using-javascript.html http://vijayakumar.org/disable-right-mouse-click-using-javascript.html#comments Mon, 06 Jul 2009 18:53:13 +0000 Vijaya Kumar http://www.vijayakumar.org/?p=139 While I searching for disabling right click option using Javascript code. I found this code on one of web site, This code will disable right click popup and also it will protect our website content, source from stealing. This code can be used in any HTML page.

Features:

a) This javascript function will disable the right mouse click.
b) This will stop users from easily stealing your site content and from view source.
c) You can add the message as your wish.
d) Just copy the code in to your page and enjoy the effect.

Code:
<script language=javascript>

var msg_box =”Right click prohibited”;

function dis_rightclickIE(){
if (navigator.appName == ‘Microsoft Internet Explorer’ && (event.button == 2 || event.button == 3))
alert(msg_box)
}

function dis_rightclickNS(e){
if ((document.layers||document.getElementById&&!document.all) && (e.which==2||e.which==3))
{
alert(msg_box)
return false;
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=dis_rightclickNS;
}
else if (document.all&&!document.getElementById){
document.onmousedown=dis_rightclickIE;
}
document.oncontextmenu=new Function(“alert(msg_box);return false”)

</script>

]]> http://vijayakumar.org/disable-right-mouse-click-using-javascript.html/feed 0 Random Number Generation using java script http://vijayakumar.org/random-number-generation-using-java-script.html http://vijayakumar.org/random-number-generation-using-java-script.html#comments Thu, 02 Jul 2009 19:34:36 +0000 Vijaya Kumar http://www.vijayakumar.org/?p=83 While i searching for code in internet for random number generation in javascript. I fond this code. I hope it will usefull for some developers to integrate this code in their work. Try this code.

Get random number in javascript by using readymade function random():

alert(Math.random());

Function to generate random numbers between range 1 to N:

function randomToN(maxVal,floatVal)
{
var randVal = Math.random()*maxVal;
return typeof floatVal==’undefined’?Math.round(randVal):randVal.toFixed(floatVal);
}

In above function, you want to pass 2 arguments, First argument , “maxVal” Maximum number of value needed (N) and second argument, “floatVal” is optional which specifies number of digits after decimal point.  If u did’t give floatVal means, it will return value as integer.

Function to return a random numbers in a range:

function randomXToY(minVal,maxVal,floatVal)
{
var randVal = minVal+(Math.random()*(maxVal-minVal));
return typeof floatVal==’undefined’?Math.round(randVal):randVal.toFixed(floatVal);
}

Above function needs 3 arguments, First srgument, “minVal” is minimum number to be started and “maxVal” is a second argument, range between which the random number has to be generated. 3rd argument “floatVal” is which specifies number of digits after decimal point.  If u did’t give floatVal means, it will return value as integer.

Sorry for bad english.

]]> http://vijayakumar.org/random-number-generation-using-java-script.html/feed 0