Newsgroup: it.comp.www.php
Titolo: Tabs e panel caricati al volo

Spero di non essere OT in quanto forse l'argomento è legato anche a
Javascript cmq...
ho un form molto comlesso composto da molti campi, avevo quindi
pensato di dividere i campi per argomenti organizzandoli in tabs ... e
all'interno di ogni tabs, creare dei panel (collapsible panels) in
stato hide/show
vorrei però fare in modo che per ogni show vengano fillati i
campi .... e non in fase di caricamento ... questo per evitare che i
campi della pagina vengano caricati completamente
l'ideale sarebbe quindi:
- se seleziono/accedo ad un tab: carico e visualizzo i campi del tab
- se visualizzo un panel (cliccando su pulsante "+" ... o cmq
sull'evento "show") carico i campi
Secondo voi è fattibile??? E soprattutto è corretto questo
approccio... per evitare di appesantire il caricamento con campi non
sempre utili??? esistono degli esempi a riguardo??
Grazie infinite a tutti!!!

 ...
Sicuramente, non č questo il newsgroup piů adatto...
Comunque, quello che chiedi, puoi farlo con tecnologia ajax (usando 
javascript).
Personalmente, preferire caricare la pagina per intero una volta per tutte, 
per:
- evitare di dover comunicare con il webserver ad ogni click su un qualsiasi 
tab
- perdere le informazioni digitate nei campi se l'utente clicca su un altro 
tab prima di aver salvato/inviato i dati del tab corrente
-- 
* JoWe.it - Sito Joomla! Gratis
* 
http://www.jowe.it

 Grazie infinite a tutti!!!
fillati... :O  omg!

 Grazie infinite a tutti!!!
J.

Grazie per i suggerimenti! Non capisco se è lavoro sprecato oppure se
la mia logica è corretta..... oppure, ancora meglio, se esistono altre
soluzioni migliori.
La situazione è questa:
ipotizziamo di avere 100 campi e 5 tabelle con un centinaio di record
per ogni tabella
la mia paura è attendere troppo il caricamento...è anche vero che fare
una richiesta per ogni passaggio tra tab e panels rischia di essere
altrettanto pesante! Un alternativa potrebbe essere caricare solo le
tabelle?? come??
Grazie ancora!!

 Grazie ancora!!
Prego
J.

 soluzioni migliori.
Fai il form normalmente (eventualmente con gli effetti di tabs e slider 
in javascript).
Se l'HTML risultante e` (immagini e css esclusi, solo l'html della 
pagina) inferiore ai 250 KB, lascialo cosi`. Se e` superiore 
riparliamone, magari con qualche dettaglio in piu` (del tipo: le tabelle 
ti servono tutte o solo in alcuni casi?).
Bye.


Concordo.
Lascia il form normale, anche per un discorso di accessibilità, poi
tramite js e css ne modifichi l'aspetto secondo le tue esigenze.
Anche perchè la compilazione di alcune parti del form dipenda da
quelle precedenti, o che ci siano campi obbligatori o meno: aggiungi
una validazione JS ma non tralasciare quella php.

Che belle argomentazioni!!! Grazie a tutti per i sugerimenti ...
il riferimento ai 250 kb, i preloader... ecc! grazie davvero!!
Quindi proseguo come da voi suggerito con un unico form per tutti i
campi, mi confermate che in un secondo tempo potrò eventualmente
applicare caricamenti separati tramite JS (senza stravolgere quanto
già fatto)??
per Strae
--
aggiungi una validazione JS ma non tralasciare quella php.
--
cosa itendi per validazione PHP??
per Alessandro P.
--
Fai il form normalmente (eventualmente con gli effetti di tabs e
slider
in javascript).
--
quindi posso comunque aggiungere dopo la gestione di tabs e slider??
intendo dopo che ho tutto il mio bel form compilato e "fillato"??
Grazie ancora

 
J.

 intendo dopo che ho tutto il mio bel form compilato e "fillato"??
Se fai bene il codice, si`.
Tipicamente significa "non usare table per il layout".
jQuery, per esempio, usa le liste di anchor per i tabs e normali <h*> e 
<div> per gli accordion (slider, se ho capito cosa vuoi).
Se non usi le table, solitamente ci metti poco ad adattare tutto.
Se fai gia` il codice secondo i suggerimenti di jQuery, per esempio, e 
attivi tabs e accordion, basta aggiungere una riga per dirgli di caricare 
il contenuto via AJAX piuttosto che prenderlo dalla pagina corrente.
Bye.

 <div> per gli accordion (slider, se ho capito cosa vuoi).
Potresti dirmi dove posso trovare:
1) un elenco di notazioni usate da jQuery (ho guardato ovviamente sul
sito ma non ho trovato un elenco da usare come rifermiento)
2) un esempio jQuery che abbia tabs e slider (io li chiamo panel che
possono essere in stato hide/show, spero sia la stessa cosa) ... in
modo che possa capire come strutturare la mia pagina, senza pensare
ora troppo nel dettaglio alla logica Ajax?
Grazie infinite!

 troppo nel dettaglio alla logica Ajax?
Sempre li`, trovi esempi vari.
Bye.

Grazie per le risposte!!
quindi riassumendo, per i tabs:
http://docs.jquery.com/UI/Tabs
e vengono usati i <div id="tabs"> <ul> <li> ...Corretto??
non riesco invece a trovare esempi con panel (hide/show)
Grazie

Dove posso trovare esempi di panel tramite Jquery?
Thanks

 Thanks
http://jqueryui.com/demos/tabs/