Checkbox che abilita/disabilità menu a tendina

V

volodos

Nuovo Utente
1 Set 2006
28
0
0
Ciao a tutti,

vi prego ho bisogno di una mano perchè sto provando da 2 giorni e non ne vengo a capo !!
Devo fare una cosa, penso, abbastanza semplice: inserire un checkbox rettangolare (una di quelle caselline dove si mette la spunta), che, una volta selezionato, deve abilitare quattro campi con menu a discesa (disabilitati di default), corrispondenti a giorno, mese, ora e minuti di una prenotazione. Ho provato in tutti i modi, ho scaricato qualche pagina sul web e cercato di copiarne il codice, ma non c'è niente da fare. Vi prego, scrivetemi x favore il pezzetto di codice che devo applicare al checkbox....ho capito come disabilitare i 4 menu, il problema è che:

- quando clicco sul checkbox riesco ad abilitarne soltanto uno, e non riesco ad attivare anche gli altri 3
- quando riclicco sul checkbox, i 4 campi dovrebbero ri-disattivarsi, invece rimangono attivi

Aiutatemi con un po' di codice, x favore !!!

Grazie
Giorgio
 
PoLe

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
Ciao :)

Ti ho preparato questo semplice script al volo, dovrebbe essere abbastanza facile da capire, altrimenti, chiedi pure ;)

<html>
<head>
<script type='text/javascript'>
var i=0;

function attiva_disattiva(){
i=i+1;
if (i % 2 != 0){
modulo.campo1.disabled=false;
modulo.campo2.disabled=false;
modulo.campo3.disabled=false;
modulo.campo4.disabled=false;
}
else {
modulo.campo1.disabled=true;
modulo.campo2.disabled=true;
modulo.campo3.disabled=true;
modulo.campo4.disabled=true;
}
}
</script>
</head>
<body>
<form name='modulo' method='post' action='pagina_sito'>
<input type='checkbox' onclick='attiva_disattiva();'>Attiva/Disattiva Campi
<br>
1 - <select name='campo1' disabled='disabled'>
<option>Voce Menu 1</option>
<option>Voce Menu 2</option>
<option>Voce Menu 3</option>
<option>Voce Menu 4</option>
</select>
<br>
2 - <select name='campo2' disabled='disabled'>
<option>Voce Menu 1</option>
<option>Voce Menu 2</option>
<option>Voce Menu 3</option>
<option>Voce Menu 4</option>
</select>
<br>
3 - <select name='campo3' disabled='disabled'>
<option>Voce Menu 1</option>
<option>Voce Menu 2</option>
<option>Voce Menu 3</option>
<option>Voce Menu 4</option>
</select>
<br>
4 - <select name='campo4' disabled='disabled'>
<option>Voce Menu 1</option>
<option>Voce Menu 2</option>
<option>Voce Menu 3</option>
<option>Voce Menu 4</option>
</select>
<br>
</form>
</body>
</html>
Clicca per allargare...

SaLuT!
:byebye:
 
V

volodos

Nuovo Utente
1 Set 2006
28
0
0
x PoLe

Ciao Pole,

grazie x il prezioso aiuto, purtroppo non ne vengo ancora fuori....
Ho inserito subito dopo <head> questo pezzo:

<script type='text/javascript'>
var i=0;

function attiva_disattiva(){
i=i+1;
if (i % 2 != 0){
modulo.campo1.disabled=false;
modulo.campo2.disabled=false;
modulo.campo3.disabled=false;
modulo.campo4.disabled=false;
}
else {
modulo.campo1.disabled=true;
modulo.campo2.disabled=true;
modulo.campo3.disabled=true;
modulo.campo4.disabled=true;
}
}
</script>

...sostituendo campo1, campo2 ecc con select22, select23, ecc. Poi ho inserito subito prima di </body> (il tag <body> non ce l'ho, ne ho solo uno che inizia con <bodyonload...., possibile ??) questo pezzo:

<form name='modulo' method='post' action='pagina_sito'>
<input type='checkbox' onclick='attiva_disattiva();'>Attiva/Disattiva Campi
<br>
1 - <select name='campo1' disabled='disabled'>
<option>Voce Menu 1</option>
<option>Voce Menu 2</option>
<option>Voce Menu 3</option>
<option>Voce Menu 4</option>
</select>
<br>
2 - <select name='campo2' disabled='disabled'>
<option>Voce Menu 1</option>
<option>Voce Menu 2</option>
<option>Voce Menu 3</option>
<option>Voce Menu 4</option>
</select>
<br>
3 - <select name='campo3' disabled='disabled'>
<option>Voce Menu 1</option>
<option>Voce Menu 2</option>
<option>Voce Menu 3</option>
<option>Voce Menu 4</option>
</select>
<br>
4 - <select name='campo4' disabled='disabled'>
<option>Voce Menu 1</option>
<option>Voce Menu 2</option>
<option>Voce Menu 3</option>
<option>Voce Menu 4</option>
</select>
<br>
</form>
</body>

.....però non ho capito:

- perchè il metodo dev'essere POST
- cosa devo scrivere al posto di 'pagina_sito'

Dove sbaglio ??? Se ti spedissi in pvt la pagina web (che è già pronta con tutti i campi, basta solo inserire sto benedetto pezzo di codice), ti romperebbe aiutarmi tu a finirla ?

Grazie
Giorgio
 
Ultima modifica:
PoLe

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
open-think ha scritto:
cavoli pole non mi lasci il tempo x rispondere :D :D :fonzie:
Clicca per allargare...
Eh eh eh! :D :D :D


volodos ha scritto:
.....però non ho capito:

- perchè il metodo dev'essere POST
- cosa devo scrivere al posto di 'pagina_sito'

Dove sbaglio ???
Clicca per allargare...
Dalle varie domande che mi fai deduco che sei alle primissime armi, quindi, prima di tutto ti chiedo: a che ti servono i menu a tendina? :)

Te lo chiedo perchè mi è venuto un sospetto, e prima che ti dico come mettere a posto la tua pagina è bene chiarirlo, altrimenti rischiamo di perdere tempo e basta ;)

Quindi, praticamente cosa deve fare questa pagina web che stai costruendo?
 
V

volodos

Nuovo Utente
1 Set 2006
28
0
0
Allora, i menu a tendina mi servono perchè si tratta di una prenotazione, quindi dai 4 menu devono uscire il giorno, il mese, l'ora e i minuti, mi servono proprio così. I 4 menu devono attivarsi quando clicco il checkbox, mentre devono disabilitarsi (ma restando visibili) quando tolgo la spunta dal checkbox.
HELP !!!
 
PoLe

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
open-think ha scritto:
dai pole stò aspettando la soluzione del prob. ormai hai cominciato tù :fonzie:
Clicca per allargare...
Eh eh, grazie! Pronti a proseguire per la soluzione dunque! :D


volodos ha scritto:
Allora, i menu a tendina mi servono perchè si tratta di una prenotazione, quindi dai 4 menu devono uscire il giorno, il mese, l'ora e i minuti, mi servono proprio così. I 4 menu devono attivarsi quando clicco il checkbox, mentre devono disabilitarsi (ma restando visibili) quando tolgo la spunta dal checkbox.
HELP !!!
Clicca per allargare...
E' proprio come pensavo :)

Dalle domande che mi hai posto prima mi sembra quasi tu non sappia nemmeno utilizzare i form e le loro proprietà, ho dedotto bene? ;)

Poi, scusa la domanda ma devo portela per capire come poter aiutarti: lo sai vero che per fare un modulo di prenotazione hai bisogno di appoggiarti ad un linguaggio lato server (ASP o PHP per esempio) ? :)
 
V

volodos

