Supportnet / Forum / Skripte(PHP,ASP,Perl...)
Suche: JavaScript zum verschieben von inhalht in zwei boxen
Frage
Hi,
ich suche ein script mit dem ich in einer box namen anzeige, welche ich in die 2. box verschieben kann und dort unter umständen noch verschieben kann. wichtig ist: das script sollte auf jeden fall unter netscape funtzen. leider habe ich eins gefunden, nur funtzt das nicht unter netscape:
http://www.3sign.org/341/361/362/36227780.php
danke im vorraus
Antwort 1 von Dr.Ma-Busen
Nabend!
Das von dir genannte Script läuft auch unter Netscape, du musst nur die beiden Selectboxen in ein Formular packen, dann sollte es laufen.
MfG
Dr. Ma-Busen
Das von dir genannte Script läuft auch unter Netscape, du musst nur die beiden Selectboxen in ein Formular packen, dann sollte es laufen.
MfG
Dr. Ma-Busen
Antwort 2 von quok
Danke,
habe jetzt <form onSubmit='return submitForm();'> und am ende natürlich </form> eingefügt funtzt aber immer noch nichts - server seitig muss nicht installiert werden oder ??
nicht böse sein aber ist mein erster schritt in die java welt ;-)
Code:
<script language="JavaScript" TYPE="text/javascript">
<!--
function MoveUp(combo)
{
i=combo.selectedIndex;
if (i>0)
{
swap(combo,i,i-1);
combo.options[i-1].selected=true;
combo.options.selected=false;
}
}
function MoveDown(combo)
{
i=combo.selectedIndex;
if (i<combo.length-1 && i>-1)
{
swap(combo,i+1,i);
combo.options[i+1].selected=true;
combo.options.selected=false;
}
}
//this function is used to swap between elements
function swap(combo,index1, index2)
{
var savedValue=combo.options[index1].value;
var savedText=combo.options[index1].text;
combo.options[index1].value=combo.options[index2].value;
combo.options[index1].text=combo.options[index2].text;
combo.options[index2].value=savedValue;
combo.options[index2].text=savedText;
}
function MoveToTop(combo)
{
i=combo.selectedIndex;
for (;i>0;i--)
{
swap(combo,i,i-1);
combo.options[i-1].selected=true;
combo.options.selected=false;
}
}
function MoveToBottom(combo)
{
i=combo.selectedIndex;
if (i>-1)
{
for (;i<combo.length-1;i++)
{
swap(combo,i+1,i);
combo.options[i+1].selected=true;
combo.options.selected=false;
}
}
}
//moves options from one selection box (combo box) to another
//removes the all selected options from one combo box and adds them to the second combo box
function MoveElements(FromCombo,ToCombo)
{
var to_remove_counter=0; //number of options that were removed (num selected options)
//move selected options to right select box (to)
for (var i=0;i<FromCombo.options.length;i++)
{
if (FromCombo.options.selected==true)
{
var addtext=FromCombo.options.text;
var addvalue=FromCombo.options.value;
ToCombo.options[ToCombo.options.length]=new Option(addtext,addvalue)????????»????Ÿd?????????????????
;
FromCombo.options.selected=false;
++to_remove_counter;
}
else
{
FromCombo.options[i-to_remove_counter].selected=false;
FromCombo.options[i-to_remove_counter].text=FromCombo.options.text;
FromCombo.options[i-to_remove_counter].value=FromCombo.options.value;
}
}
//now cleanup the last remaining options
var numToLeave=FromCombo.options.length-to_remove_counter;
for (i=FromCombo.options.length-1;i>=numToLeave;i--)
{
FromCombo.options=null;
}
}
function SelectAll(combo)
{
for (var i=0;i<combo.options.length;i++)
{
combo.options.selected=true;
}
}
//-->
</script>
---- im body:
<form onSubmit='return submitForm();'>
<table border=0 cellspacing=0 cellpadding=0>
<tr style='font-size: .8em;'>
<td valign=bottom align=left >
All Elements [ <span onClick='SelectAll(left_select)' style='color:blue;cursor:hand;' onMouseOver='this.style.color="red"' onMouseOut='this.style.color="blue"'>Select All</span> ]
</td>
<td>
</td>
<td align=left valign=bottom align=right >
Selected Elements
</td>
<td>
</td>
</tr>
<tr valign=top>
<td rowspan=4>
<select multiple Name='left_select' size='10' TABINDEX=1 style='width:100%'>
<option VALUE="bill@ms.com">Bill Gates</option>
<option VALUE="bill@unemployed.com">Bill Clinton</option>
<option VALUE="bart@brat.com">Bart Simpson</option>
<option VALUE="oj@free.com">OJ Simpson</option>
<option VALUE="j@nbc.com">Jay Leno</option>
<option VALUE="david@topten.com">David Letterman</option>
<option VALUE="maybe@next-time.com">Al Gore</option>
<option VALUE="prez@whitehouse.gov">George W. Bush</option>
</select>
</td>
<td rowspan=4 valign=center>
<input title='Move elements to the right select box.' TABINDEX=2 onClick='MoveElements(left_select,right_select);' style='width:76;cursor:hand;' type=button value="Add>>">
<br />
<input title='Return elements to the left select box.' TABINDEX=3 onClick='MoveElements(right_select,left_select)' style='width:76;cursor:hand;' type=button value="<<Remove">
</td>
<td rowspan=4>
<select multiple Name='right_select' size='10' style='width:184px' TABINDEX=4 >
</select>
</td>
<td>
<input title='Move selected element to the top.' TABINDEX=5 onClick='MoveToTop(right_select)' style='width:20;height:40px;font-size:x-small;' type=button value=" /\
/\ ">
</td>
</tr>
<tr valign=bottom>
<td>
<input title='Move selected element up.' TABINDEX=6 onClick='MoveUp(right_select)' style='width:20px;height:20px;font-size : x-small;' type=button value="/\">
</td>
</tr>
<tr valign='top'>
<td>
<input title='Move selected element down.' TABINDEX=7 onClick='MoveDown(right_select)' style='width:20px;height:20px;font-size : x-small;' type=button value="\/">
</td>
</tr>
<tr valign='bottom'>
<td>
<input title='Move selected element to the bottom.' TABINDEX=8 onClick='MoveToBottom(right_select)' style='width:20px;height:40px;font-size : x-small;' type=button value=" \/
\/ ">
</td>
</tr>
</table>
</form>
habe jetzt <form onSubmit='return submitForm();'> und am ende natürlich </form> eingefügt funtzt aber immer noch nichts - server seitig muss nicht installiert werden oder ??
nicht böse sein aber ist mein erster schritt in die java welt ;-)
Code:
<script language="JavaScript" TYPE="text/javascript">
<!--
function MoveUp(combo)
{
i=combo.selectedIndex;
if (i>0)
{
swap(combo,i,i-1);
combo.options[i-1].selected=true;
combo.options.selected=false;
}
}
function MoveDown(combo)
{
i=combo.selectedIndex;
if (i<combo.length-1 && i>-1)
{
swap(combo,i+1,i);
combo.options[i+1].selected=true;
combo.options.selected=false;
}
}
//this function is used to swap between elements
function swap(combo,index1, index2)
{
var savedValue=combo.options[index1].value;
var savedText=combo.options[index1].text;
combo.options[index1].value=combo.options[index2].value;
combo.options[index1].text=combo.options[index2].text;
combo.options[index2].value=savedValue;
combo.options[index2].text=savedText;
}
function MoveToTop(combo)
{
i=combo.selectedIndex;
for (;i>0;i--)
{
swap(combo,i,i-1);
combo.options[i-1].selected=true;
combo.options.selected=false;
}
}
function MoveToBottom(combo)
{
i=combo.selectedIndex;
if (i>-1)
{
for (;i<combo.length-1;i++)
{
swap(combo,i+1,i);
combo.options[i+1].selected=true;
combo.options.selected=false;
}
}
}
//moves options from one selection box (combo box) to another
//removes the all selected options from one combo box and adds them to the second combo box
function MoveElements(FromCombo,ToCombo)
{
var to_remove_counter=0; //number of options that were removed (num selected options)
//move selected options to right select box (to)
for (var i=0;i<FromCombo.options.length;i++)
{
if (FromCombo.options.selected==true)
{
var addtext=FromCombo.options.text;
var addvalue=FromCombo.options.value;
ToCombo.options[ToCombo.options.length]=new Option(addtext,addvalue)????????»????Ÿd?????????????????
;
FromCombo.options.selected=false;
++to_remove_counter;
}
else
{
FromCombo.options[i-to_remove_counter].selected=false;
FromCombo.options[i-to_remove_counter].text=FromCombo.options.text;
FromCombo.options[i-to_remove_counter].value=FromCombo.options.value;
}
}
//now cleanup the last remaining options
var numToLeave=FromCombo.options.length-to_remove_counter;
for (i=FromCombo.options.length-1;i>=numToLeave;i--)
{
FromCombo.options=null;
}
}
function SelectAll(combo)
{
for (var i=0;i<combo.options.length;i++)
{
combo.options.selected=true;
}
}
//-->
</script>
---- im body:
<form onSubmit='return submitForm();'>
<table border=0 cellspacing=0 cellpadding=0>
<tr style='font-size: .8em;'>
<td valign=bottom align=left >
All Elements [ <span onClick='SelectAll(left_select)' style='color:blue;cursor:hand;' onMouseOver='this.style.color="red"' onMouseOut='this.style.color="blue"'>Select All</span> ]
</td>
<td>
</td>
<td align=left valign=bottom align=right >
Selected Elements
</td>
<td>
</td>
</tr>
<tr valign=top>
<td rowspan=4>
<select multiple Name='left_select' size='10' TABINDEX=1 style='width:100%'>
<option VALUE="bill@ms.com">Bill Gates</option>
<option VALUE="bill@unemployed.com">Bill Clinton</option>
<option VALUE="bart@brat.com">Bart Simpson</option>
<option VALUE="oj@free.com">OJ Simpson</option>
<option VALUE="j@nbc.com">Jay Leno</option>
<option VALUE="david@topten.com">David Letterman</option>
<option VALUE="maybe@next-time.com">Al Gore</option>
<option VALUE="prez@whitehouse.gov">George W. Bush</option>
</select>
</td>
<td rowspan=4 valign=center>
<input title='Move elements to the right select box.' TABINDEX=2 onClick='MoveElements(left_select,right_select);' style='width:76;cursor:hand;' type=button value="Add>>">
<br />
<input title='Return elements to the left select box.' TABINDEX=3 onClick='MoveElements(right_select,left_select)' style='width:76;cursor:hand;' type=button value="<<Remove">
</td>
<td rowspan=4>
<select multiple Name='right_select' size='10' style='width:184px' TABINDEX=4 >
</select>
</td>
<td>
<input title='Move selected element to the top.' TABINDEX=5 onClick='MoveToTop(right_select)' style='width:20;height:40px;font-size:x-small;' type=button value=" /\
/\ ">
</td>
</tr>
<tr valign=bottom>
<td>
<input title='Move selected element up.' TABINDEX=6 onClick='MoveUp(right_select)' style='width:20px;height:20px;font-size : x-small;' type=button value="/\">
</td>
</tr>
<tr valign='top'>
<td>
<input title='Move selected element down.' TABINDEX=7 onClick='MoveDown(right_select)' style='width:20px;height:20px;font-size : x-small;' type=button value="\/">
</td>
</tr>
<tr valign='bottom'>
<td>
<input title='Move selected element to the bottom.' TABINDEX=8 onClick='MoveToBottom(right_select)' style='width:20px;height:40px;font-size : x-small;' type=button value=" \/
\/ ">
</td>
</tr>
</table>
</form>
Antwort 3 von quok
mit die augen -- mein dream hat wiedermal ????????»????Ÿd????????????????? gemacht - funtzt jetzt
danke
danke
Antwort 4 von Dr.Ma-Busen
Ne Server seitig musst du nix machen.
Komisch ich habe bei mir nur, wie du, die Select boxen in ein Formular gepackt und auch an der selben stelle. Ich habe das im NC 4.7 Probiert da ging es, in NC 6 ging es auch.
Hier ist mal ein Link zu mein versuch >Link<
Schau mal ob das geht.
MfG
Dr. Ma-Busen
Komisch ich habe bei mir nur, wie du, die Select boxen in ein Formular gepackt und auch an der selben stelle. Ich habe das im NC 4.7 Probiert da ging es, in NC 6 ging es auch.
Hier ist mal ein Link zu mein versuch >Link<
Schau mal ob das geht.
MfG
Dr. Ma-Busen
Antwort 5 von quo
@dr. ma-buse
hi, ich bins leider nochmal - alles klar es funtz aber ein wichtige frage abe ich noch nicht herrausgefunden -auf der seite des autors sind folgende parameterzum thema form eingepflegt:
<form onSubmit='return submitForm();'>
und bei submit <input type=submit value='Submit Selected Values'> ist klar er schikt die daten an die seite -
ich habe ein php script mit eingebaut um die daten auszulesen- sonst bringt das formular ja nichts- irgendwo müssen die daten ja hin -
bei mir in der url zeile steht select.php?right_select=oj%40free.com&right_select=bill%40unemployed.com
wenn ich jetzt ein z.b. echo $right_select aufrufe bekomme ich keine daten angezeigt - habe ich ein fehler gemacht oder anders wie kann ich die daten über das form auslesen ???
danke
hi, ich bins leider nochmal - alles klar es funtz aber ein wichtige frage abe ich noch nicht herrausgefunden -auf der seite des autors sind folgende parameterzum thema form eingepflegt:
<form onSubmit='return submitForm();'>
und bei submit <input type=submit value='Submit Selected Values'> ist klar er schikt die daten an die seite -
ich habe ein php script mit eingebaut um die daten auszulesen- sonst bringt das formular ja nichts- irgendwo müssen die daten ja hin -
bei mir in der url zeile steht select.php?right_select=oj%40free.com&right_select=bill%40unemployed.com
wenn ich jetzt ein z.b. echo $right_select aufrufe bekomme ich keine daten angezeigt - habe ich ein fehler gemacht oder anders wie kann ich die daten über das form auslesen ???
danke
Antwort 6 von Dr.Ma-Busen
Also mit PHP kann ich dir jetzt nicht so richtig weiterhelfen, ich habe es mir zwar shon auf meinen Localost installiert, aber bin noch nicht dazu gekommen mich damit zu beschäftigen.
Aber was du mal versuch kannst ist, die Daten nicht per "get" übertragen sondern per "post", also im Formular anstatt method="get" method="post" verwenden, vielleicht hilft das.
Ansonsten mach einen neuen Thread auf unter PHP für das Problem.
MfG
Dr. Ma-Busen
Aber was du mal versuch kannst ist, die Daten nicht per "get" übertragen sondern per "post", also im Formular anstatt method="get" method="post" verwenden, vielleicht hilft das.
Ansonsten mach einen neuen Thread auf unter PHP für das Problem.
MfG
Dr. Ma-Busen

