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

[javacomelava]

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

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]

ciao,grazie per l'interssamento ma ho risolto.

Posto il link della soluzione che ho trovato:

http://www.raggiorosso.com/Style/Exa...rget.html#tab2

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

Magari può servire a qualcun'altro.

saluti

[SerMagnus]

mi sa che devi farlo necessariamente con javascript.

di script se ne trovano tanti. la funzionalità che ti interessa si chiama tab - navigation.

[javacomelava]

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

Originariamente inviato da javacomelava

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.