Nuovo Utente
1 Set 2006
28
0
0
Hai capito bene, non so utilizzare i form :fonzie:
Ho costruito il sito come potevo, però conoscenze un po' più avanzate come i form non le ho ancora..

Per quanto riguarda il modulo, non utilizzo per il momento php, bensì il comando mailto, non so ancora come predisporre la pagina php quindi ci penserò un po' più avanti.

Se hai icq, messenger o skyp, forse riusciamo a risolvere in maniera più interattiva....

Grazie !
 
Ultima modifica:
V

volodos

Nuovo Utente
1 Set 2006
28
0
0
non vorrei che ci stessimo fraintendendo: il pulsante con comando POST per inviare il modulo è più sotto e l'ho già impostato correttamente, non ha niente a che vedere con quello che sto chiedendo ora. Mi serve solo un checkbox che abiliti/disabiliti 4 menu a tendina.....
 
V

volodos

Nuovo Utente
1 Set 2006
28
0
0
ok, però il problema è che i campi non si abilitano, non credo dipenda dall'action....e in ogni caso perchè c'è un comando action sul form, quando invece è già presente sul pulsante di invio che sta in fondo alla pagina ? aiutatemi x favore
 
V

volodos

Nuovo Utente
1 Set 2006
28
0
0
lasciamo perdere il submit, stiamo deviando dal discorso....nel form di cui ho bisogno io ci devono essere solo un checkbox e 4 menu a tendina, che si comportino come ho descritto sopra ! Il pulsante col submit è in un'altra area della pagina e non ha niente a che vedere con questo thread che ho aperto. Pole io ti ho risposto, ma....dov'è la soluzione ? :)))))
 
Ultima modifica:
PoLe

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
Allora mi limito a dirti come far funzionare lo script che ti ho dato ;)

La function attiva_disattiva è
function attiva_disattiva(){
i=i+1;
if (i % 2 != 0){
modulo.campo1.disabled=false;
___ovvero
nomedelform.nomedellaselect.disabled=false;
...
}
else {
modulo.campo1.disabled=true;
___ovvero
nomedelform.nomedellaselect.disabled=true;
...
}
}


Se tu cambi nello script i nomedellaselect, allora devi cambiare anche l'attributo name delle <select> contenute nel <body>, ok? :)

Allo stesso modo, se tu cambi nomedelform nello script, allora devi cambiare anche l'attributo name del <form>

Capito ora? :)

Un consiglio: parti dallo script che ti ho postato (che funzione), e da lì adattalo alle tue esigente seguendo i consigli che ti ho dato!

Se ancora non riesci allora posta il codice fatto da te che non ti funziona, e appena torno nel forum (ormai domani), te lo metto a posto! ;)

Fallo qualche tentativo però eh! :D

A domani, in bocca al lupo e buon lavoro/studio!
 
V

volodos

Nuovo Utente
1 Set 2006
28
0
0
Eccomi, allora io penso di aver inserito il tuo codice correttamente....ma i 4 campi non vogliono saperne di abilitarsi, quando clicco sul checkbox, mi compare in basso a sx della pagina il triangolino giallo con scritto "errore di visualizzazione nella pagina"...il bello è che su un documento pulito il tuo codice funziona alla perfezione, ma che c....ha la mia pagina ??????

Se mi dai in pvt una tua email posso provare a spedirti la pagina...oppure se hai skype, icq o messenger te la posso mandare in quel modo...postare qui tutot il codice della pagina sarebbe lunghissimo, e per quanto riguarda il tuo codice non ho fatto altro che spezzarlo ovviamente in 2 parti e incollarlo....
 
PoLe

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
Il problema è meno complicato di quel che pensi ;)

Non serve che mi posti il codice di tutta la pagina, postami solo il codice che ti ho dato come lo hai modificato tu in tutte e due le parti, da li poi vediamo di capire dove sbagli :)
 
V

volodos

