tag:blogger.com,1999:blog-7965877301845859013.post7532959968264044597..comments2019-03-23T12:34:03.462+01:00Comments on Quelli del cucuzzolo: Semplice tabella responsive con WebSite X5 12MAeSIhttp://www.blogger.com/profile/03218272086256305663noreply@blogger.comBlogger16125tag:blogger.com,1999:blog-7965877301845859013.post-82646662746000980442016-02-18T20:25:25.116+01:002016-02-18T20:25:25.116+01:00OpsSS... non avevo visto. Adesso ho riletto con pi...OpsSS... non avevo visto. Adesso ho riletto con più attenzione e scaricato il progetto, e mi sono reso conto che avevo anche frainteso l'altro articolo appena sorvolato alla buona sulla tabella del cart. Non ha nulla a che vedere con quel che ho fatto io nella Product List di WSX5. Comunque nel mio ho appena inserito la gestione delle intestazioni di riga.<br />Spero vi piaccia un po' di più adesso.<br />Ciao ;)Fabio Bevilacquahttps://www.blogger.com/profile/15030742201571681091noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-38133782581044387292016-02-18T15:49:40.574+01:002016-02-18T15:49:40.574+01:00Mhmmm, non ti basta la demo linkata in questo arti...Mhmmm, non ti basta la demo linkata in questo articolo che, ripetiamo, NON vuole essere una soluzione universale?<br /><br />Ciao<br />MAeSIhttps://www.blogger.com/profile/03218272086256305663noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-44787020649695377602016-02-18T15:20:50.454+01:002016-02-18T15:20:50.454+01:00Ok, allora mostrateci voi un esempio rispondente e...Ok, allora mostrateci voi un esempio rispondente ed esplicativo.<br />Per quel che concerne il mio script, se vorrete, aspetterò critiche o suggerimenti nel post su Answer:<br />https://answers.websitex5.com/post/140925<br />Buon lavoro anche a voi.Fabio Bevilacquahttps://www.blogger.com/profile/15030742201571681091noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-33211510778835934282016-02-18T14:25:03.895+01:002016-02-18T14:25:03.895+01:00Caro Fabio,
dai tuoi commenti si deduce che hai le...Caro Fabio,<br />dai tuoi commenti si deduce che hai letto frettolosamente l'articolo e che probabilmente ti sfugge la differenza tra intestazione di riga e intestazione di colonna.<br /><br />Infatti, nell'esempio tabella-ma-si.html hai tralasciato parti di codice e hai utilizzato una tabella di tipologia NON rispondente a quella indicata nell'articolo... ovvio che vedi cose brutte :)<br /><br />Per quanto riguarda l'ultimo tuo esempio come leggibilità è sicuramente migliore.<br />Per tutto il resto non è questo il posto giusto per commentare oltre.<br /><br />Buon lavoro.<br />MAeSIhttps://www.blogger.com/profile/03218272086256305663noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-39086702391910355622016-02-18T04:37:11.650+01:002016-02-18T04:37:11.650+01:00Fatto: http://strip-bg.16mb.com/new-table.html
Che...Fatto: http://strip-bg.16mb.com/new-table.html<br />Che ne dite, ora é buono?<br />Il prossimo passo potrebbe essere automatizzare via jQuery la lettura delle intestazioni e la loro scrittura nella pseudoclasse :before<br />...ma adesso vado a nanna! Ciao ;) Fabio Bevilacquahttps://www.blogger.com/profile/15030742201571681091noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-57375751162624777062016-02-18T04:32:49.975+01:002016-02-18T04:32:49.975+01:00Continuo a non capire; la riga delle intestazioni ...Continuo a non capire; la riga delle intestazioni é presente apposta per descrivere i contenuti delle celle.<br />A me pare che il mio script funzioni esattamente come il vostro, tranne che il vostro dimensiona l'altezza delle celle in modo fisso, mentre il mio in modo proporzionale al contenuto ospitato.<br />Entrambi gli script perdono il riferimento diretto ai contenuti.<br />Ecco i links delle due prove fatte:<br />http://strip-bg.16mb.com/tabella-ma-si.html<br />http://strip-bg.16mb.com/tabella-fabio.html<br />Semmai adesso eliminerò la tabella delle intestazioni per inserirne il contenuto in grassetto direttamente dentro ogni td seguito dai due punti.<br />Magari aggiungerò anche un contatore css in testa ad ogni tabellina. Vi piace l'idea?<br />PS: metteteci un overflow per togliere la scrollbar orizzontale; é brutta. Fabio Bevilacquahttps://www.blogger.com/profile/15030742201571681091noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-51791052560761185292016-02-17T23:06:23.785+01:002016-02-17T23:06:23.785+01:00Ciao Fabio,
non c'è bisogno di nessuno screens...Ciao Fabio,<br />non c'è bisogno di nessuno screenshot. Se inserisci nella tabella dei valori numerici (per visualizzare ad esempio i dati statistici relativi alle visite di un sito) il problema di leggibilità diventa molto evidente: per capire a cosa si riferisce un valore devi per forza contare le celle. <br />Il tuo codice funziona come il nostro... solo in particolari condizioni. Può andare bene per una tabella con la sola funzione di organizzare gli elementi di un layout, oppure con tabelle con intestazioni di righe, oppure per tabelle di una sola riga. Ma non è universale. <br />In una tabella come quella del tuo esempio, con la perdita dei riferimenti delle intestazioni di colonna, i dati presenti perdono di significato.MAeSIhttps://www.blogger.com/profile/03218272086256305663noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-16886782817084640752016-02-17T22:24:22.638+01:002016-02-17T22:24:22.638+01:00cioé? non capisco...mi mettete un ss in questo pos...cioé? non capisco...mi mettete un ss in questo post per favore? https://answers.websitex5.com/post/140925Fabio Bevilacquahttps://www.blogger.com/profile/15030742201571681091noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-35545759696457532362016-02-16T22:59:03.625+01:002016-02-16T22:59:03.625+01:00Ah ora è chiaro... il paradigma strutturale della ...Ah ora è chiaro... il paradigma strutturale della tua tabella si presta per fare anche esercizi di successioni numeriche :)<br />CiaoMAeSIhttps://www.blogger.com/profile/03218272086256305663noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-2439366966305959492016-02-16T16:48:11.131+01:002016-02-16T16:48:11.131+01:00Ciao ragazzi; sì, lo so che vengono visualizzate c...Ciao ragazzi; sì, lo so che vengono visualizzate così, ma é giusto così.<br />Le intestazioni (possibilmente dando loro un colore di sfondo diverso da quello dei records, all'inizio delle serie definiscono un paradigma strutturale che agevola il lettore nella interpretazione dei contenuti seguenti; in pratica sono una chiave di lettura dei records.<br />Inoltre nel plugin jTable contengono la funzionalità di inversione del sorting.<br />Comunque se a qualcuno non piace vederle basta toglierle con display: none<br />ciao grandi ;)Fabio Bevilacquahttps://www.blogger.com/profile/15030742201571681091noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-73881460014238802372016-02-15T14:16:22.831+01:002016-02-15T14:16:22.831+01:00Ciao Fabio,
grazie per il messaggio e la condivis...Ciao Fabio,<br /><br />grazie per il messaggio e la condivisione.<br />Ti facciamo notare che, con quella tipologia di tabella, il CSS da te utilizzato rende difficile la lettura della tabella stessa in quanto le intestazioni di colonna vengono visualizzate raggruppate una sotto l'altra.<br />MAeSIhttps://www.blogger.com/profile/03218272086256305663noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-76809196845078733912016-02-14T23:30:01.973+01:002016-02-14T23:30:01.973+01:00Aggiunto ora anche Product List ;)Aggiunto ora anche Product List ;)Fabio Bevilacquahttps://www.blogger.com/profile/15030742201571681091noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-13506189874677400102016-02-14T22:52:17.073+01:002016-02-14T22:52:17.073+01:00Ciao Ma&Si,
passavo di qua e ho trovato questo...Ciao Ma&Si,<br />passavo di qua e ho trovato questo articolo bellissimo; volevo partecipare segnalando che anche io avevo avuto la stessa identica idea durante il beta test della 12 e allora lo avevo realizzato con i flexbox perché li trovo più convenienti per la costruzione di layout complessi interni alla tabella. <br />Il mio script é in CSS3 e senza l'uso di jQuery.<br />Spinto da questo articolo stasera ci ho rimesso mano per espanderlo ulteriormente e ho reso il mio script compatibile anche con le tabelle del Db Viewer.<br />Per chi fosse interessato lo script é nel source di questa pagina: http://censimento.altervista.org/iscritti.php<br />Per accedere: teofilo/teofilo<br />Ciao ;)Fabio Bevilacquahttps://www.blogger.com/profile/15030742201571681091noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-18307559580590489282016-01-08T18:45:34.812+01:002016-01-08T18:45:34.812+01:00Grazie ragazzi funziona che è una meraviglia.
Siet...Grazie ragazzi funziona che è una meraviglia.<br />Siete troppo fortiAnonymoushttps://www.blogger.com/profile/18401411034400321159noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-85634721497218846392016-01-08T15:09:31.834+01:002016-01-08T15:09:31.834+01:00Ciao Andrea,
devi inserire i codici in Proprietà d...Ciao Andrea,<br />devi inserire i codici in Proprietà della Pagina, Esperto, Prima della chiusura del tag HEAD. Ovviamente devi inserire il codice CSS all'interno dei tag <style></style> e il codice jQuery all'interno dei tag <script></script>. Per avere le idee più chiare puoi guardare il sorgente della demo o scaricare il progetto con la tabella più complessa in questo <a href="http://www.quellidelcucuzzolo.blogspot.it/2015/12/tabella-catalogo-prodotti-website-x5-12.html" rel="nofollow">articolo</a>.<br />Ti ricordiamo che i codici, come scritto chiaramente in questo articolo, valgono solo per questa tipologia di tabella.MAeSIhttps://www.blogger.com/profile/03218272086256305663noreply@blogger.comtag:blogger.com,1999:blog-7965877301845859013.post-64214861213665489792016-01-07T22:27:50.663+01:002016-01-07T22:27:50.663+01:00Salve vorrei provare questi codici in una pagina d...Salve vorrei provare questi codici in una pagina dove ho inserito alcune tabelle e vorrei renderle responsive ma non so da dove cominciare ad inserire i codiciAnonymoushttps://www.blogger.com/profile/18401411034400321159noreply@blogger.com