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
|