[varpillola n1] gestione tag select con JavaScript

[maximum]

Utilissima soprattutto quando bisogna gestire dati dinamici numerosi prelevati dal DB!!!

[var]

grazie a tutti ragazzi, mi fa piacere che il contenuto della pillola sia di vostro gradimento! ;)

[Dennis]

questo script potrebbe tornare utile a qualcuno...
sposta voci da una select all'altra e li ordina alfabelicamente...

<script>
// Due argomenti, sono due frecce, o --> o  <--
function sposta(direzione){
    j=0;
    form=document.form1
    if(direzione=='-->'){
        partenza=form.prima
        arrivo=form.seconda
    }
    else{
        partenza=form.seconda
        arrivo=form.prima
    }

    non_sel=new Array()
    sel=new Array()
    //per ogni opzione di partenza controlla: 
    for(i=0;i<partenza.options.length;i++){
        //se è selezionata, mettila nell'array sel
        if(partenza.options[i].selected){
            partenza.options[i].selected=false
            sel.push(partenza.options[i])
        }
        //altrimenti non è selezionata, quindi mettila nell'array non_sel
        else{
            non_sel.push(partenza.options[i])
        }
    }
    //per ogni opzione di arrivo
    for(i=0;i<arrivo.options.length;i++){
        //aggiungi all'array sel tutti i valori di arrivo
        sel.push(arrivo.options[i])
    }
    function sorting(a,b){
        if(a.text<b.text)return -1
        if(a.text>b.text)return 1
        else return 0
    }
    sel.sort(sorting)
    non_sel.sort(sorting)
    //azzera le due select
    partenza.options.length=0;
    arrivo.options.length=0;
    //Per ogni valore in non_sel
    for(i=0;i<non_sel.length;i++){
        //scrivilo in partenza
        partenza.options[i]=non_sel[i]
    }
    //Per ogni valore in sel
    for(i=0;i<sel.length;i++){
        //scrivilo in arrivo
        arrivo.options[i]=sel[i]
    }
}            
</script>

<form name="form1">
<select name="prima" multiple size=7>
<option name="a">a</option>
<option name="c">c</option>
<option name="b">b</option>
</select>
<input type="button" value=">>" onClick="sposta('-->')" ><input type="button" value="<<" onClick="sposta('<--')" >
<select name="seconda" multiple size=7>
<option name="d">d</option>
<option name="e">e</option>
</select> 

[carlo2002]

grazie ragazzi, neancke sui libri si trovano tutte queste info. siete dei miti

[mildy]

No comment!!!
Perfect!!!!
Tutto quello che ho sempre cercato lo avevo sotto gli occhi e non me ne sono mai accorto.
Grazie.
e come dice il grande giampiero.....MI TI CO !!!

[var]

eh eh eh, grazie a voi che siete così gentili.
spero, a breve, di aggiungere altre funzioni.

saluti! :)

[var]

aggiungo un'altra (spero utile) funzione.

funzione 4: gestione della visualizzazione di un livello in base alla scelta in una select

descrizione: in base alla scelta che si opera su un tag select, viene visualizzato/nascosto un livello.

la funzione è molto semplice:

function viewhide(myid, myvalue) {
 if (document.getElementById)
  document.getElementById(myid).style.visibility=myvalue;
 else alert("Funzionalità DOM non supportate.");
}

la funzione presenta due parametri: l'id del livello da visualizzare/nascondere e il valore selezionato nel tag select.

il richiamo della funzione è altrettanto semplice:

<select onChange="viewhide('contenitore',this.options[this.selectedIndex].value);">
<option value="visible">Visualizza</option>
<option value="hidden">Nascondi</option>
</select>



<div id="contenitore">Eccomi!</div>

ovviamente è possibile inserire nel div qualsiasi elemento HTML, in modo da visualizzare/nascondere intere porzioni della propria pagina.

alla prossima! ;)

[zeweb]

e se volessi aggiungere un pulsante e far partire il link solo dopo il suo click ?

<select name="menu" class="campiform" onChange="window.location.href=this.options[this.selectedIndex].value;">
<option value="http://www.aurelwireless.com/wireless/uk/codesending.asp" selected>Code Sending</option>
<option value="http://www.aurelwireless.com/wireless/uk/datatransmission.asp">Radio Modem</option>
<option value="http://www.aurelwireless.com/wireless/uk/antennas.asp">Antennas</option>
<option value="http://www.aurelwireless.com/wireless/uk/special.asp">Special</option>
</select>

[var]

semplice:

<input type="button" onClick="window.location.href=this.form.menu.options[this.form.menu.selectedIndex].value;" value="Vai">

ciao

[zeweb]

grazieeeeee!!!! :quote: