PDA

View Full Version : [HTML- CSS] Menu Select che apre delle "scheda" in base a valore

javacomelava
04-01-2010, 10:46
Salve

Mi trovo a dover creare dei "Timesheet",ovvero dei fogli di lavoromche ogni utente del sistema deve compilare per indicare le ore lavorate giorno per giorno ad un determinato progetto.

La mia idea e' questa:

Suddividere ogni mese in 4 schede(una per settimana).
In alto nella pagina vorrei avere un SELECT MENU dove l'utente deve selezionare il mese interessato e in basso vorrei avere le 4 "schede" delle settimane che formano il mese.

L'utente quindi clicca sulla settimana desiderata e gli appare il timesheet da compilare.

Come potrei ottenere questa soluzione ? Di html e css non ne capisco troppo.

P.s.: Utilizzo JSF e mi appoggio ad un db mySql

saluti
anonimizzato
04-01-2010, 15:57
Non riesci a essere un pò più specifico sulla richiesta?

Hai già provato ad esempio ad abbozzare il codice? Che problemi particolari incontri?

Ciao.
javacomelava
05-01-2010, 04:51
ciao,grazie per l'interssamento ma ho risolto.

Posto il link della soluzione che ho trovato:

http://www.raggiorosso.com/Style/Examples/007/target.html#tab2

Praticamente mi serviva un css che mi simulasse un layout a "schede".

Magari può servire a qualcun'altro.

saluti
SerMagnus
05-01-2010, 10:11
mi sa che devi farlo necessariamente con javascript.

di script se ne trovano tanti. la funzionalità che ti interessa si chiama tab - navigation.
javacomelava
05-01-2010, 13:09
scusami il link postato non risolve il problema con l'esclusivo utilizzo dei css?
Ancora non l'ho provato per questo chiedo.
Non vorrei utilizzare javascript...
anonimizzato
05-01-2010, 13:48
scusami il link postato non risolve il problema con l'esclusivo utilizzo dei css?
Ancora non l'ho provato per questo chiedo.
Non vorrei utilizzare javascript...

L'esempio fa uso dello pseudo-attributo ":target".

E' molto facile che su browser meno recenti ma ancora molto usati come Internet Explorer 6 non funzioni. Prova a verificare per sicurezza.

La soluzione, molto semplice e crossbrowser, è usare Javascript.
Se non vuoi sporcarti troppo le mani col codice guarda la libreria JQuery UI.
http://jqueryui.com/demos/tabs/

Ciao.