Ik ben op zoek gegaan naar scripts omdat het zelf maken van een script zou inhouden dat ik me eerst moet verdiepen in de taal en daar ontbreekt me de tijd voor.
Nu vind ik hetvolgende script waarmee je woorden uit het ene lijstje kunt kopiëren naar het andere lijstje. In dit geval wil ik namen van spelers in het linker rijtje plaatsen zodat de spelers van ons team zichzelf kunnen aanmelden door hun naam aan het rechter rijtje toe te voegen. Het probleem is echter dat de rechter rij weer compleet leeg is zodra de pagina wordt ververst. (Hoe) Is het zo in te stellen dat woorden die aan de rechter lijst zijn toegevoegd (of verwijderd) blijven staan bij een verversing/nieuw bezoek van/aan de pagina?
<!-- Dit zet u in de head van de pagina-->
<HEAD>
<!-- Original: Sean Geraty (sean_geraty@hotmail.com) -->
<!-- Voor de leukste scripts gaat u naar...-->
<!-- Javascript by Con-nect.nl The source for all your Javascript and PHP -->
<!--
http://www.con-nect.nl -->
<SCRIPT LANGUAGE="JavaScript">
<!--
// Control flags for list selection and sort sequence
// Sequence is on option value (first 2 chars - can be stripped off in form processing)
// It is assumed that the select list is in sort sequence initially
var singleSelect = true; // Allows an item to be selected once only
var sortSelect = true; // Only effective if above flag set to true
var sortPick = true; // Will order the picklist in sort sequence
// Initialise - invoked on load
function initIt() {
var selectList = document.getElementById("SelectList");
var pickList = document.getElementById("PickList");
var pickOptions = pickList.options;
pickOptions[0] = null; // Remove initial entry from picklist (was only used to set default width)
selectList.focus(); // Set focus on the selectlist
}
// Adds a selected item into the picklist
function addIt() {
var selectList = document.getElementById("SelectList");
var selectIndex = selectList.selectedIndex;
var selectOptions = selectList.options;
var pickList = document.getElementById("PickList");
var pickOptions = pickList.options;
var pickOLength = pickOptions.length;
// An item must be selected
if (selectIndex > -1) {
pickOptions[pickOLength] = new Option(selectList[selectIndex].text);
pickOptions[pickOLength].value = selectList[selectIndex].value;
// If single selection, remove the item from the select list
if (singleSelect) {
selectOptions[selectIndex] = null;
}
if (sortPick) {
var tempText;
var tempValue;
// Sort the pick list
while (pickOLength > 0 && pickOptions[pickOLength].value < pickOptions[pickOLength-1].value) {
tempText = pickOptions[pickOLength-1].text;
tempValue = pickOptions[pickOLength-1].value;
pickOptions[pickOLength-1].text = pickOptions[pickOLength].text;
pickOptions[pickOLength-1].value = pickOptions[pickOLength].value;
pickOptions[pickOLength].text = tempText;
pickOptions[pickOLength].value = tempValue;
pickOLength = pickOLength - 1;
}
}
}
}
// Deletes an item from the picklist
function delIt() {
var selectList = document.getElementById("SelectList");
var selectOptions = selectList.options;
var selectOLength = selectOptions.length;
var pickList = document.getElementById("PickList");
var pickIndex = pickList.selectedIndex;
var pickOptions = pickList.options;
if (pickIndex > -1) {
// If single selection, replace the item in the select list
if (singleSelect) {
selectOptions[selectOLength] = new Option(pickList[pickIndex].text);
selectOptions[selectOLength].value = pickList[pickIndex].value;
}
pickOptions[pickIndex] = null;
if (singleSelect && sortSelect) {
var tempText;
var tempValue;
// Re-sort the select list
while (selectOLength > 0 && selectOptions[selectOLength].value < selectOptions[selectOLength-1].value) {
tempText = selectOptions[selectOLength-1].text;
tempValue = selectOptions[selectOLength-1].value;
selectOptions[selectOLength-1].text = selectOptions[selectOLength].text;
selectOptions[selectOLength-1].value = selectOptions[selectOLength].value;
selectOptions[selectOLength].text = tempText;
selectOptions[selectOLength].value = tempValue;
selectOLength = selectOLength - 1;
}
}
}
}
-->
</SCRIPT>
</HEAD>
<!-- Dit zet u in de body van de pagina als onLoader-->
<BODY onLoad="initIt()">
<!-- Dit zet u in de body van de pagina-->
<TABLE>
<TR>
<TD>
<SELECT NAME="SelectList" ID="SelectList" SIZE="5">
<OPTION VALUE="01sel">Woord 01</OPTION>
<OPTION VALUE="02sel">Woord 02</OPTION>
<OPTION VALUE="03sel">Woord 03</OPTION>
<OPTION VALUE="04sel">Woord 04</OPTION>
<OPTION VALUE="05sel">Woord 05</OPTION>
<OPTION VALUE="06sel">Woord 06</OPTION>
<OPTION VALUE="07sel">Woord 07</OPTION>
<OPTION VALUE="08sel">Woord 08</OPTION>
<OPTION VALUE="09sel">Woord 09</OPTION>
<OPTION VALUE="10sel">Woord 10</OPTION>
</SELECT>
</TD>
<TD>
<INPUT TYPE="BUTTON" VALUE="->" ONCLICK="addIt();"></INPUT>
<BR>
<INPUT TYPE="BUTTON" VALUE="<-" ONCLICK="delIt();"></INPUT>
</TD>
<TD>
<SELECT NAME="PickList" ID="PickList" SIZE="5">
<OPTION VALUE="01sel">Woord 01</OPTION>
</SELECT>
</TD>
</TR>
</TABLE>
</FORM>
<!-- Script Size: 5.73 KB -->
