H I O X INDIA
FREE Javascript
Google
Web hscripts.com
 HOME  ||  Scripts  ||  Purchase  ||  Tutorials  ||  Images  ||  Tools  ||  Directories 
  :-)  Send Page   :-)   Feedback   :-)   Register   :-)   Links   :-)   Support   :-)   Bookmarks :-)  
 Forums   Hosting   Internet Stats   Easy Calculation   FUN Games 

Java Script Source
List All
Date & Time
Calendar
Stop Watch script
Slide Show
Image Effect
Mouse Effects
Color Picker Tool
Dynamic Color
Random Generator
Select All
Form Validation
Textbox Counter
Dynamic Form select
Bookmark
Window / User Info
Security / Authenticate
Status Bar
Title Bar
Cursor Position
Country List
Calculators
Delete Repeated Values
Alphanumeric
Free Games





MOVE LIST Script


About
 Javascript list movement, move data from one listbox to another list box.


Features
a) You can move data from one listbox to another list using this list box movement script.
b) Just copy the code and use it for free.


Preview
From GroupTo Group



Code
Javascript Code
< !-- Script by hscripts.com -->
<script language=javascript>
/* ************************* */
//	 Copy the code inside head portion of your HTML code
//   Created on : Nov 12,2007 
//   List movement script
//   Moves the items between two HTML Select elements
//   it looks like a movement between two lists.
//
/* ************************* */
var from_array = new Array('Pink',1,2,'Green',4,'Yellow');  // this array has the values for the source list
var to_array = new Array('Red',3,5); 		  // this array has the values for the destination list(if any)
</script>
<script language=javascript> function moveoutid() { var sda = document.getElementById('xxx');; var len = sda.length; var sda1 = document.getElementById('yyy'); for(var j=0; j<len; j++) { if(sda[j].selected) { var tmp = sda.options[j].text; var tmp1 = sda.options[j].value; sda.remove(j); j--; var y=document.createElement('option'); y.text=tmp; try {sda1.add(y,null); } catch(ex) { sda1.add(y); } } } } function moveinid() { var sda = document.getElementById('xxx'); var sda1 = document.getElementById('yyy'); var len = sda1.length; for(var j=0; j<len; j++) { if(sda1[j].selected) { var tmp = sda1.options[j].text; var tmp1 = sda1.options[j].value; sda1.remove(j); j--; var y=document.createElement('option'); y.text=tmp; try { sda.add(y,null);} catch(ex){ sda.add(y); } } } } </script>

HTML Code
<table border=1 align=center valign=center>
<tr><td>From Group</td><td></td><td>To Group</td></tr>
<tr><td>
<select id=xxx multiple size=7 style="width:100;">
<script language=javascript>
for(var i=0;i<from_array.length;i++)
{
	document.write('<option>'+from_array[i]+'</option>');
}
</script>
</select>
</td>
<td>
<input type=button value=">>" onclick=moveoutid()>
<input type=button value="<<" onclick=moveinid()>
</td>
<td>
<select id=yyy multiple size=7 style="width:100;">
<script language=javascript>
for(var j=0;j<to_array.length;j++)
{
	document.write('<option>'+to_array[j]+'</option>');
}
</script>
</select>
</td></tr>
</table>
Release Date - 07-01-2008

Get free version without ©copyright link for just 5



Usage
 a) Copy the above javascript code inside the head portion of your HTML code.
 b) Every list value is stored as array values.
 c) When the button ">>" is clicked, the function "moveoutid()" is invoked and    when the button "<<" is clicked, the function "moveinid()" is invoked.
 d) Above functions is used to move data from one listbox to another list box.
 e) Copy the above code into your page and use it.




License
- This javascript (misspelled as java script)/HTML code is given under GPL License
- i.e. Free use for those who use it as it is.
- Free, if your modification does not remove our copyright information and links.
- Detailed License information can be found here
- You can purchase the script if your requirements does not meet GPL License terms.


privacy policy     license     sitemap
© 2004-2005 HIOX INDIA - hioxindia.com

Others