[es] - Zbrka oko Multiple...

dbabic
Davor Babić

Član broj: 31834
Poruke: 51
*.smin.sezampro.yu.

+2 Profil

^{12.05.2005. u 22:15 - pre 230 meseci}

Treba mi funkcija koja će onSubmit="dodaj..." sve elemente listboksa "potrebni[]" (ne samo selektovane) da prosledi skripti dbwrite.php

Code:

<HTML><HEAD><TITLE>ListBoksovi</TITLE>
<META content="text/html; charset=windows-1250" http-equiv=Content-Type>
<SCRIPT language=JavaScript>
function premesti(source, destination, duzina) {
    function postoji(datiText, index){
        var i=0
        while (i<destination.length){
            if (destination.options[i].text==datiText){
                source.options[index].selected=false
                return true
            }
            i++
        }
        return false
    }
    var difLen=duzina
    for (var i=0; i<source.length; i++){
        if ((source.options[i].selected) && !(postoji(source.options[i].text, source.options[i].index))){
            destination.options[difLen++]=new Option(source.options[i].text)
            source.options[i].selected=false
        }
    }
}
function brisi(destination){
    var i=0
    while(i<destination.length){
        if (destination.options[i].selected){
            destination.options[i]=null
        }
        else i++
    }
}
function dodaj(){
    ...
}
</SCRIPT>

<META content="MSHTML 5.00.3700.6699" name=GENERATOR></HEAD>
<BODY>
<FORM action=dbwrite.php method=post name="form1" onSubmit="dodaj()">
<TABLE width=600 align=center>
  <TR>
    <TD align=left rowSpan=2 width="42%"><SELECT multiple name=postojeci
      size=6 style="WIDTH:100%"> <OPTION>Item1</OPTION>
        <OPTION>Item2</OPTION> <OPTION>Item3</OPTION> <OPTION>Item4</OPTION>
        <OPTION>Item5</OPTION> <OPTION>Item6</OPTION></SELECT>
    <TD align=center width="4%"><INPUT name=gumb1 onclick=brisi(this.form.potrebni) type=button value="   <   ">

    <TD align=right rowSpan=2 width="42%"><SELECT multiple="multiple" name=potrebni[]
      size=6 style="WIDTH:100%"></SELECT>
  <TR>
    <TD align=center width="4%"><INPUT name=gumb2 onclick="premesti(this.form.postojeci, this.form.potrebni, this.form.potrebni.length)" type=button value="   >   ">
      </SELECT></TR>
</TABLE>
<CENTER><INPUT type=submit value=Pošalji name=send>
</FORM></BODY></HTML>

Odgovor na temu

noviKorisnik
Dejan Katašić
Novi Sad

Član broj: 13216
Poruke: 4533
*.dialup.neobee.net.

Sajt: www.novikorisnik.net

+5 Profil

Re: Zbrka oko Multiple...

^{13.05.2005. u 02:36 - pre 230 meseci}

Nešto nije hteo da radi taj kod što si ostavio, pa sam napisao nanovo da ne lupam glavu...

Code:
<html>
<head>
<title>multiselect</title>
<style>
select {width: 240px;}
</style>
<script>
function copySelectedItems (fromID, toID)
{
    var copyFrom = document.getElementById (fromID);
    var fromItem;
    for (var i = 0; i < copyFrom.options.length; i++)
    {
        fromItem = copyFrom.options.item (i);
        if (fromItem.selected) createUniqueItem (toID, fromItem.value, fromItem.text);
        fromItem.selected = false;
    }
}
function createUniqueItem (createID, value, text)
{
    var createIn = document.getElementById (createID);
    var inItem;
    for (var i = 0; i < createIn.options.length; i++)
    {
        inItem = createIn.options.item (i);
        if (inItem.value == value && inItem.text == text) return;
    }
    createIn.options.add (new Option (text, value));
}
function removeSelectedItems (fromID)
{
    var removeFrom = document.getElementById (fromID);
    for (var i = 0; i < removeFrom.options.length; i++)
    {
        if (removeFrom.options.item (i).selected) removeFrom.remove (i);
    }
}
function selectAllItems (fromID)
{
    var allFrom = document.getElementById (fromID);
    for (var i = 0; i < allFrom.options.length; i++)
    {
        allFrom.options.item (i).selected = true;
    }
}
</script>
</head>
<body>
<form method="post" action="mailto:">
<select multiple="multiple" id="lager" size="4">
<option value="1">blood</option>
<option value="2">sugar</option>
<option value="3">sex</option>
<option value="4">magic</option>
</select>
<input type="button" value=">" onclick="copySelectedItems ('lager', 'basket');" />
<input type="button" value="<" onclick="removeSelectedItems ('basket');" />
<select multiple="multiple" id="basket" name="basket[]" size="4">
</select>
<input type="submit" value="send" onclick="selectAllItems ('basket'); return true;" />
</form>
</body>
</html>

Hm, jednostavno, selektuješ sve potrebne opcije pre slanja pa će sve i biti prosleđene dalje.

BoxUp
interesantna logička igra
Monty Hall paradoks - interaktivni demo

Odgovor na temu