Salve ragazzi, questa è la mia prima discussione. Premetto che ho cercato in lungo e in largo sia in questo forum che altrove la soluzione al mio problema ma senza trovarla. Sto imparando un pochetto Javascript, un po' per diletto, un po' perché vorrei costruire una sorta di calcolatore. La mia formazione è prettamente giuridica, di informatica non ne so tantissimo e le mie conoscenze si fermano ad HTML e CSS, siate quindi clementi con me... Tuttavia, il calcolatore che ho fatto funziona alla grande, ma avrei bisogno di aggiungerci qualche altra funzione e capire bene come effettuare qualche "effetto" a scomparsa.
Spiego più nel dettaglio cosa mi servirebbe capire: vorrei far comparire (e scomparire) un div con un select. Qualche esempio l'ho trovato nel web (e anche in questo sito), ma tutti gli esempi non hanno la caratteristica che cerco.
Ipotizziamo che io abbia tale codice nell'html:
Ecco, vorrei (possibilmente con un if, perché so che si può fare con la condizione e perché mi aiuterebbe anche a ragionarci, dato che sto cercando di capirne il funzionamento) che, quando carico la pagina, "PIPPO" fosse già visualizzato, con il select alla selezione di Pippo; cliccando sull'opzione Caio comparisse CAIO e scompaia PIPPO; cliccando l'opzione Sempronio comparisse SEMPRONIO e scompaia CAIO.
Qualcuno potrebbe suggerirmi la funzione JS? Gliene sarei davvero grato.
P.S. (ho preimpostato display:none nelle div, ipotizzando che serva qualche sorta di function con if che imposti display: block per ogni opzione, ma non so ancora bene come costruire queste cose che per me, sono ancora abbastanza complesse).
Spiego più nel dettaglio cosa mi servirebbe capire: vorrei far comparire (e scomparire) un div con un select. Qualche esempio l'ho trovato nel web (e anche in questo sito), ma tutti gli esempi non hanno la caratteristica che cerco.
Ipotizziamo che io abbia tale codice nell'html:
HTML:
<select id="SELEZIONI">
<option id="PP">Pippo</option>
<option id=CI">Caio</option>
<option id="SE">Sempronio</option>
</select>
<div id="PippoCheck" style="display:none;">
PIPPO </div>
<div id="CaioCheck" style="display:none;">
CAIO </div>
<div id="SempronioCheck" style="display:none;">
SEMPRONIO </div>Ecco, vorrei (possibilmente con un if, perché so che si può fare con la condizione e perché mi aiuterebbe anche a ragionarci, dato che sto cercando di capirne il funzionamento) che, quando carico la pagina, "PIPPO" fosse già visualizzato, con il select alla selezione di Pippo; cliccando sull'opzione Caio comparisse CAIO e scompaia PIPPO; cliccando l'opzione Sempronio comparisse SEMPRONIO e scompaia CAIO.
Qualcuno potrebbe suggerirmi la funzione JS? Gliene sarei davvero grato.
P.S. (ho preimpostato display:none nelle div, ipotizzando che serva qualche sorta di function con if che imposti display: block per ogni opzione, ma non so ancora bene come costruire queste cose che per me, sono ancora abbastanza complesse).
Ultima modifica di un moderatore:
