layout tabelle dinamico

[giuseppe500]

Esiste un qualche script per creare un layout tabellare e poterlo modificare dinamicamente?
In pratica vorrei partire da 24 celle :8 righe e 8 colonne e ridimensionare queste celle tramite js.
Alla fine ottenere tante celle di dimensione variabile.
grazie.

[giuseppe500]

up!

[Mich_]

Non ci ho capito nulla.
(e poi 8x8 fa 64, non 24)

Come faresti il ridimensionamento? Mediante dei bottoni? Mediante il drag-and-drop del mouse? Mediante l'hover del mouse (in tal caso si fa anche senza JS, forse)?
Le celle devono rimanere tutte o ne devono sparire?
Hai considerato di fare le "celle" mediante dei <div>?

[giuseppe500]

vorrei trovare il metodo migliore(secondo me il drag and drop) per fare il resize delle celle in modo da avere alla fine una matrice con tutti i valori delle celle.
per le celle pensavo di usare tabelle ma se mi dici che i div sono meglio bene lo faro' coi div.
Intanto c'è gia qualcosa , si puo' fare?
ah , le celle devono rimanere tutte e posizionarsi di conseguenza in modo che se ingrandisco una le altre si adattano.
grazie.
ciao.

[Mich_]

Non travisare. Io non ho detto che i div sono meglio. Ho posto la questione, se forse sono meglio.
Ma non conosco la tua pagina, quindi non posso sapere quale e` il tag piu` corretto (dal punto di vista semantico).
C'e` relazione di riga e colonna?

Ancora non ho capito. Il codice moderno ha necessita` di usare i codici corretti, altimenti e` molto difficile venirne a capo.
Le celle devono essere tutte delle stesse dimensioni? O devono adattarsi in base al contenuto?
Per "ridimensionare" intendi la singola cella o tutta la pagina?

Le celle sono gia` riempite lato server, o vengono riempite lato client? e in tal caso: chi le riempie?

PS: tutto si puo` fare (quasi). La domanda e` "quanto costa?" (in termini di lavoro e di carico computazionale oltre che economici).

[giuseppe500]

le celle all' inizio devono essere tutte delle stesse dimensioni,poi con un qualche modo da definire(drag and drop?)devono assumere dimensioni diverse ,le posso in pratica allargare o diminuire sia in altezza che in larghezza .
In pratica è un impaginatore,dopo avere creato la struttura prendo le informazioni e impagino.
Dentro alle celle ci vanno a finire delle immagini della grandezza della cella.
QUesta pero' è solo un idea io ti chiedevo (e intanto ti ringrazio)come creare un impaginatore in js perchè con strumenti lato server sarebbe tutto lentissimo.

ps.qui potrebbe dare una mano ajax?

[Andrea1979]

Non so se ti possa essere d'aiuto oppure completamente fuorviante, però qualsiasi editor HTML (tipo FCKEditor o TinyMCE) hanno un tool per "disegnare" le tabelle. Magari potreti farne una installazione in cui carichi solo le funzioni relative alle tabelle escludendo tutto il resto.... oppure potresti prendere spunto dal codice che gestisce tali modifiche.

[Mich_]

Piano piano si cominciano a delineare i contorni del problema...

Ma prova a rispondere alle domande:
1. C'e` corrispondenza di riga/colonna? (cioe` si puo` individuare un titolo per ogni riga e per ogni colonna?)
2. Le immagini vengono inserite nelle celle prima di visualizzare il tutto, oppure dopo?
3. L'ingrandimento/rimpicciolimento di una cella si deve ripercuotere su tutta la riga/colonna?
4. Le immagini contenute devono venir scalate o clippate?
5. Se e` uno scaling, deve mantenere le proporzioni?
6. Le immagini hanno tutte le stesse dimensioni (reali)? hanno tutte le stesse proporzioni?

[giuseppe500]

Originariamente inviato da Mich_
Piano piano si cominciano a delineare i contorni del problema...

Ma prova a rispondere alle domande:
1. C'e` corrispondenza di riga/colonna? (cioe` si puo` individuare un titolo per ogni riga e per ogni colonna?)
2. Le immagini vengono inserite nelle celle prima di visualizzare il tutto, oppure dopo?
3. L'ingrandimento/rimpicciolimento di una cella si deve ripercuotere su tutta la riga/colonna?
4. Le immagini contenute devono venir scalate o clippate?
5. Se e` uno scaling, deve mantenere le proporzioni?
6. Le immagini hanno tutte le stesse dimensioni (reali)? hanno tutte le stesse proporzioni?

1)si c'è corrispondenza.
2)le immagini vengono inserite solo dopo aver costruito la struttura
3)no, pensavo che ci fosse anche l'opzione di unire due celle sia in orizzontale che in verticale, in modo da mantenere una coerenza di layout percio' non si ripercuote.
4)si
5)si
6)le immagini hanno tutte dimensioni diverse.

premetto che ho cercato su google qualcosa di gia fatto , anche con ajax ma non ho trovato .

grazie.

[Mich_]

Se c'e` relazione di riga e colonna, lo strumento HTML piu` adatto e` il <table>

Unire due celle non e` facile. E` possibile, ma comporta lavoro di programmazione del DOM; poi separare e` ancora piu` complesso.

In relazione alla domanda 2: Chi inserisce le immagini? Il server o l'utente sul client?

Risposta 3) non valida (non si puo` rispondere si ad una domanda con due opzioni).
Scalare significa che l'immagine viene ridimensionata; clippare che l'immagine viene tagliata.