mheddaMedlem sedan feb. 2000385 inlägg Hejsan på er!
Jag är inte så haj på javascript, så jag har en liten fråga om detta.
Jag har pillat lite med detta så jag har tyckte det funkade tills jag såg att om man förde över alla användare från vänstra till höger så gick det inte att föra tillbaka från höger till vänsterruta någon liten bugg kanske.
Tacksam för hjälp.
<!--
/*
Funktion som flyttar ett option objekt från vänster till höger.
Kollar även om den man försöker flytta redan finns i den högra.
*/
function addGroup(objs)
{
// Referens till <select> med alla grupper
var x=document.getElementById("allGroups")
// Innehåller texten som ska flyttas över
var groupToAdd = x.options[x.selectedIndex].text;
var groupToAddV = x.options[x.selectedIndex].value;
// Skapar ett nytt Option objekt som ska fyttas över
var option = new Option(groupToAdd,groupToAddV, 1);
// Array som innehåller alla värden från <select> med de grupper man är medlem i
var arr = [];
// Längden på arrayen
var num = objs.length;
// Variabel som håller reda på om den nya <option> ska läggas till eller inte
var bol=true;
// Loppar igen om arrayen
for (var j = 0; j < num; ++j)
{
// Fyller arrayen med texten
arr[j] = objs[j].text;
// kollar om den nya <option> redan finns i arrayen
if(option.text==arr[j])
{
// om den fanns avbryts loopen och bol blir false
bol=false;
break;
}
else
{
// om den inte fanns blir bol true
bol=true;
}
}
// om bol är true så fanns inte den nya optionen i den högra selecten och läggs då till
if(bol==true)
{
document.groupForm.memberGroups.options.add(option,1);
}
// tar bort optionen från den vänstra selecten
//document.groupForm.allGroups.options.add(option,1);
x.remove(x.options[x.selectedIndex].index);
}
/*
Funktion som flyttar från höger till vänster. Försöker man flytta över den gruppen som man
editerar får man ett felmeddelande.
*/
function removeGroup(group)
{
// Referens till <select> med de grupper gruppen har tillgång till
var x=document.getElementById("memberGroups")
// Innehåller texten som ska flyttas över
var groupToRemove = x.options[x.selectedIndex].text
// skapar en ny <option>
var option = new Option(groupToRemove, 1);
for(i=0;i<document.groupForm.allGroups.options.length;i++){
// Kollar om den <option> man försöker flytta över är lika som gruppens huvudmapp
if(document.groupForm.allGroups.options[i]!=option.value[i]){
// var de inte lika läggs den till i den vänstra och tas bort från den högra
document.groupForm.allGroups.options.add(option,1);
x.remove(x.options[x.selectedIndex].index)
}
}
}
/*
Funktion som skapar en textsträng med de grupper som man var medlem i innan man börjar ändra.
Används för att uppdatera databasen på rätt sätt
*/
function selectAll()
{
var x=document.getElementById("memberGroups")
var txt =""
for(i=0; i<x.length; i++)
{
txt =txt+x.options[i].value+","
}
document.groupForm.groupsToUpdate.value=txt
}
-->
</script>
MVH Hedda
Peter SMedlem sedan dec. 20025 483 inlägg Hej!
Kika litet på följande:
<script type="text/javascript">
function move(sel){
var form = document.forms["groupForm"],
sel1 = form.elements[sel],
sel2 = form.elements[sel == "allGroups" ? "memberGroups" : "allGroups"],
sel1opts = sel1.options,
sel2opts = sel2.options,
sel1_i = sel1.options.length,
sel1arr = [],
sel2arr = [];
if (sel1.selectedIndex == -1) return;
for (var i = 0; i < sel1_i; ++i)
if (!sel1opts[i].selected)
sel1arr.push(sel1opts[i]);
else
sel2arr.push(sel1opts[i]);
sel1opts.length = 0;
for (var i = 0, arrlen = sel1arr.length; i < arrlen; ++i)
sel1.options[i] = new Option(sel1arr[i].text, sel1arr[i].value);
for (var i = 0, arrlen = sel2arr.length; i < arrlen; ++i)
sel2opts[sel2opts.length] = new Option(sel2arr[i].text, sel2arr[i].value);
}
</script>
<div>
<form name="groupForm">
<div style="float:left">
<select size="5" name="allGroups">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
<option>E</option>
</select>
</div>
<div style="float:left;margin:35px 10px 0 10px">
<button type="button" onclick="move('allGroups')">--></button>
<br>
<button type="button" onclick="move('memberGroups')"><--</button>
</div>
<div>
<select size="5" name="memberGroups"></select>
</div>
</form>
</div>
:)
mheddaMedlem sedan feb. 2000385 inlägg Tackar för svaret.
Men jag får objekt expected på denna rad
var form = document.form["groupForm"],
Jag är som sagt inte den bästa på javascript utan snarare den sämsta.
Hur kan jag impmementera din kod i min kod?
MVH hedda
Peter SMedlem sedan dec. 20025 483 inlägg Det skall vara ett 's' efter document.form.
:)
mheddaMedlem sedan feb. 2000385 inlägg Tack för svaret.
Men jag får fortafarande:
objekt expected
Är forms något inbyggt som syftar på formuläret?
Jag är okunnig i detta.
MVH hedda
Använder du
form = document.forms["groupForm"]
så måste ditt formulär heta groupForm, alltså
<form name="groupForm">
Om du bara har ett formulär kan du använda
form = document.forms[0]
så spelar det ingen som helst roll vad du har döpt formuläret till...
Peter SMedlem sedan dec. 20025 483 inlägg
Är forms något inbyggt som syftar på formuläret?
I din kod har du refererat till ett formulär vid namn "groupForm". Därför använde även jag detta namn.
:)
mheddaMedlem sedan feb. 2000385 inlägg Hejsan den klagar fortfarande på denna rad
jag har försökt både med
form = document.forms[0],
och
var form = document.forms["groupForm"],
och namnet på formuläret är groupForm
Vad kan detta vara
Peter SMedlem sedan dec. 20025 483 inlägg Då vore det bästa att få se HTML-koden för formuläret.
:)
mheddaMedlem sedan feb. 2000385 inlägg Det har du rätt i här får du koden.
<table width="402" border="0" cellspacing="0" cellpadding="0" align="left" height="25" class="linjeunder">
<tr>
<td width="54" height="10" align="right" valign="bottom" class="blutten"><img src="../img/gif/svealogo_small.gif" width="54" height="25" /></td>
<td width="348" height="10" colspan="5" align="left" valign="bottom"class="big">
<?echo $Operator_a_Con." => ".$Area_i_Con;?></td>
</tr>
</table>
<br />
<form method="post" action="createUserAreaNow.php" name="groupForm">
<br />
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blutten">
<?
echo "<select class=\"select\" name=\"areaIdIn\" onChange=\"parent.location.href='".$PHP_SELF."?areaIdShow='+this.options[this.selectedIndex].value\" style='font-size:10px; font-family:Verdana, Arial, Helvetica;sans-serif; width:200px;'>";
echo "<option value='".$areaId."'>".$SammtligaCon." ".$Area_i_Con."</option>";
$result=odbc_exec($connection, "{CALL spForanGetAreaAllStat1(0)}");
while($row = odbc_fetch_row($result))
{
$areaId = odbc_result($result,"areaId");
$areaName = odbc_result($result,"areaName");
echo "<option value='$areaId'>".$areaName."</option>";
}
echo "</select>";
?>
<p> </p></td>
<td> </td>
<td class="blutten"> </td>
</tr>
<tr>
<td class="blutten">Users:</td>
<td> </td>
<?
if(!isset($areaIdIn)||($areaIdIn=="")){
$resultArea=odbc_exec($connection, "{CALL spForanGetAreaStat1('".$areaIdShow."')}");
$areaNameIn = odbc_result($resultArea,"areaName");
$areaIdIn = odbc_result($resultArea,"areaId");
}elseif(isset($areaIdIn)){
$resultArea=odbc_exec($connection, "{CALL spForanGetAreaStat1('".$areaIdIn."')}");
$areaNameIn = odbc_result($resultArea,"areaName");
$areaIdIn = odbc_result($resultArea,"areaId");
}
?>
<td class="blutten">
<?
if((!isset($areaIdIn))||($areaIdIn=="")){
echo $ValjCon." ".$Area_u_Con.":";
}elseif((isset($areaIdIn))||($areaIdIn!="")){
echo $areaNameIn.":";
}
?>
<input type="hidden" value="<?=$areaNameIn?>" name="areaNameIn" />
<input type="hidden" value="<?=$areaIdShow?>" name="areaIdIn" />
</td>
</tr>
<tr>
<td>
<?
//$result=odbc_exec($connection, "{CALL spForanUserToArea(0)}");
$result=odbc_exec($connection, "{CALL spForanGetUserAreaRight('".$areaIdIn."')}");
echo "<select size='10' name='allGroups' style='width:200px;' id='allGroups'>";
while(odbc_fetch_row($result))
{
$userIdShow = odbc_result($result,"userId");
$name = odbc_result($result,"name");
echo "<option value=".$userIdShow.">".$name."</option>";
}
echo "</select>";
?>
</td>
<td><input name="add" type="button" value=">>" onclick="addGroup(this.form.elements['memberGroups'].options)"/>
<br /> <br /> <input name="remove" type="button" value="<<" onclick="removeGroup('<?=$userIdShow?>')"/></td>
<td>
<?
$result=odbc_exec($connection, "{CALL spForanGetUserAreaSelect('".$areaIdIn."')}");
echo "<select size='10' name='memberGroups' multiple='multiple' style='width:200px;' id='memberGroups'>";
while(odbc_fetch_row($result))
{
$areaIdIn=odbc_result($result,"areaId");
$userId = odbc_result($result,"userId");
$name = odbc_result($result,"name");
echo "<option value=".odbc_result($result,"userId").">".$name."</option>";
$oldString = $oldString.odbc_result($result,"userId").",";
}
echo "</select>";
//$oldString=rtrim($oldString,",");
$_SESSION["oldString"]=$oldString;
?>
<input type="hidden" value="<?=$areaIdIn?>" name="areaIdIn" />
<input type="hidden" value="<?=$userIdShow?>" name="userIdShow" />
</td>
</tr>
<tr>
<td align="right" colspan="3"> <input type="hidden" name="groupsToUpdate" />
<br> <a href="javascript:document.groupForm.submit();" onclick="return selectAll();" onmouseover="window.status='Spara'; return true;" onmouseout="window.status=''">
<img src="img/okLett.gif" alt="Spara" border="0" class="imgLink" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onMouseOver="selOn(this)" onMouseOut="selOff(this)" />
</a> </td>
</tr>
</table>
</form>
ByByHedda
Peter SMedlem sedan dec. 20025 483 inlägg Är det möjligt att få den i ren HTML, d v s det som visas då man väljer "Visa källa"?
:)
Det är inte så att du försöker köra funktionen innan hela sidan har laddats?
mheddaMedlem sedan feb. 2000385 inlägg Här är koden renhtml
<script language="javascript">
function move(sel){
var form = document.forms["groupForm"],
sel1 = form.elements[sel],
sel2 = form.elements[sel == "allGroups" ? "memberGroups" : "allGroups"],
sel1opts = sel1.options,
sel2opts = sel2.options,
sel1_i = sel1.options.length,
sel1arr = [],
sel2arr = [];
if (sel1.selectedIndex == -1) return;
for (var i = 0; i < sel1_i; ++i)
if (!sel1opts[i].selected)
sel1arr.push(sel1opts[i]);
else
sel2arr.push(sel1opts[i]);
sel1opts.length = 0;
for (var i = 0, arrlen = sel1arr.length; i < arrlen; ++i)
sel1.options[i] = new Option(sel1arr[i].text, sel1arr[i].value);
for (var i = 0, arrlen = sel2arr.length; i < arrlen; ++i)
sel2opts[sel2opts.length] = new Option(sel2arr[i].text, sel2arr[i].value);
}
</script>
<html>
<!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>
<title>::. Users .::</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1257">
<link href="../css/dp_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="402" border="0" cellspacing="0" cellpadding="0" align="left" height="25" class="linjeunder">
<tr>
<td width="54" height="10" align="right" valign="bottom" class="blutten"><img src="../img/gif/svealogo_small.gif" width="54" height="25" /></td>
<td width="348" height="10" colspan="5" align="left" valign="bottom"class="big">
Operatora => Apgabali</td>
</tr>
</table>
<br />
<form method="post" action="createUserAreaNow.php" name="groupForm">
<br />
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blutten">
<select class="select" name="areaIdIn" onChange="parent.location.href='/user/stat_1/createUserArea.php?areaIdShow='+this.options[this.selectedIndex].value" style='font-size:10px; font-family:Verdana, Arial, Helvetica;sans-serif; width:200px;'><option value=''>Visi Apgabali</option><option value='220'>Jugla 85/2</option><option value='224'>MatsLimpArea</option><option value='237'>SwebiaArea</option><option value='246'>Riga</option></select> <p> </p></td>
<td> </td>
<td class="blutten"> </td>
</tr>
<tr>
<td class="blutten">Users:</td>
<td> </td>
<td class="blutten">
Riga: <input type="hidden" value="Riga" name="areaNameIn" />
<input type="hidden" value="246" name="areaIdIn" />
</td>
</tr>
<tr>
<td>
<select size='10' name='allGroups' style='width:200px;' id='allGroups'><option value=182>mats</option><option value=185>matte</option></select> </td>
<td><input name="add" type="button" value=">>" onclick="addGroup(this.form.elements['memberGroups'].options)"/>
<br /> <br /> <input name="remove" type="button" value="<<" onclick="removeGroup('185')"/></td>
<td>
<select size='10' name='memberGroups' multiple='multiple' style='width:200px;' id='memberGroups'><option value=182>mats</option></select> <input type="hidden" value="246" name="areaIdIn" />
<input type="hidden" value="185" name="userIdShow" />
</td>
</tr>
<tr>
<td align="right" colspan="3"> <input type="hidden" name="groupsToUpdate" />
<br> <a href="javascript:document.groupForm.submit();" onclick="return selectAll();" onmouseover="window.status='Spara'; return true;" onmouseout="window.status=''">
<img src="img/okLett.gif" alt="Spara" border="0" class="imgLink" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onMouseOver="selOn(this)" onMouseOut="selOff(this)" />
</a> </td>
</tr>
</table>
</form>
1. Lägg in hela <script>...</script> inuti <head>...</head>
2. Ta bort översta <html>. (Varför ha två såna menar jag?)
3. Lägg till </body></html> sist i filen.
Nu bör det åtminstone likna html...
Och så till felet:
Du anropar funktioner som inte finns. Knapparna som ska flytta värden fram och tillbaka mellan selectboxarna anropar fortfarande de gamla funktionerna. Det bör se ut på följande sätt om du nu ska använda move()-funktionen...
<input name="add" type="button" value=">>" onclick="move('allGroups')"/>
och
<input name="remove" type="button" value="<<" onclick="move('memberGroups')"/>
Du kommer dessutom att få javascript-fel så fort du för musen över den nedersta bilden också eftersom det saknas en massa funktioner...
Peter SMedlem sedan dec. 20025 483 inlägg <script type="text/javascript">
if (!Array.prototype.push)
Array.prototype.push = function(){
var args = arguments,
len = args.length;
for (var i = 0; i < len; ++i)
this[this.length] = args[i];
return this.length;
}
function addGroup(){
var form = document.forms["groupForm"],
users = form.elements["allGroups"],
members = form.elements["memberGroups"],
memlen = members.length,
usropts = users.options,
memopts = members.options;
if (users.selectedIndex == -1 || exists(usropts[users.selectedIndex], memopts)) return;
memopts[memlen] = new Option(usropts[users.selectedIndex].text, usropts[users.selectedIndex].value);
}
function removeGroup(val){
var arr = [],
members = document.forms["groupForm"].elements["memberGroups"],
memopts = members.options,
mlen = memopts.length;
if (members.selectedIndex == -1) return;
for (var i = 0; i < mlen; ++i)
if (!memopts[i].selected)
arr.push(memopts[i]);
memopts.length = 0;
for (var i = 0, len = arr.length; i < len; ++i)
memopts[i] = new Option(arr[i].text, arr[i].value);
}
function exists(usr, mem){
for (var i = 0, mlen = mem.length; i < mlen; ++i)
if (usr.value == mem[i].value)
return true;
return false;
}
</script>
<html>
<!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>
<title>::. Users .::</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1257">
<link href="../css/dp_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="402" border="0" cellspacing="0" cellpadding="0" align="left" height="25" class="linjeunder">
<tr>
<td width="54" height="10" align="right" valign="bottom" class="blutten"><img src="../img/gif/svealogo_small.gif" width="54" height="25" /></td>
<td width="348" height="10" colspan="5" align="left" valign="bottom"class="big">
Operatora => Apgabali</td>
</tr>
</table>
<br />
<form method="post" action="createUserAreaNow.php" name="groupForm">
<br />
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blutten">
<select class="select" name="areaIdIn" onChange="parent.location.href='/user/stat_1/createUserArea.php?areaIdShow='+this.options[this.selectedIndex].value" style='font-size:10px; font-family:Verdana, Arial, Helvetica;sans-serif; width:200px;'><option value=''>Visi Apgabali</option><option value='220'>Jugla 85/2</option><option value='224'>MatsLimpArea</option><option value='237'>SwebiaArea</option><option value='246'>Riga</option></select> <p> </p></td>
<td> </td>
<td class="blutten"> </td>
</tr>
<tr>
<td class="blutten">Users:</td>
<td> </td>
<td class="blutten">
Riga: <input type="hidden" value="Riga" name="areaNameIn" />
<input type="hidden" value="246" name="areaIdIn" />
</td>
</tr>
<tr>
<td>
<select size='10' name='allGroups' style='width:200px;' id='allGroups'><option value=182>mats</option><option value=185>matte</option></select> </td>
<td><input name="add" type="button" value=">>" onclick="addGroup()"/>
<br /> <br /> <input name="remove" type="button" value="<<" onclick="removeGroup()"/></td>
<td>
<select size='10' name='memberGroups' multiple='multiple' style='width:200px;' id='memberGroups'><option value=182>mats</option></select> <input type="hidden" value="246" name="areaIdIn" />
<input type="hidden" value="185" name="userIdShow" />
</td>
</tr>
<tr>
<td align="right" colspan="3"> <input type="hidden" name="groupsToUpdate" />
<br> <a href="javascript:document.groupForm.submit();" onclick="return selectAll();" onmouseover="window.status='Spara'; return true;" onmouseout="window.status=''">
<img src="img/okLett.gif" alt="Spara" border="0" class="imgLink" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onMouseOver="selOn(this)" onMouseOut="selOff(this)" />
</a> </td>
</tr>
</table>
</form>
Samt som jawbreaker skriver: lägg till de övriga funktionerna du använder (selUp() m fl).
mheddaMedlem sedan feb. 2000385 inlägg Fortfarande samma fel :-(
Tyvärr Nu är koden denna
<html>
<!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>
<title>::. Users .::</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1257">
<link href="../css/dp_style.css" rel="stylesheet" type="text/css">
<script language="javascript">
//Funktion som körs när användaren klickar på logga ut.
//Det som händer är att användaren blir tillfrågad om den verkligen vill logga ut
function logout()
{
if (confirm("Är du säker på att du vill logga ut"+"?"))
{
return true;
}
else
{
return false;
}
}
//FUnktoner som används till rollovereffkterna på bildknapparna
function selOn(ctrl)
{
ctrl.style.borderColor = '#000000';
ctrl.style.backgroundColor = '#B5BED6';
ctrl.style.cursor = 'hand';
}
function selOff(ctrl)
{
ctrl.style.borderColor = '#EAEAEA';
ctrl.style.backgroundColor = '';
}
function selDown(ctrl)
{
ctrl.style.backgroundColor = '#8492B5';
}
function selUp(ctrl)
{
ctrl.style.backgroundColor = '#B5BED6';
}
function selEnd(ctrl)
{
ctrl.style.borderColor = '#000000';
ctrl.style.backgroundColor = '#B5BED6';
ctrl.style.cursor = 'no-drop';
}
function move(sel){
var form = document.forms["groupForm"],
sel1 = form.elements[sel],
sel2 = form.elements[sel == "allGroups" ? "memberGroups" : "allGroups"],
sel1opts = sel1.options,
sel2opts = sel2.options,
sel1_i = sel1.options.length,
sel1arr = [],
sel2arr = [];
if (sel1.selectedIndex == -1) return;
for (var i = 0; i < sel1_i; ++i)
if (!sel1opts[i].selected)
sel1arr.push(sel1opts[i]);
else
sel2arr.push(sel1opts[i]);
sel1opts.length = 0;
for (var i = 0, arrlen = sel1arr.length; i < arrlen; ++i)
sel1.options[i] = new Option(sel1arr[i].text, sel1arr[i].value);
for (var i = 0, arrlen = sel2arr.length; i < arrlen; ++i)
sel2opts[sel2opts.length] = new Option(sel2arr[i].text, sel2arr[i].value);
}
</script></head>
<body>
<table width="402" border="0" cellspacing="0" cellpadding="0" align="left" height="25" class="linjeunder">
<tr>
<td width="54" height="10" align="right" valign="bottom" class="blutten"><img src="../img/gif/svealogo_small.gif" width="54" height="25" /></td>
<td width="348" height="10" colspan="5" align="left" valign="bottom"class="big">
Operatora => Apgabali</td>
</tr>
</table>
<br />
<form method="post" action="createUserAreaNow.php" name="groupForm">
<br />
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blutten">
<select class="select" name="areaIdIn" onChange="parent.location.href='/swedwoodTimber/stat_1/createUserArea.php?areaIdShow='+this.options[this.selectedIndex].value" style='font-size:10px; font-family:Verdana, Arial, Helvetica;sans-serif; width:200px;'><option value=''>Visi Apgabali</option><option value='220'>Jugla 85/2</option><option value='224'>MatsLimpArea</option><option value='237'>SwebiaArea</option><option value='246'>Riga</option></select> <p> </p></td>
<td> </td>
<td class="blutten"> </td>
</tr>
<tr>
<td class="blutten">Users:</td>
<td> </td>
<td class="blutten">
Jugla 85/2: <input type="hidden" value="Jugla 85/2" name="areaNameIn" />
<input type="hidden" value="220" name="areaIdIn" />
</td>
</tr>
<tr>
<td>
<select size='10' name='allGroups' style='width:200px;' id='allGroups'><option value=182>mats</option></select> </td>
<td><input name="add" type="button" value=">>" onclick="move(this.form.elements['memberGroups'].options)"/>
<br /> <br /> <input name="remove" type="button" value="<<" onclick="move('182')"/></td>
<td>
<select size='10' name='memberGroups' multiple='multiple' style='width:200px;' id='memberGroups'><option value=182>mats</option><option value=185>matte</option></select> <input type="hidden" value="220" name="areaIdIn" />
<input type="hidden" value="182" name="userIdShow" />
</td>
</tr>
<tr>
<td align="right" colspan="3"> <input type="hidden" name="groupsToUpdate" />
<br> <a href="javascript:document.groupForm.submit();" onclick="return selectAll();" onmouseover="window.status='Spara'; return true;" onmouseout="window.status=''">
<img src="img/okLett.gif" alt="Spara" border="0" class="imgLink" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onMouseOver="selOn(this)" onMouseOut="selOff(this)" />
</a> </td>
</tr>
</table>
</form>
</body>
</html>
MVH Hedda
mheddaMedlem sedan feb. 2000385 inlägg Det är ju lysande Peter S
Nu funkar det.
En liten fråga kan jag få dom som jag flyttar från vänster
att försvinna när jag lägger till i höger visuellt bra blir det då för att man kan se villka man har flyttat från vänster.
MVH Hedda
Peter SMedlem sedan dec. 20025 483 inlägg Ursäkta dröjsmålet:
<script type="text/javascript">
if (!Array.prototype.push)
Array.prototype.push = function(){
var args = arguments,
len = args.length;
for (var i = 0; i < len; ++i)
this[this.length] = args[i];
return this.length;
}
function move(sel){
var form = document.forms["groupForm"],
sel1 = form.elements[sel],
sel2 = form.elements[sel == "allGroups" ? "memberGroups" : "allGroups"],
sel1opts = sel1.options,
sel2opts = sel2.options,
sel1_i = sel1.options.length,
sel1arr = [],
sel2arr = [];
if (sel1.selectedIndex == -1) return;
for (var i = 0; i < sel1_i; ++i)
if (!sel1opts[i].selected)
sel1arr.push(sel1opts[i]);
else
sel2arr.push(sel1opts[i]);
sel1opts.length = 0;
for (var i = 0, arrlen = sel1arr.length; i < arrlen; ++i)
sel1opts[i] = new Option(sel1arr[i].text, sel1arr[i].value);
for (var i = 0, arrlen = sel2arr.length; i < arrlen; ++i)
sel2opts[sel2opts.length] = new Option(sel2arr[i].text, sel2arr[i].value);
}
</script>
<body>
<table width="402" border="0" cellspacing="0" cellpadding="0" align="left" height="25" class="linjeunder">
<tr>
<td width="54" height="10" align="right" valign="bottom" class="blutten"><img src="../img/gif/svealogo_small.gif" width="54" height="25" /></td>
<td width="348" height="10" colspan="5" align="left" valign="bottom"class="big">
Operatora => Apgabali</td>
</tr>
</table>
<br />
<form method="post" action="createUserAreaNow.php" name="groupForm">
<br />
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blutten">
<select class="select" name="areaIdIn" onChange="parent.location.href='/swedwoodTimber/stat_1/createUserArea.php?areaIdShow='+this.options[this.selectedIndex].value" style='font-size:10px; font-family:Verdana, Arial, Helvetica;sans-serif; width:200px;'><option value=''>Visi Apgabali</option><option value='220'>Jugla 85/2</option><option value='224'>MatsLimpArea</option><option value='237'>SwebiaArea</option><option value='246'>Riga</option></select> <p> </p></td>
<td> </td>
<td class="blutten"> </td>
</tr>
<tr>
<td class="blutten">Users:</td>
<td> </td>
<td class="blutten">
Jugla 85/2: <input type="hidden" value="Jugla 85/2" name="areaNameIn" />
<input type="hidden" value="220" name="areaIdIn" />
</td>
</tr>
<tr>
<td>
<select size='10' name='allGroups' style='width:200px;' id='allGroups'><option value=182>mats</option></select> </td>
<td><input name="add" type="button" value=">>" onclick="move('allGroups')"/>
<br /> <br /> <input name="remove" type="button" value="<<" onclick="move('memberGroups')"/></td>
<td>
<select size='10' name='memberGroups' multiple='multiple' style='width:200px;' id='memberGroups'><option value=185>matte</option></select> <input type="hidden" value="220" name="areaIdIn" />
<input type="hidden" value="182" name="userIdShow" />
</td>
</tr>
<tr>
<td align="right" colspan="3"> <input type="hidden" name="groupsToUpdate" />
<br> <a href="javascript:document.groupForm.submit();" onclick="return selectAll();" onmouseover="window.status='Spara'; return true;" onmouseout="window.status=''">
<img src="img/okLett.gif" alt="Spara" border="0" class="imgLink" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onMouseOver="selOn(this)" onMouseOut="selOff(this)" />
</a> </td>
</tr>
</table>
</form>
</body>
</html>
mheddaMedlem sedan feb. 2000385 inlägg Tack så hemskt mycket Peter S
du är en klippa jag skall testa detta så snabbt jag kan.
Så talar jag om hur det gick, men det funkar säkert super bra.
Tack än en gång.
MVH hedda
