PHP scripts and programs for Beginner to Master

Dropdown - On change redirect to another page

Posted by vaibhavsk

Nov 30, 2009

Hi,

Do you want your visitors to go to a particular page when they select any option from the dropdown list or from select box ?

Then here is the select element which will redirect users to the particular url when the select any option from it.

Now whenever a user selects any option from the dropdown at that time we are calling our javascript function gotourl which will process the current request and redirects users to that particular page.

Here is our Javascript function gotourl to do processing

Here is full code

If you know any other way to do the same then comments are always welcome.
Dont forget to tell your friends about http://programming-in-php.blogspot.com

Labels: javascript, php

Caution while using JavaScript

Posted by Vijay Srini

Sep 12, 2009

comments (0)

Caution: While using Javascript and an alert message is fired using a timer, then keep the timer for atleast 10 seconds, i.e. 10000. Else, the system will hang. I experienced it recently.

Please note.

Labels: javascript

Javascript Acceleration

Posted by Vijay Srini

Sep 11, 2009

comments (0)

Run this program, and watch the color change accelerate.

 <html> <head> <script type="text/javascript"> var c=-1; var tmr; ntimer=1000; var ArrColor=new Array(); ArrColor[0]="green"; ArrColor[1]="blue"; ArrColor[2]="red"; ArrColor[3]="#ffffff"; function showpos() { if(c==3) c=0; else c++; if(ntimer<=5) ntimer=1000; else ntimer = ntimer-5; document.body.style.backgroundColor=ArrColor[c]; clearTimeout(tmr); tmr=setTimeout("showpos()", ntimer); } tmr=setTimeout("showpos()", ntimer); </script> </head> <body> Run this program, and watch it accelerate, slowly and slowly. </body> </html>

Labels: javascript

Restrict the text in textarea - limit the length of textarea with javascript

Posted by vaibhavsk

Sep 6, 2009

comments (0)

sometimes it is required to restrict the length of the textarea so that user should not enter characters beyond a certain limit.
For this we can make use of this simple javascript.

First we will create a 2 textarea.

Here we have created 2 textboxes "mytextarea" and "mytextarea1".
and onkeyup event of the mytextarea we will call our javascript function "restrict(textareaname)", means whenever any key is pressed we will call our javascript function.
and onchange event of the mytextarea we will call our javascript function "restrict(textareaname)", means whenever we will move out of this textbox javascript function will be called.

Here is our javascript function



function restrict(mytextarea) {

var maxlength = 15; // specify the maximum length

if (mytextarea.value.length > maxlength)

mytextarea.value = mytextarea.value.substring(0,maxlength);

} // -->

Include this function either in the head section or at the end before body tag.

Here is full source code to try this

Labels: javascript, php

onclick select the text of a textarea

Posted by vaibhavsk

Sep 4, 2009

comments (2)

Sometimes we require that when the users click on a textarea at that time all the text should get selected.
This can be done with a small javascript.


<br />   some text here <br />   some text here<br />

When a user clicks on a textarea then all the contents will get selected.

Labels: html, javascript

Javascript to show how many characters are remaining to enter in textbox or textarea

Posted by vaibhavsk

Sep 2, 2009

comments (3)

Hello,
Today we will be seeing a javascript which will help us to show how many characters are remaining for a textbox or textarea,As soon as the user starts typing in a textbox or textarea, then we will show how many characters are remaining for entering into the textbox.

Here we are creating a simple textbox, and we are specifying the "maxlength" of the textbox to 20.

And "onKeyUp" event of the textbox we are calling a javascript function "countCharacters()".

we will be writing a standard function which accepts only some parameters and rest of the processing will be done in the function.

To this function we have to pass 3 parameters
1) id of the span - where counter will be shown when user types something
2) max_chars - length of the textarea which we specified in maxlength="20"
3) myelement - the id of the textbox where user types text

The function is as below

Now you can use this function anywhere, without a need to modify this function.

The full code to try out is here

Put a link back to our site, if you like this !

Labels: html, javascript

PHP scripts and programs for Beginner to Master

php programs, php ready to use scripts & functions, css tutorials, html, javascripts, ajax examples for Beginner to Master

Followers

Blogs I read

Categories

Blog Archive

Dropdown - On change redirect to another page

Caution while using JavaScript

Javascript Acceleration

Restrict the text in textarea - limit the length of textarea with javascript

onclick select the text of a textarea

Javascript to show how many characters are remaining to enter in textbox or textarea