Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Visualizzazione dei risultati da 1 a 8 su 8
  1. 08-09-2007, 20:28 #1
    Milena86
    Milena86 non è in linea
    Utente di HTML.it L'avatar di Milena86
    Registrato dal
    Sep 2007
    Messaggi
    42

    [JS]Colori e campi obbligatori

    Salve a tutti , premetto che non sono molto pratica con JS ed effettuando una ricerca nel forum non ho trovato un problema simile al mio.
    Mi sono fermata alla creazione del seguente modulo di invio:

    Codice PHP:
    <html>
    <    head>
    <    style>
    .    rosso {background: red} 
    .    verde {background: green} 
    </    style>
    <    script language="JavaScript" type="text/javascript">
    function     test(value) {
     if (    value == '1') {
          document.getElementById('campo1').disabled = true;
          document.getElementById('campo2').disabled = true;
          document.getElementById('campo3').disabled = true;
          document.getElementById('campo4').disabled = true;
          document.getElementById('campo5').disabled = true;
          document.getElementById('campo6').disabled = true;
     }
     if (    value == '2') {
          document.getElementById('campo1').disabled = false;
          document.getElementById('campo2').disabled = true;
          document.getElementById('campo3').disabled = false;
          document.getElementById('campo4').disabled = true;
          document.getElementById('campo5').disabled = true;
          document.getElementById('campo6').disabled = true;
     }
     if (    value == '3') {
          document.getElementById('campo1').disabled = true;
          document.getElementById('campo2').disabled = true;
          document.getElementById('campo3').disabled = false;
          document.getElementById('campo4').disabled = true;
          document.getElementById('campo5').disabled = true;
          document.getElementById('campo6').disabled = false;
     }
     if (    value == '4') {
          document.getElementById('campo1').disabled = true;
          document.getElementById('campo2').disabled = false;
          document.getElementById('campo3').disabled = false;
          document.getElementById('campo4').disabled = false;
          document.getElementById('campo5').disabled = true;
          document.getElementById('campo6').disabled = true;
     }
     if (    value == '5') {
          document.getElementById('campo1').disabled = true;
          document.getElementById('campo2').disabled = true;
          document.getElementById('campo3').disabled = true;
          document.getElementById('campo4').disabled = true;
          document.getElementById('campo5').disabled = false;
          document.getElementById('campo6').disabled = true;
     }
    }
    function     controlla1()
    {
    var     controllo=false;

    //validazione select
    if (document.prot.select1.selectedIndex == 0)
    {
    controllo=true;
    alert("Non hai specificato il Test");
    }
     
    if (    controllo){return false}else{return true}
    }
    </script>

    </head>
    <body>
    <form name="prot"  method="post" OnSubmit="return controlla1(this)" action="invia.php">
    <select id="select1" onchange="test(this.value)">
     <option value="1">test1</option>
     <option value="2">test2</option>
     <option value="3">test3</option> 
     <option value="4">test4</option>
     <option value="5">test5</option> 
    </select>
    <input type="text" id="campo1" size="8" CLASS="rosso">
    <input type="text" id="campo2" size="8" CLASS="rosso">
    <input type="text" id="campo3" size="8" CLASS="rosso">
    <input type="text" id="campo4" size="8" CLASS="rosso">
    <input type="text" id="campo5" size="8" CLASS="rosso">
    <input type="text" id="campo6" size="8" CLASS="rosso">



    <input type="submit" Value="Invia" name="Inv"></p>
    </form>
    </body>
    </html> 
    il mio problema e che vorrei fare in modo da far cambiare colore da rosso a verde e viceversa i campi attivati dalla select , enabled=verde disabled=rosso, in piu' solo i campi attivi diverrebbero obbligatori oltre che di colore verde.
    Esempio, se dalla select scelgo test3, saranno attivi i campi 3 e 6 e diventeranno di colore verde e il form non potra' essere inviato fino a quando questi ultimi non saranno riempiti.
    Non so se e possibile farlo anche senza utilizzare gli style e facendo solo una funzione in JS.

    Spero che mi possiate aiutare
    Grazie in anticipo per le risposte
    Saluti
    Milena
    Rispondi quotando Rispondi quotando
  2. 09-09-2007, 13:00 #2
    pietro09
    pietro09 non è in linea
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Non so ce così possa andare :master:

    codice:
    <!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>Pagina senza titolo</title>
    <style type="text/css">
        .rosso {border:1px #E0E0E0 solid; background-color: #FFE6E6;}
        .verde {border:1px #E0E0E0 solid; background-color: #E6FFE6;}
    </style>
    <script language="javascript" type="text/javascript">
// <!CDATA[
function test(value) 
{
    var c1 = document.getElementById("campo1");
    var c2 = document.getElementById("campo2");
    var c3 = document.getElementById("campo3");
    var c4 = document.getElementById("campo4");
    var c5 = document.getElementById("campo5");
    var c6 = document.getElementById("campo6");
    
    
    if (value == '1') 
    {
          c1.disabled = true;
          c2.disabled = true;
          c3.disabled = true;
          c4.disabled = true;
          c5.disabled = true;
          c6.disabled = true;
    }
    else if (value == '2') 
    {
          c1.disabled = false;
          c2.disabled = true;
          c3.disabled = false;
          c4.disabled = true;
          c5.disabled = true;
          c6.disabled = true;
    }
    else if (value == '3') 
    {
          c1.disabled = true;
          c2.disabled = true;
          c3.disabled = false;
          c4.disabled = true;
          c5.disabled = true;
          c6.disabled = false;
    }
    else if (value == '4') 
    {
          c1.disabled = true;
          c2.disabled = false;
          c3.disabled = false;
          c4.disabled = false;
          c5.disabled = true;
          c6.disabled = true;
    }
    else if (value == '5') 
    {
          c1.disabled = true;
          c2.disabled = true;
          c3.disabled = true;
          c4.disabled = true;
          c5.disabled = false;
          c6.disabled = true;
    }
    
    for(var i = 1; i <= 6; i++)
    {
        var v = document.getElementById("campo" + i);
        if(v.disabled) v.className = "rosso"; else v.className = "verde";
    }
}
function controlla1()
{//debugger;
    var controllo = true;
    var messaggio = "";
    
    //validazione select
    if (document.getElementById("select1").selectedIndex == 0)
    {
        controllo = controllo && false;
        messaggio += "Non hai specificato il Test" + "\n";
    }
    else
    {
        for(var i = 1; i <= 6; i++)
        {
            var v = document.getElementById("campo" + i);
            if(!v.disabled && trim(v.value) == "") 
            {
                controllo = controllo && false;
                messaggio += "Il campo campo" + i + " è obbligatorio" + "\n";
            }
        }
    
    }
    if(!controllo) alert(messaggio);
    return controllo;
} 



function trim(s) 
{
    var m = s.match(/^\s*(\S+(\s+\S+)*)\s*$/);
    return (m == null) ? "" : m[1];
}


// ]]>
    </script>

</head>
<body >
    <form id="prot" method="post" onsubmit="return controlla1(this)" action="a.aspx">
        <select id="select1" onchange="test(this.value)">
            <option value="0">scegli il test</option>
            <option value="1">test1</option>
            <option value="2">test2</option>
            <option value="3">test3</option>
            <option value="4">test4</option>
            <option value="5">test5</option>
        </select>
        <input type="text" id="campo1" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo2" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo3" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo4" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo5" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo6" size="8" class="rosso" disabled="disabled" />
        

<input type="submit" value="Invia" name="Inv" /></p>
    </form>
</body>
</html>
    Pietro
    Rispondi quotando Rispondi quotando
  3. 09-09-2007, 18:19 #3
    Milena86
    Milena86 non è in linea
    Utente di HTML.it L'avatar di Milena86
    Registrato dal
    Sep 2007
    Messaggi
    42
    Grazie mille Pietro , funziona benissimo.
    Ho un altra domanda da chiederti, sperando di non approfittare troppo della tua gentilezza, ho provato a concatenare un altra select con altrettanti campi obbligatori in questo modo :

    Codice PHP:
    <!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>Pagina senza titolo</title>
        <    style type="text/css">
            .    rosso {border:1px #E0E0E0 solid; background-color: #FFE6E6;}
                .verde {border:1px #E0E0E0 solid; background-color: #E6FFE6;}
            </style>
        <    script language="javascript" type="text/javascript">
    // <!CDATA[
    function test(value) 
    {
        var     c1 = document.getElementById("campo1");
        var     c2 = document.getElementById("campo2");
        var     c3 = document.getElementById("campo3");
        var     c4 = document.getElementById("campo4");
        var     c5 = document.getElementById("campo5");
        var     c6 = document.getElementById("campo6");
        var     s1 = document.getElementById("campo7");
        
        if (    value == '1') 
        {
                  c1.disabled = true;
                  c2.disabled = true;
                  c3.disabled = true;
                  c4.disabled = true;
                  c5.disabled = true;
                  c6.disabled = true;
                  s1.disabled = true;
        }
        else if (    value == '2') 
        {
                  c1.disabled = false;
                  c2.disabled = true;
                  c3.disabled = false;
                  c4.disabled = true;
                  c5.disabled = true;
                  c6.disabled = true;
                  s1.disabled = false;
        }
        else if (    value == '3') 
        {
                  c1.disabled = true;
                  c2.disabled = true;
                  c3.disabled = false;
                  c4.disabled = true;
                  c5.disabled = true;
                  c6.disabled = false;
                  s1.disabled = true;
        }
        else if (    value == '4') 
        {
                  c1.disabled = true;
                  c2.disabled = false;
                  c3.disabled = false;
                  c4.disabled = false;
                  c5.disabled = true;
                  c6.disabled = true;
                  s1.disabled = false;
        }
        else if (    value == '5') 
        {
                  c1.disabled = true;
                  c2.disabled = true;
                  c3.disabled = true;
                  c4.disabled = true;
                  c5.disabled = false;
                  c6.disabled = true;
                  s1.disabled = true;
        }
        
        for(var     i = 1; i <= 7; i++)
        {
            var     v = document.getElementById("campo" + i);
            if(    v.disabled) v.className = "rosso"; else v.className = "verde";
        }
    }
    function     controlla1()
    {    //debugger;
            var controllo = true;
        var     messaggio = "";
        
            //validazione select
            if (document.getElementById("select1").selectedIndex == 0)
        {
                controllo = controllo && false;
                messaggio += "Non hai specificato il Test" + "\n";
        }
        else
        {
            for(var     i = 1; i <= 7; i++)
            {
                var     v = document.getElementById("campo" + i);
                if(!    v.disabled && trim(v.value) == "") 
                {
                        controllo = controllo && false;
                        messaggio += "Il campo campo" + i + " è obbligatorio" + "\n";
                }
            }
        
        }
        if(!    controllo) alert(messaggio);
        return     controllo;
    } 



    function     trim(s) 
    {
        var     m = s.match(/^\s*(\S+(\s+\S+)*)\s*$/);
        return (    m == null) ? "" : m[1];
    }
    function     test2(value) 
    {
        var     c11 = document.getElementById("hole1");
        var     c12 = document.getElementById("hole2");
        var     c13 = document.getElementById("hole3");
        var     c14 = document.getElementById("hole4");
        var     c15 = document.getElementById("hole5");
        var     c16 = document.getElementById("hole6");
        
        if (    value == '12') 
        {
                  c11.disabled = true;
                  c12.disabled = true;
                  c13.disabled = true;
                  c14.disabled = true;
                  c15.disabled = true;
                  c16.disabled = true;
        }
        else if (    value == '23') 
        {
                  c11.disabled = true;
                  c12.disabled = false;
                  c13.disabled = true;
                  c14.disabled = true;
                  c15.disabled = true;
                  c16.disabled = false;
        }
        else if (    value == '34') 
        {
                  c11.disabled = true;
                  c12.disabled = true;
                  c13.disabled = true;
                  c14.disabled = true;
                  c15.disabled = false;
                  c16.disabled = true;
        }
        else if (    value == '45') 
        {
                  c11.disabled = false;
                  c12.disabled = true;
                  c13.disabled = true;
                  c14.disabled = true;
                  c15.disabled = false;
                  c16.disabled = false;
        }
        else if (    value == '56') 
        {
                  c11.disabled = true;
                  c12.disabled = false;
                  c13.disabled = false;
                  c14.disabled = true;
                  c15.disabled = true;
                  c16.disabled = true;
        }
        
        for(var     i = 1; i <= 6; i++)
        {
            var     v = document.getElementById("hole" + i);
            if(    v.disabled) v.className = "rosso"; else v.className = "verde";
        }
    }
    function     controlla2()
    {    //debugger;
            var controllo2 = true;
        var     messaggio2 = "";
        
            //validazione select
            if (document.getElementById("campo7").selectedIndex == 0)
        {
                controllo2 = controllo2 && false;
                messaggio2 += "Non hai specificato la prova" + "\n";
        }
        else
        {
            for(var     i = 1; i <= 6; i++)
            {
                var     v = document.getElementById("hole" + i);
                if(!    v.disabled && trim(v.value) == "") 
                {
                        controllo2 = controllo2 && false;
                        messaggio2 += "Il campo hole" + i + " è obbligatorio" + "\n";
                }
            }
        
        }
        if(!    controllo2) alert(messaggio2);
        return     controllo2;
    } 



    function     trim(s) 
    {
        var     m = s.match(/^\s*(\S+(\s+\S+)*)\s*$/);
        return (    m == null) ? "" : m[1];
    }

    // ]]>
            </script>

    </head>
    <body >
        <form id="prot" method="post" onsubmit="return controlla1(this)" action="a.aspx">
            <select id="select1" onchange="test(this.value)">
                <option value="0">scegli il test</option>
                <option value="1">test1</option>
                <option value="2">test2</option>
                <option value="3">test3</option>
                <option value="4">test4</option>
                <option value="5">test5</option>
            </select>
            <input type="text" id="campo1" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="campo2" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="campo3" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="campo4" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="campo5" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="campo6" size="8" class="rosso" disabled="disabled" />
            


            <select id="campo7" class="rosso" onchange="test2(this.value)" disabled="disabled">
                <option value="01">scegli la prova</option>
                <option value="12">prova1</option>
                <option value="23">prova2</option>
                <option value="34">prova3</option>
                <option value="45">prova4</option>
                <option value="56">prova5</option>
            </select>
            <input type="text" id="hole1" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="hole2" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="hole3" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="hole4" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="hole5" size="8" class="rosso" disabled="disabled" />
            <input type="text" id="hole6" size="8" class="rosso" disabled="disabled" />
            </p>
            

    <input type="submit" value="Invia" name="Inv" /></p>
        </form>
    </body>
    </html> 
    il risultato pensavo fosse che come i campi diventasse attiva e obbligatoria e al tempo stesso, una volta selezionati, divenissero anche i campi corrispondenti attivi e obbligatori ma mi sono dovuta ricredere, c'e' qualcosa di sbagliato .
    Puoi verificare dove ho sbagliato?
    Grazie ancora per la tua disponibilita'

    Saluti
    Milena
    Rispondi quotando Rispondi quotando
  4. 09-09-2007, 19:36 #4
    pietro09
    pietro09 non è in linea
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    bisogna controllare bene perchè non è esattamente semplice
    codice:
    <!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>Pagina senza titolo</title>
    <style type="text/css">
        .rosso {border:1px #E0E0E0 solid; background-color: #FFE6E6;}
        .verde {border:1px #E0E0E0 solid; background-color: #E6FFE6;}
    </style>
    <script language="javascript" type="text/javascript">
// <!CDATA[
function test(value) 
{
    var c1 = document.getElementById("campo1");
    var c2 = document.getElementById("campo2");
    var c3 = document.getElementById("campo3");
    var c4 = document.getElementById("campo4");
    var c5 = document.getElementById("campo5");
    var c6 = document.getElementById("campo6");
    
    var s1 = document.getElementById("campo7");
    
    if (value == '0') //predefinito
    {
          c1.disabled = true;
          c2.disabled = true;
          c3.disabled = true;
          c4.disabled = true;
          c5.disabled = true;
          c6.disabled = true;
          
          s1.disabled = true;
    }
    else if (value == '1') 
    {
          c1.disabled = true;
          c2.disabled = true;
          c3.disabled = true;
          c4.disabled = true;
          c5.disabled = true;
          c6.disabled = true;
          
          s1.disabled = true;
    }
    else if (value == '2') 
    {
          c1.disabled = false;
          c2.disabled = true;
          c3.disabled = false;
          c4.disabled = true;
          c5.disabled = true;
          c6.disabled = true;
          
          s1.disabled = false;
    }
    else if (value == '3') 
    {
          c1.disabled = true;
          c2.disabled = true;
          c3.disabled = false;
          c4.disabled = true;
          c5.disabled = true;
          c6.disabled = false;
          
          s1.disabled = true;
    }
    else if (value == '4') 
    {
          c1.disabled = true;
          c2.disabled = false;
          c3.disabled = false;
          c4.disabled = false;
          c5.disabled = true;
          c6.disabled = true;
          
          s1.disabled = false;
    }
    else if (value == '5') 
    {
          c1.disabled = true;
          c2.disabled = true;
          c3.disabled = true;
          c4.disabled = true;
          c5.disabled = false;
          c6.disabled = true;
          
          s1.disabled = true;
    }
    
    for(var i = 1; i <= 7; i++)
    {
        var v = document.getElementById("campo" + i);
        if(v.disabled) v.className = "rosso"; else v.className = "verde";
    }
    
    //faccio un reset della seconda select
    s1.selectedIndex = 0;
    test2("01");
}
function controlla1()
{
    var controllo = true;
    var messaggio = "";
    
    //validazione select
    if (document.getElementById("select1").selectedIndex == 0)
    {
        controllo = controllo && false;
        messaggio += "Non hai specificato il Test" + "\n";
    }
    else
    {
        for(var i = 1; i <= 6; i++)
        {
            var v = document.getElementById("campo" + i);
            if(!v.disabled && trim(v.value) == "") 
            {
                controllo = controllo && false;
                messaggio += "Il campo campo" + i + " è obbligatorio" + "\n";
            }
        }
        
        //controlla2 restituisce un oggetto con 2 proprietà, booleano controllo e stringa messaggio
        var r = controlla2();
        
        controllo = controllo && r.controllo;
        messaggio = messaggio + r.messaggio;
    
    }
    if(!controllo) alert(messaggio);
    return controllo;
} 



function trim(s) //questa funzione è rubata dalla Microsoft
{
    var m = s.match(/^\s*(\S+(\s+\S+)*)\s*$/);
    return (m == null) ? "" : m[1];
}
function test2(value) 
{
    var c11 = document.getElementById("hole1");
    var c12 = document.getElementById("hole2");
    var c13 = document.getElementById("hole3");
    var c14 = document.getElementById("hole4");
    var c15 = document.getElementById("hole5");
    var c16 = document.getElementById("hole6");
    
    if (value == '01') //predefinito
    {
          c11.disabled = true;
          c12.disabled = true;
          c13.disabled = true;
          c14.disabled = true;
          c15.disabled = true;
          c16.disabled = true;
    }
    else if (value == '12') 
    {
          c11.disabled = true;
          c12.disabled = true;
          c13.disabled = true;
          c14.disabled = true;
          c15.disabled = true;
          c16.disabled = true;
    }
    else if (value == '23') 
    {
          c11.disabled = true;
          c12.disabled = false;
          c13.disabled = true;
          c14.disabled = true;
          c15.disabled = true;
          c16.disabled = false;
    }
    else if (value == '34') 
    {
          c11.disabled = true;
          c12.disabled = true;
          c13.disabled = true;
          c14.disabled = true;
          c15.disabled = false;
          c16.disabled = true;
    }
    else if (value == '45') 
    {
          c11.disabled = false;
          c12.disabled = true;
          c13.disabled = true;
          c14.disabled = true;
          c15.disabled = false;
          c16.disabled = false;
    }
    else if (value == '56') 
    {
          c11.disabled = true;
          c12.disabled = false;
          c13.disabled = false;
          c14.disabled = true;
          c15.disabled = true;
          c16.disabled = true;
    }
    
    for(var i = 1; i <= 6; i++)
    {
        var v = document.getElementById("hole" + i);
        if(v.disabled) v.className = "rosso"; else v.className = "verde";
    }
}
function controlla2()
{//debugger;
    var controllo2 = true;
    var messaggio2 = "";
    
    //validazione select
    var s = document.getElementById("campo7");
    if (!s.disabled && s.selectedIndex == 0)
    {
        controllo2 = controllo2 && false;
        messaggio2 += "Non hai specificato la prova" + "\n";
    }
    else
    {
        for(var i = 1; i <= 6; i++)
        {
            var v = document.getElementById("hole" + i);
            if(!v.disabled && trim(v.value) == "") 
            {
                controllo2 = controllo2 && false;
                messaggio2 += "Il campo hole" + i + " è obbligatorio" + "\n";
            }
        }
    
    }
    //al chiamante servono sia il booleano controllo2, sia messaggio2
    return {controllo:controllo2, messaggio:messaggio2};
} 




// ]]>
    </script>

</head>
<body >
    <form id="prot" method="post" onsubmit="return controlla1(this)" action="a.aspx">
        <select id="select1" onchange="test(this.value)">
            <option value="0">scegli il test</option>
            <option value="1">test1</option>
            <option value="2">test2</option>
            <option value="3">test3</option>
            <option value="4">test4</option>
            <option value="5">test5</option>
        </select>
        <input type="text" id="campo1" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo2" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo3" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo4" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo5" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="campo6" size="8" class="rosso" disabled="disabled" />
        


        <select id="campo7" class="rosso" onchange="test2(this.value)" disabled="disabled">
            <option value="01">scegli la prova</option>
            <option value="12">prova1</option>
            <option value="23">prova2</option>
            <option value="34">prova3</option>
            <option value="45">prova4</option>
            <option value="56">prova5</option>
        </select>
        <input type="text" id="hole1" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="hole2" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="hole3" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="hole4" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="hole5" size="8" class="rosso" disabled="disabled" />
        <input type="text" id="hole6" size="8" class="rosso" disabled="disabled" />
        </p>
        

<input type="submit" value="Invia" name="Inv" /></p>
    </form>
</body>
</html>
    ps. se ci fossero altre select in cascata, forse bisognerebbe ripensare la soluzione
    Pietro
    Rispondi quotando Rispondi quotando
  5. 10-09-2007, 01:00 #5
    Milena86
    Milena86 non è in linea
    Utente di HTML.it L'avatar di Milena86
    Registrato dal
    Sep 2007
    Messaggi
    42
    Grazie ancora Pietro per la tua gentilezza e la tua disponibilita' .
    Con la modifica che hai fatto lo script funziona benissimo.
    Diciamo che l'intenzione non e proprio di mettere anche le successive in cascata, ma di rendere indipendenti queste prime 2 concatenate da altre 2 coppie sempre concatenate ma indipendenti.
    Esempio:
    ho queste prime 2 concatenate con la loro validazione, poi altre 2 non dipendenti dalle prime sempre con la loro validazione, e poi altre 2 non dipendenti ne dalle prime ne dalle seconde con la loro validazione, infine un solo tasto invia.
    Essendo le altre 2 coppie indipendenti e non attivabili dalla prima, funzionerebbero con la validazione disattivata della loro prima select:

    Codice PHP:
        //validazione select
            if (document.getElementById("select1").selectedIndex == 0)
        {
                controllo = controllo && true;
                messaggio += "Non hai specificato il Test" + "\n";
        } 
    Non so se e chiaro :master: , provero' a modificare ancora lo script per avere questa funzione.
    Pietro se puoi aiutarmi te ne sarei ancora grata e scusami per tutto il tempo che ti sto portando via .

    Saluti
    Milena
    Rispondi quotando Rispondi quotando
  6. 10-09-2007, 05:57 #6
    pietro09
    pietro09 non è in linea
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Io non posso andare oltre Ma hai visto come funziona. In fondo hai due variabili, un booleano ed una stringa ed hai visto come valorizzarli. Il principio è quello.
    Pietro
    Rispondi quotando Rispondi quotando
  7. 11-09-2007, 12:33 #7
    Milena86
    Milena86 non è in linea
    Utente di HTML.it L'avatar di Milena86
    Registrato dal
    Sep 2007
    Messaggi
    42
    Originariamente inviato da pietro09
    Io non posso andare oltre Ma hai visto come funziona. In fondo hai due variabili, un booleano ed una stringa ed hai visto come valorizzarli. Il principio è quello.
    Rieccomi e scusami se non ti ho risposto subito Pietro , ti ringrazio ancora tantissimo per tutto l'aiuto che mi hai dato.
    Credo di essere riuscita a far coesistere due coppie nello stesso form, ho modificato onsubmit in questo modo:
    Codice PHP:
    <form id="prot" method="post" onsubmit="return (controlla1(this) && controlla3(this))" action="a.aspx"> 
    cosi' sembra che possono convivere le 2 funzioni nello stesso form.
    Secondo te e corretta la forma?
    Ho dovuto poi modificare il valore dello script:
    Codice PHP:
        for(var i = 1; i <= 7; i++)
        {
            var     v = document.getElementById("campo" + i);
            if(    v.disabled) v.className = "rosso"; else v.className = "verde";
        }

    con

            for(var i = 1; i <= 6; i++)
        {
            var     v = document.getElementById("campo" + i);
            if(    v.disabled) v.className = "rosso"; else v.className = "verde";
        } 
    altrimenti mi dava in explorer "errore: necessario oggetto" come mai? :master:

    Saluti e grazie ancora
    Milena
    Rispondi quotando Rispondi quotando
  8. 24-09-2007, 15:43 #8
    Milena86
    Milena86 non è in linea
    Utente di HTML.it L'avatar di Milena86
    Registrato dal
    Sep 2007
    Messaggi
    42
    Ciao a tutti
    Ho riesumato questa discussione perche' ho difficolta' sulla personalizzazione dello script .
    Non sono riuscita a modificare la visualizzazione del campo mancante in modo definito.
    Per esempio: ora in caso di campo mancante esce "Il campo campo1 è obbligatorio" - "Il campo campo2 è obbligatorio" ecc invece vorrei personalizzarlo con "Il campo Nome è obbligatorio" - "Il campo Cognome è obbligatorio" ecc.
    Credo che la variabile da modificare sia var v = document.getElementById("campo" + i); ma non ne sono sicura. Come posso fare?

    Grazie in anticipo per le risposte
    Milena
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.