Buttons Effects >>> Up Down Box .

Ajax Editor

Free Scripts

Submit Script

Link to Us

JavaScript Editor

JavaScript tutorial
HTML tutorial
CSS tutorial
JavaScript references
HTML references
CSS references

PageRank Checker

Script Categories

Background

Buttons

Calculators

Calendars

Date & Time

Equivalents

Forms

Games

Graphic

Links & Tooltips

Messages

Menus & Navigation

Mouse & Cursor

Page Details

Pass Protect

Scrolls

Text Effects

User Details

Miscellaneous

↑
Buttons Effects >>>

Allows the user to increase and decrease the value in a textbox by clicking up and down buttons. Useful if you would like to allow the user to quickly modify a value in your form.

Add the below code to the <body> section of your page:

Select All


		<center>

		<form> 
		<!--  Visit http://www.yaldex.com/ for full 
		source code

		and get more free JavaScript, CSS and DHTML scripts!  -->

		<table>

		   <tr>

		      
		<td 
		rowspan="2"><input
		type=text
		name=amount
		value=5></td>

		      
		<td><input
		type=button
		value="&nbsp; 
		up &nbsp;" 
		onClick="javascript:this.form.amount.value++;"></td>

		   </tr>

		   <tr>

		      
		<td><input
		type=button
		value="down"
		onClick="javascript:this.form.amount.value--;"></td>

		   </tr>

		</table>

		</form>

		</center>

Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!
1st JavaScript Editor.

Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).

→