Checkbox che abilita/disabilità menu a tendina

volodos · 13 Set 2006

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 · 14 Set 2006

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>

SaLuT!
:byebye:

open-think · 14 Set 2006

Cancellato

volodos · 14 Set 2006

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

PoLe · 14 Set 2006

open-think ha scritto:
cavoli pole non mi lasci il tempo x rispondere :fonzie:

Eh eh eh!

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

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

Dove sbaglio ???

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?

open-think · 14 Set 2006

Cancellato

volodos · 14 Set 2006

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 !!!

open-think · 14 Set 2006

Cancellato

PoLe · 14 Set 2006

open-think ha scritto:
dai pole stò aspettando la soluzione del prob. ormai hai cominciato tù :fonzie:

Eh eh, grazie! Pronti a proseguire per la soluzione dunque!

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 !!!

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) ?

volodos · 14 Set 2006

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 !

open-think · 14 Set 2006

Cancellato

volodos · 14 Set 2006

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.....

open-think · 14 Set 2006

Cancellato

volodos · 14 Set 2006

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

open-think · 14 Set 2006

Cancellato

volodos · 14 Set 2006

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 ?

))))

PoLe · 14 Set 2006

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!

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

volodos · 14 Set 2006

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 · 15 Set 2006

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

volodos · 15 Set 2006

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....

Checkbox che abilita/disabilità menu a tendina

Nuovo Utente

MRW Moderator

Bannato

Nuovo Utente

MRW Moderator

Bannato

Nuovo Utente

Bannato

MRW Moderator

Nuovo Utente

Bannato

Nuovo Utente

Bannato

Nuovo Utente

Bannato

Nuovo Utente

MRW Moderator

Nuovo Utente

MRW Moderator

Nuovo Utente

Discussioni simili