Nuovo Utente
1 Set 2006
28
0
0
finalmente ci sono arrivato.....io la form ce l'avevo già, quindi dovevo solo sostituire "modulo" con il nome della form, e tutto funziona....mannaggia a me....grazie cmq per l'aiuto, sei stato davvero paziente....
posso chiederti un'ultima cosa: sopra i 4 campi di cui parlavo c'è la scritta "Data e ora di ritorno". E' possibile applicarle lo stesso comportamento, ossia far sì che si abiliti/disabiliti assieme ai 4 campi quando clicco sul checkbox? Che pezzetto di codice dovrei inserire ? ora dovrebbe essere facile....
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
T [Javascript] un controllo con checkbox che non... controlla... Javascript 3
ivarello Checkbox che disattiva input Javascript 3
D Checkbox che abiliti un altro checkbox Javascript 4
D checkbox che non si carica Flash 4
M javascript che disabiliti i checkbox selezionati Javascript 0
frankiedeguello CheckBox che attiva Textfield Snippet Javascript 4
G Input checkbox in CSS HTML e CSS 0
G Invio di più valori con la stessa checkbox PHP 4
G form invio multiplo con checkbox PHP 12
MarcoGrazia jquery validate() controllo checkbox jQuery 2
M form con checkbox PHP 8
D Come gestire un singolo checkbox PHP 10
S Selezionare e deselezionare checkbox Javascript 0
S [PHP] Come mantenere selezionato checkbox dopo aver cliccato submit PHP 7
M Filtrare risultati con valori checkbox passati con jquery jQuery 2
M [HTML] consiglio su label e checkbox riguardo l'allineamento HTML e CSS 3
P [PHP] Controllo al checkbox privacy PHP 6
C [PHP] Checkbox in tabella PHP 7
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
M [Visual Basic] Creare checkbox dinamicamente in TabControl Visual Basic 1
L [PHP] CHECKBOX DA SELEZIONARE IN UNA TABELLA PHP 4
T [PHP] Checkbox E Valori Multipli In Una Colonna PHP 1
M Inserimento dati checkbox multipli in db da ajax a php PHP 1
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
G [Javascript] Selezionare una checkbox in maniera condizionata Javascript 5
A [Javascript] Impostare immagine sfondo da checkbox, sito web Javascript 1
M PHP - Checkbox - Mysql PHP 2
Monz94 [Javascript] [HTML] Creare Checkbox o Radio con Immagini Javascript 0
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
ientii [PHP] Gestione CheckBox PHP 1
bubino8 [PHP] Variabile da multipla Checkbox PHP 2
E [PHP] valore checkbox PHP 1
M PHP/SQL Inserire più valori in una colonna di tipo integer - Checkbox - PHP 3
M [PHP] Checkbox e valori multipli in una colonna PHP 10
M [HTML] Problema Checkbox HTML e CSS 3
A [HTML] Checkbox non visibili su tutti i browser HTML e CSS 3
F Alert selezione checkbox jQuery 6
U [PHP - RISOLTO] Tabella dinamica: colonne selezionate da checkbox PHP 40
M [Javascript] Deselezionare checkbox Javascript 1
giancadeejay [PHP] INSERT into tabella tramite scelta checkbox PHP 0
giancadeejay [PHP] checkbox ad ogni riga estratta dal db PHP 13
Fede72 Controllare le checkbox con PHP PHP 6
L [PHP] selezionare righe di una tabella con le checkbox e cancellarle PHP 2
M [PHP] Checkbox: inserimento nel db e lettura dal db PHP 20
R checkbox in un form Presentati al Forum 4
krm91 [Javascript] Checkbox e print Javascript 0
P [PHP] checkbox e sua memorizzazione nel db PHP 31
W formail con checkbox asp Classic ASP 19
M form php con checkbox PHP 4
S Assegnare valori mysql a checkbox PHP 0

Discussioni simili

Alto Basso