Mostra notizie nelle discussioni
  • Avatar
    Scritto da
    Non Autenticato
    il 2013-03-20 01:19:58.0 alle 2013-03-20 01:19:58.0
    CSS questi sconosciuti GRR GRR GRR
    Immagine postata dall'utente

    In questo layout in costruzione ho evidenziato in rosso due DIV che contengono elementi per cui è definita la proprietà float.

    La prima DIV.content (sfondo rosso) contiene DIV.main con float: left (sfondo bianco) e DIV.ads con float: right (sfondo trasparente).

    La seconda DIV a sfondo rosso contiene due paragrafi rispettivamente con float: left e right.

    Arrabbiato Perché mai gli elementi contenuti escono fuori dalla DIV contenitrice invece di allargarla alla propria altezza?
    Come si fa a fare in modo che la DIV contenitrice si allarghi all'altezza del contenuto?

    Es. la prima delle due:

    <div class="content"><div class="padding" style="background: red">
    
    <div class="main"><div class="padding">
    
    [...]
    
    </div></div> <!-- main -->
    
    <div class="ads"><div class="padding">
    
    [...]
    
    </div></div> <!-- ads -->
    
    </div></div> <!-- content -->

    DIV.content {
    width: 966px;
    margin-left: auto;
    margin-right: auto;  /* centers the DIV in Mozilla, Opera */
    }
    
    DIV.content DIV.padding {
    padding-top: 20px;
    padding-bottom: 20px;  /* added to see the DIV */
    }
    
    DIV.main {
    float: left;
    width: 676px;
    background-color: #F8F6F4;
    }
    
    DIV.main DIV.padding {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 20px;
    }
    
    [...]
    
    DIV.ads {
    float: right;
    width: 290px;
    }
    
    DIV.ads DIV.padding {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 40px;
    }

    Appoggio qui per domani. A bocca storta
    • Avatar
      ☺
      Scritto da
      altg
      utente che non utiene
      il 2013-03-20 01:40:23.0 alle 2013-03-20 01:40:23.0
      Trollate totali: 11540
      Re: CSS questi sconosciuti GRR GRR GRR
      Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
      • Avatar
        Scritto da
        Non Autenticato
        il 2013-03-20 01:46:35.0 alle 2013-03-20 01:46:35.0
        Re: CSS questi sconosciuti GRR GRR GRR
        > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime

        Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.

        Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
        • Avatar
          ☺
          Scritto da
          altg
          utente che non utiene
          il 2013-03-20 01:56:45.0 alle 2013-03-20 01:56:45.0
          Trollate totali: 11540
          Re: CSS questi sconosciuti GRR GRR GRR
          > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
          >
          > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
          >
          > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.

          Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").

          Immagine postata dall'utente

          A chi l'ha commissionato ho spiegato anche i limiti eh?
          Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
          • Avatar
            Scritto da
            Non Autenticato
            il 2013-03-20 02:07:54.0 alle 2013-03-20 02:07:54.0
            Re: CSS questi sconosciuti GRR GRR GRR
            > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
            > >
            > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
            > >
            > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
            >
            > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
            >
            > Immagine postata dall'utente
            >
            > A chi l'ha commissionato ho spiegato anche i limiti eh?
            > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto

            Bellino, praticamente un'applicazione nel browser. Chissà se si può aumentare il limite di 5 MB che è proprio pocherellino.
            • Avatar
              ☺
              Scritto da
              altg
              utente che non utiene
              il 2013-03-20 02:13:18.0 alle 2013-03-20 02:13:18.0
              Trollate totali: 11540
              Re: CSS questi sconosciuti GRR GRR GRR
              > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
              > > >
              > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
              > > >
              > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
              > >
              > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
              > >
              > > Immagine postata dall'utente
              > >
              > > A chi l'ha commissionato ho spiegato anche i limiti eh?
              > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
              >
              > Bellino, praticamente un'applicazione nel browser. Chissà se si può aumentare il limite di 5 MB che è proprio pocherellino.

              Se si potesse, si aprirebbe un'alternativa interessante per i piccoli gestionali: un solo file html con tutto incluso, facile da propagare a vari computer senza necessita` d'installazione "complicata" (copialo, importa il DB se ne avevi uno gia` iniziato, e sei pronto), che gira su tutti i browser piu famosi.

              Per questo qui, 5 MB equivarranno a circa 25mila verbali, al ritmo di un centinaio al mese (molto sovrastimato) ci vorrebbero 250 mesi per arrivare a coprire 5 MB, cioe` piu` di vent'anni. Per allora, nell'era post-atomica non sara` comunque una grande idea burocratizzare la distribuzione di targhe, o anche l'esistenza di targhe, specie quando ci si trovera` a discutere con Kenshiro. Fantasma
              • Avatar
                Scritto da
                Non Autenticato
                il 2013-03-20 02:24:06.0 alle 2013-03-20 02:24:06.0
                Re: CSS questi sconosciuti GRR GRR GRR
                > > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
                > > > >
                > > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
                > > > >
                > > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
                > > >
                > > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
                > > >
                > > > Immagine postata dall'utente
                > > >
                > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
                > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
                > >
                > > Bellino, praticamente un'applicazione nel browser. Chissà se si può aumentare il limite di 5 MB che è proprio pocherellino.
                >
                > Se si potesse, si aprirebbe un'alternativa interessante per i piccoli gestionali: un solo file html con tutto incluso, facile da propagare a vari computer senza necessita` d'installazione "complicata" (copialo, importa il DB se ne avevi uno gia` iniziato, e sei pronto), che gira su tutti i browser piu famosi.
                >
                > Per questo qui, 5 MB equivarranno a circa 25mila verbali, al ritmo di un centinaio al mese (molto sovrastimato) ci vorrebbero 250 mesi per arrivare a coprire 5 MB, cioe` piu` di vent'anni. Per allora, nell'era post-atomica non sara` comunque una grande idea burocratizzare la distribuzione di targhe, o anche l'esistenza di targhe, specie quando ci si trovera` a discutere con Kenshiro. Fantasma

                Anche se non è un solo file, può comunque essere uno ZIP contenente il tutto. Chissà quanto sono affidabili i calcoli con Javascript.
              • Avatar
                ☺
                Scritto da
                ::1
                il 2013-03-22 23:36:05.0 alle 2013-03-22 23:36:05.0
                Trollate totali: 12321
                Re: CSS questi sconosciuti GRR GRR GRR
                Scritto da: altg
                > > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
                > > > >
                > > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
                > > > >
                > > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
                > > >
                > > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
                > > >
                > > > Immagine postata dall'utente
                > > >
                > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
                > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
                > >
                > > Bellino, praticamente un'applicazione nel browser. Chissà se si può aumentare il limite di 5 MB che è proprio pocherellino.
                >
                > Se si potesse, si aprirebbe un'alternativa interessante per i piccoli gestionali: un solo file html con tutto incluso, facile da propagare a vari computer senza necessita` d'installazione "complicata" (copialo, importa il DB se ne avevi uno gia` iniziato, e sei pronto), che gira su tutti i browser piu famosi.
                >
                > Per questo qui, 5 MB equivarranno a circa 25mila verbali, al ritmo di un centinaio al mese (molto sovrastimato) ci vorrebbero 250 mesi per arrivare a coprire 5 MB, cioe` piu` di vent'anni. Per allora, nell'era post-atomica non sara` comunque una grande idea burocratizzare la distribuzione di targhe, o anche l'esistenza di targhe, specie quando ci si trovera` a discutere con Kenshiro. Fantasma

                ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?
                Young professional woman and busy mom.
                • Avatar
                  Scritto da
                  Non Autenticato
                  il 2013-03-22 23:44:18.0 alle 2013-03-22 23:44:18.0
                  Re: CSS questi sconosciuti GRR GRR GRR
                  > > > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
                  > > > > >
                  > > > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
                  > > > > >
                  > > > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
                  > > > >
                  > > > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
                  > > > >
                  > > > > Immagine postata dall'utente
                  > > > >
                  > > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
                  > > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
                  > > >
                  > > > Bellino, praticamente un'applicazione nel browser. Chissà se si può aumentare il limite di 5 MB che è proprio pocherellino.
                  > >
                  > > Se si potesse, si aprirebbe un'alternativa interessante per i piccoli gestionali: un solo file html con tutto incluso, facile da propagare a vari computer senza necessita` d'installazione "complicata" (copialo, importa il DB se ne avevi uno gia` iniziato, e sei pronto), che gira su tutti i browser piu famosi.
                  > >
                  > > Per questo qui, 5 MB equivarranno a circa 25mila verbali, al ritmo di un centinaio al mese (molto sovrastimato) ci vorrebbero 250 mesi per arrivare a coprire 5 MB, cioe` piu` di vent'anni. Per allora, nell'era post-atomica non sara` comunque una grande idea burocratizzare la distribuzione di targhe, o anche l'esistenza di targhe, specie quando ci si trovera` a discutere con Kenshiro. Fantasma
                  >
                  > ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?

                  Penso che la soluzione monofile sia la più adatta per i suoi clienti. Fantasma
                  • Avatar
                    ☺
                    Scritto da
                    ::1
                    il 2013-03-22 23:47:22.0 alle 2013-03-22 23:47:22.0
                    Trollate totali: 12321
                    Re: CSS questi sconosciuti GRR GRR GRR
                    Scritto da:
                    > > > > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
                    > > > > > >
                    > > > > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
                    > > > > > >
                    > > > > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
                    > > > > >
                    > > > > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
                    > > > > >
                    > > > > > Immagine postata dall'utente
                    > > > > >
                    > > > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
                    > > > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
                    > > > >
                    > > > > Bellino, praticamente un'applicazione nel browser. Chissà se si può aumentare il limite di 5 MB che è proprio pocherellino.
                    > > >
                    > > > Se si potesse, si aprirebbe un'alternativa interessante per i piccoli gestionali: un solo file html con tutto incluso, facile da propagare a vari computer senza necessita` d'installazione "complicata" (copialo, importa il DB se ne avevi uno gia` iniziato, e sei pronto), che gira su tutti i browser piu famosi.
                    > > >
                    > > > Per questo qui, 5 MB equivarranno a circa 25mila verbali, al ritmo di un centinaio al mese (molto sovrastimato) ci vorrebbero 250 mesi per arrivare a coprire 5 MB, cioe` piu` di vent'anni. Per allora, nell'era post-atomica non sara` comunque una grande idea burocratizzare la distribuzione di targhe, o anche l'esistenza di targhe, specie quando ci si trovera` a discutere con Kenshiro. Fantasma
                    > >
                    > > ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?
                    >
                    > Penso che la soluzione monofile sia la più adatta per i suoi clienti. Fantasma

                    Però devi dirgli che se cancelli la cronologia/cache del browser ti perdi il db.
                    Young professional woman and busy mom.
                    • Avatar
                      Scritto da
                      Non Autenticato
                      il 2013-03-23 00:00:35.0 alle 2013-03-23 00:00:35.0
                      Re: CSS questi sconosciuti GRR GRR GRR
                      > > > > > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
                      > > > > > > >
                      > > > > > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
                      > > > > > > >
                      > > > > > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
                      > > > > > >
                      > > > > > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
                      > > > > > >
                      > > > > > > Immagine postata dall'utente
                      > > > > > >
                      > > > > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
                      > > > > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
                      > > > > >
                      > > > > > Bellino, praticamente un'applicazione nel browser. Chissà se si può aumentare il limite di 5 MB che è proprio pocherellino.
                      > > > >
                      > > > > Se si potesse, si aprirebbe un'alternativa interessante per i piccoli gestionali: un solo file html con tutto incluso, facile da propagare a vari computer senza necessita` d'installazione "complicata" (copialo, importa il DB se ne avevi uno gia` iniziato, e sei pronto), che gira su tutti i browser piu famosi.
                      > > > >
                      > > > > Per questo qui, 5 MB equivarranno a circa 25mila verbali, al ritmo di un centinaio al mese (molto sovrastimato) ci vorrebbero 250 mesi per arrivare a coprire 5 MB, cioe` piu` di vent'anni. Per allora, nell'era post-atomica non sara` comunque una grande idea burocratizzare la distribuzione di targhe, o anche l'esistenza di targhe, specie quando ci si trovera` a discutere con Kenshiro. Fantasma
                      > > >
                      > > > ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?
                      > >
                      > > Penso che la soluzione monofile sia la più adatta per i suoi clienti. Fantasma
                      >
                      > Però devi dirgli che se cancelli la cronologia/cache del browser ti perdi il db.

                      Bruttaffare, il mio browser le cancella ogni volta che lo chiudo. Occhiolino
                      • Avatar
                        ☺
                        Scritto da
                        ::1
                        il 2013-03-23 00:20:45.0 alle 2013-03-23 00:20:45.0
                        Trollate totali: 12321
                        Re: CSS questi sconosciuti GRR GRR GRR
                        Scritto da:
                        > > > > ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?

                        Visto che mi annoiavo ho scritto il serverino per alex, si salva in rw.js e si lancia con "node rw.js", GET legge il file, POST lo sovrascrive:
                        'use strict';
                        
                        var http = require('http'),
                            fs   = require('fs');
                        
                        var prefix = __dirname;
                        
                        var server = http.createServer(function(req, res) {
                          if (req.headers['content-type'] !== 'application/json') {
                            res.writeHead(405);
                            res.end();
                            return;
                          }
                          if (req.method === 'GET') {
                            fs.readFile(prefix + req.url, 'utf8', function(err, data) {
                              if (err) {
                                res.writeHead(500);
                                res.end();
                                return;
                              }
                              res.writeHead(200, {'Content-Type':'application/json'});
                              res.end(data);
                            });
                          } else if (req.method == 'POST') {
                            fs.open(prefix + req.url, 'w', function(err, fd) {
                              req.on('data', function(data) {
                                fs.write(fd, new Buffer(data), 0, data.length, null, function(err, written, buffer) {
                                  if (err) {
                                    res.writeHead(500);
                                    res.end();
                                    throw err;
                                  }
                                });
                              });
                              req.on('end', function() {
                                fs.close(fd, function(err, fd) {
                                  if (err) {
                                    res.writeHead(500);
                                    res.end();
                                    throw err;
                                  }
                                })
                                res.writeHead(204);
                                res.end();
                              });
                            });
                          }
                        });
                        
                        server.listen(8080);
                        


                        Poi davanti a questo ci metti nginx (anche questo c'è anche per windows) con la seguente confa:
                        events {
                          worker_connections 64;
                        }
                        http {
                          server {
                            location / {
                              root wwwroot;
                              index index.htm index.html;
                              if ( $http_content_type = application/json ) {
                                proxy_pass http://127.0.0.1:8080;
                              }
                            }
                          }
                        }
                        

                        E lui deve solo adattare il javascritto di frontend.
                        Young professional woman and busy mom.
                        • Avatar
                          Scritto da
                          Non Autenticato
                          il 2013-03-23 00:32:11.0 alle 2013-03-23 00:32:11.0
                          Re: CSS questi sconosciuti GRR GRR GRR
                          > > > > > ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?
                          >
                          > Visto che mi annoiavo ho scritto il serverino per alex, si salva in rw.js e si lancia con "node rw.js", GET legge il file, POST lo sovrascrive:
                          >
                          > 'use strict';
                          > 
                          > var http = require('http'),
                          > fs   = require('fs');
                          > 
                          > var prefix = __dirname;
                          > 
                          > var server = http.createServer(function(req, res) {
                          > if (req.headers['content-type'] !== 'application/json') {
                          > res.writeHead(405);
                          > res.end();
                          > return;
                          > }
                          > if (req.method === 'GET') {
                          > fs.readFile(prefix + req.url, 'utf8', function(err, data) {
                          > if (err) {
                          > res.writeHead(500);
                          > res.end();
                          > return;
                          > }
                          > res.writeHead(200, {'Content-Type':'application/json'});
                          > res.end(data);
                          > });
                          > } else if (req.method == 'POST') {
                          > fs.open(prefix + req.url, 'w', function(err, fd) {
                          > req.on('data', function(data) {
                          > fs.write(fd, new Buffer(data), 0, data.length, null, function(err, written, buffer) {
                          > if (err) {
                          > res.writeHead(500);
                          > res.end();
                          > throw err;
                          > }
                          > });
                          > });
                          > req.on('end', function() {
                          > fs.close(fd, function(err, fd) {
                          > if (err) {
                          > res.writeHead(500);
                          > res.end();
                          > throw err;
                          > }
                          > })
                          > res.writeHead(204);
                          > res.end();
                          > });
                          > });
                          > }
                          > });
                          > 
                          > server.listen(8080);
                          > 

                          >
                          > Poi davanti a questo ci metti nginx (anche questo c'è anche per windows) con la seguente confa:
                          >
                          > events {
                          > worker_connections 64;
                          > }
                          > http {
                          > server {
                          > location / {
                          > root wwwroot;
                          > index index.htm index.html;
                          > if ( $http_content_type = application/json ) {
                          > proxy_pass http://127.0.0.1:8080;
                          > }
                          > }
                          > }
                          > }
                          > 

                          > E lui deve solo adattare il javascritto di frontend.

                          Funziona anche con XAMPP?
                          • Avatar
                            ☺
                            Scritto da
                            ::1
                            il 2013-03-23 00:34:08.0 alle 2013-03-23 00:34:08.0
                            Trollate totali: 12321
                            Re: CSS questi sconosciuti GRR GRR GRR
                            Scritto da:
                            > > > > > > ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?
                            > >
                            > > Visto che mi annoiavo ho scritto il serverino per alex, si salva in rw.js e si lancia con "node rw.js", GET legge il file, POST lo sovrascrive:
                            > >
                            > > 'use strict';
                            > > 
                            > > var http = require('http'),
                            > > fs   = require('fs');
                            > > 
                            > > var prefix = __dirname;
                            > > 
                            > > var server = http.createServer(function(req, res) {
                            > > if (req.headers['content-type'] !== 'application/json') {
                            > > res.writeHead(405);
                            > > res.end();
                            > > return;
                            > > }
                            > > if (req.method === 'GET') {
                            > > fs.readFile(prefix + req.url, 'utf8', function(err, data) {
                            > > if (err) {
                            > > res.writeHead(500);
                            > > res.end();
                            > > return;
                            > > }
                            > > res.writeHead(200, {'Content-Type':'application/json'});
                            > > res.end(data);
                            > > });
                            > > } else if (req.method == 'POST') {
                            > > fs.open(prefix + req.url, 'w', function(err, fd) {
                            > > req.on('data', function(data) {
                            > > fs.write(fd, new Buffer(data), 0, data.length, null, function(err, written, buffer) {
                            > > if (err) {
                            > > res.writeHead(500);
                            > > res.end();
                            > > throw err;
                            > > }
                            > > });
                            > > });
                            > > req.on('end', function() {
                            > > fs.close(fd, function(err, fd) {
                            > > if (err) {
                            > > res.writeHead(500);
                            > > res.end();
                            > > throw err;
                            > > }
                            > > })
                            > > res.writeHead(204);
                            > > res.end();
                            > > });
                            > > });
                            > > }
                            > > });
                            > > 
                            > > server.listen(8080);
                            > > 

                            > >
                            > > Poi davanti a questo ci metti nginx (anche questo c'è anche per windows) con la seguente confa:
                            > >
                            > > events {
                            > > worker_connections 64;
                            > > }
                            > > http {
                            > > server {
                            > > location / {
                            > > root wwwroot;
                            > > index index.htm index.html;
                            > > if ( $http_content_type = application/json ) {
                            > > proxy_pass http://127.0.0.1:8080;
                            > > }
                            > > }
                            > > }
                            > > }
                            > > 

                            > > E lui deve solo adattare il javascritto di frontend.
                            >
                            > Funziona anche con XAMPP?

                            Penso di sì, xampp è un apache come frontend? in quel caso devi cambiare la conf per fare la stessa cosa, ovvero se content-type è application/json lo giri verso la 8080.
                            Young professional woman and busy mom.
                            • Avatar
                              ☺
                              Scritto da
                              altg
                              utente che non utiene
                              il 2013-03-23 03:09:42.0 alle 2013-03-23 03:09:42.0
                              Trollate totali: 11540
                              Re: CSS questi sconosciuti GRR GRR GRR
                              > > > > > > > ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?
                              > > >
                              > > > Visto che mi annoiavo ho scritto il serverino per alex, si salva in rw.js e si lancia con "node rw.js", GET legge il file, POST lo sovrascrive:
                              > > >
                              > > > 'use strict';
                              > > > 
                              > > > var http = require('http'),
                              > > > fs   = require('fs');
                              > > > 
                              > > > var prefix = __dirname;
                              > > > 
                              > > > var server = http.createServer(function(req, res) {
                              > > > if (req.headers['content-type'] !== 'application/json') {
                              > > > res.writeHead(405);
                              > > > res.end();
                              > > > return;
                              > > > }
                              > > > if (req.method === 'GET') {
                              > > > fs.readFile(prefix + req.url, 'utf8', function(err, data) {
                              > > > if (err) {
                              > > > res.writeHead(500);
                              > > > res.end();
                              > > > return;
                              > > > }
                              > > > res.writeHead(200, {'Content-Type':'application/json'});
                              > > > res.end(data);
                              > > > });
                              > > > } else if (req.method == 'POST') {
                              > > > fs.open(prefix + req.url, 'w', function(err, fd) {
                              > > > req.on('data', function(data) {
                              > > > fs.write(fd, new Buffer(data), 0, data.length, null, function(err, written, buffer) {
                              > > > if (err) {
                              > > > res.writeHead(500);
                              > > > res.end();
                              > > > throw err;
                              > > > }
                              > > > });
                              > > > });
                              > > > req.on('end', function() {
                              > > > fs.close(fd, function(err, fd) {
                              > > > if (err) {
                              > > > res.writeHead(500);
                              > > > res.end();
                              > > > throw err;
                              > > > }
                              > > > })
                              > > > res.writeHead(204);
                              > > > res.end();
                              > > > });
                              > > > });
                              > > > }
                              > > > });
                              > > > 
                              > > > server.listen(8080);
                              > > > 

                              > > >
                              > > > Poi davanti a questo ci metti nginx (anche questo c'è anche per windows) con la seguente confa:
                              > > >
                              > > > events {
                              > > > worker_connections 64;
                              > > > }
                              > > > http {
                              > > > server {
                              > > > location / {
                              > > > root wwwroot;
                              > > > index index.htm index.html;
                              > > > if ( $http_content_type = application/json ) {
                              > > > proxy_pass http://127.0.0.1:8080;
                              > > > }
                              > > > }
                              > > > }
                              > > > }
                              > > > 

                              > > > E lui deve solo adattare il javascritto di frontend.
                              > >
                              > > Funziona anche con XAMPP?
                              >
                              > Penso di sì, xampp è un apache come frontend? in quel caso devi cambiare la conf per fare la stessa cosa, ovvero se content-type è application/json lo giri verso la 8080.

                              Che diamine...? Newbie, inesperto

                              Ah per il fatto che il DB localstorage ha una certa tendenza alla volatilita`? Be', e` a quello che serve il server remoto, cioe` il mio, dove registro l'utenza e faccio interpretare le richieste a uno scriptino php che le smista sul server MySQL. Nel programmillo javascript, pondero di inserire una funzioncina di facilissimo uso che, data una frase di passo, si collega al mio server e lo sincronizza con la versione del DB in localstorage. Con un timestamp decido quale versione e` piu` recente e cosi` se un utente sposta il javascript su un altro computer, quello si sincronizza subito col server e ripesca il database. Che ne pensi? Eh? Eh? Sorride

                              <pensiero>
                              Come minimo gli sembrera` una cagata,
                              oppure avra` un modo gia` pronto per farlo con due righe. Fantasma
                              </pensiero>
                              • Avatar
                                ☺
                                Scritto da
                                ::1
                                il 2013-03-23 14:08:45.0 alle 2013-03-23 14:08:45.0
                                Trollate totali: 12321
                                Re: CSS questi sconosciuti GRR GRR GRR
                                Scritto da: altg
                                > Che diamine...? Newbie, inesperto
                                >
                                > Ah per il fatto che il DB localstorage ha una certa tendenza alla volatilita`? Be', e` a quello che serve il server remoto, cioe` il mio, dove registro l'utenza e faccio interpretare le richieste a uno scriptino php che le smista sul server MySQL. Nel programmillo javascript, pondero di inserire una funzioncina di facilissimo uso che, data una frase di passo, si collega al mio server e lo sincronizza con la versione del DB in localstorage. Con un timestamp decido quale versione e` piu` recente e cosi` se un utente sposta il javascript su un altro computer, quello si sincronizza subito col server e ripesca il database. Che ne pensi? Eh? Eh? Sorride
                                >
                                > <pensiero>
                                > Come minimo gli sembrera` una cagata,
                                > oppure avra` un modo gia` pronto per farlo con due righe. Fantasma
                                > </pensiero>

                                Quindi la pagina html starà sul tuo servero vero? Sennò la same-origin-policy si arrabbia.
                                Btw, fra le 3:00 e le 3:10 devo mettere una pagina di cortesia che ho i riavvii dell'application server e del db, evitate di postare a quell'ora (mi riferisco al messaggio duplicato).
                                Young professional woman and busy mom.
                                • Avatar
                                  ☺
                                  Scritto da
                                  altg
                                  utente che non utiene
                                  il 2013-03-24 01:19:53.0 alle 2013-03-24 01:19:53.0
                                  Trollate totali: 11540
                                  Re: CSS questi sconosciuti GRR GRR GRR
                                  > > Che diamine...? Newbie, inesperto
                                  > >
                                  > > Ah per il fatto che il DB localstorage ha una certa tendenza alla volatilita`? Be', e` a quello che serve il server remoto, cioe` il mio, dove registro l'utenza e faccio interpretare le richieste a uno scriptino php che le smista sul server MySQL. Nel programmillo javascript, pondero di inserire una funzioncina di facilissimo uso che, data una frase di passo, si collega al mio server e lo sincronizza con la versione del DB in localstorage. Con un timestamp decido quale versione e` piu` recente e cosi` se un utente sposta il javascript su un altro computer, quello si sincronizza subito col server e ripesca il database. Che ne pensi? Eh? Eh? Sorride
                                  > >
                                  > > <pensiero>
                                  > > Come minimo gli sembrera` una cagata,
                                  > > oppure avra` un modo gia` pronto per farlo con due righe. Fantasma
                                  > > </pensiero>
                                  >
                                  > Quindi la pagina html starà sul tuo servero vero? Sennò la same-origin-policy si arrabbia.

                                  Ah gia`, porca miseria me la sono scordata. In lacrime

                                  E se non faccio una richiesta xmlHttp e metto un semplice form da spedire con il contenuto del DB in metodo POST, s'arrabbiera` lo stesso? Mi sa che dovro` sperimentare un po'...

                                  > Btw, fra le 3:00 e le 3:10 devo mettere una pagina di cortesia che ho i riavvii dell'application server e del db, evitate di postare a quell'ora (mi riferisco al messaggio duplicato).

                                  Eh, si`, non rispondeva, cosi` ho ricopiato e rinviato. Anonimo
                                  • Avatar
                                    ☺
                                    Scritto da
                                    altg
                                    utente che non utiene
                                    il 2013-03-24 01:47:14.0 alle 2013-03-24 01:47:14.0
                                    Trollate totali: 11540
                                    Re: CSS questi sconosciuti GRR GRR GRR
                                    > > > Che diamine...? Newbie, inesperto
                                    > > >
                                    > > > Ah per il fatto che il DB localstorage ha una certa tendenza alla volatilita`? Be', e` a quello che serve il server remoto, cioe` il mio, dove registro l'utenza e faccio interpretare le richieste a uno scriptino php che le smista sul server MySQL. Nel programmillo javascript, pondero di inserire una funzioncina di facilissimo uso che, data una frase di passo, si collega al mio server e lo sincronizza con la versione del DB in localstorage. Con un timestamp decido quale versione e` piu` recente e cosi` se un utente sposta il javascript su un altro computer, quello si sincronizza subito col server e ripesca il database. Che ne pensi? Eh? Eh? Sorride
                                    > > >
                                    > > > <pensiero>
                                    > > > Come minimo gli sembrera` una cagata,
                                    > > > oppure avra` un modo gia` pronto per farlo con due righe. Fantasma
                                    > > > </pensiero>
                                    > >
                                    > > Quindi la pagina html starà sul tuo servero vero? Sennò la same-origin-policy si arrabbia.
                                    >
                                    > Ah gia`, porca miseria me la sono scordata. In lacrime
                                    >
                                    > E se non faccio una richiesta xmlHttp e metto un semplice form da spedire con il contenuto del DB in metodo POST, s'arrabbiera` lo stesso? Mi sa che dovro` sperimentare un po'...

                                    p.s.

                                    ci sarebbe anche questo CORS, che funzionerebbe, se ho ben capito, aggiungendo un header alla risposta del server, e questo header permetterebbe di ricevere la risposta tramite il javascritto che ha postato una XMLHttpRequest.

                                    https://developer.mozilla.org/en-US/docs/HTTP/Acce...

                                    L'header in questione sarebbe "Access-Control-Allow-Origin:" seguito, per la massima "apertura", da un asterisco a significare che la risposta dovrebbe essere accettata da qualsiasi dominio ne abbia fatto richiesta javascritta.

                                    Sarebbe supportato ormai da tutti (ultimo fra i famosi, IE10).
                                    Pero` non so se ho capito bene.
                                    • Avatar
                                      ☺
                                      Scritto da
                                      altg
                                      utente che non utiene
                                      il 2013-03-24 02:43:04.0 alle 2013-03-24 02:43:04.0
                                      Trollate totali: 11540
                                      Re: CSS questi sconosciuti GRR GRR GRR
                                      > L'header in questione sarebbe "Access-Control-Allow-Origin:" seguito, per la massima "apertura", da un asterisco a significare che la risposta dovrebbe essere accettata da qualsiasi dominio ne abbia fatto richiesta javascritta.
                                      >
                                      > Sarebbe supportato ormai da tutti (ultimo fra i famosi, IE10).
                                      > Pero` non so se ho capito bene.

                                      Si`, si direbbe proprio cosi`, ho provato degli esempi live e almeno da un sito a un altro, funzionano. Quel che e` da vedere e` se ANCHE da un file locale verso un sito funzionano. Non e` detto ma sperimentero`. In qualche modo vorrei proprio riuscire a evitare di dover installare piu` di un semplice, singolo file html da tenersi dove piu` aggrada all'utente. Perche` per il resto, l'estetica di un gestionalino scritto cosi` e` fenomenale. Ficoso

                                      http://anynowhere.com/personal/jsdbtest-final.png

                                      Lato client, il lavoro e` finito, fa tutto quel che deve fare.
                                      Lato server, adesso tocca al salto nel buio. Fantasma
                                      • Avatar
                                        Scritto da
                                        Non Autenticato
                                        il 2013-03-24 14:45:40.0 alle 2013-03-24 14:45:40.0
                                        Re: CSS questi sconosciuti GRR GRR GRR
                                        > http://anynowhere.com/personal/jsdbtest-final.png

                                        Una piccola nota di Gatto Pignolo ma Multimediale:

                                        secondo me dovresti diversificare l'aspetto delle caselle da quello dei pulsanti. Così sembrano tutti dei pulsanti (come nei mac?) mentre le caselle dovrebbero essere incavate nella pagina, cioè avere l'ombra interna.
                                        • Avatar
                                          ☺
                                          Scritto da
                                          altg
                                          utente che non utiene
                                          il 2013-03-24 16:33:06.0 alle 2013-03-24 16:33:06.0
                                          Trollate totali: 11540
                                          Re: CSS questi sconosciuti GRR GRR GRR
                                          > > http://anynowhere.com/personal/jsdbtest-final.png
                                          >
                                          > Una piccola nota di Gatto Pignolo ma Multimediale:
                                          >
                                          > secondo me dovresti diversificare l'aspetto delle caselle da quello dei pulsanti. Così sembrano tutti dei pulsanti (come nei mac?) mentre le caselle dovrebbero essere incavate nella pagina, cioè avere l'ombra interna.

                                          ok ok, posso sempre fare delle piccole modifiche al CSS, dopo.
                                          Adesso quel che conta e` la parte sostanziosa, la connessione al DB sul server. Se sul mio server metto header ("Access-Control-Allow-Origin: *"), la richiesta funziona! SI PUO` FARE! Ficoso

                                          P.S.
                                          Essenzialmente, sul server metto:

                                          <?php
                                          
                                          header ('Access-Control-Allow-Methods: POST, OPTIONS');
                                          header ('Access-Control-Allow-Origin: *');
                                          header ('Content-Type: application/xml; charset=utf-8');
                                          
                                          die ('<?xml version="1.0"?><data>hello, this is a CORS response test</data>');
                                          
                                          ?>
                                          


                                          Sul client javascript, metto (con l'omissis del percorso completo, non mostrato per non sputtanarlo):

                                                  var url = 'http://anynowhere.com/...';
                                                  var xhr = new XMLHttpRequest ();
                                          
                                                  rscHandler = function () {
                                          
                                                          console.log (xhr.readyState);
                                                          console.log (xhr.responseXML);
                                          
                                                  }
                                          
                                                  if (xhr) {
                                          
                                                          xhr.open ('POST', url, true);
                                                          xhr.onreadystatechange = rscHandler;
                                                          xhr.send ();
                                          
                                                  }
                                          


                                          E in console ricevo:

                                          Immagine postata dall'utente

                                          Sicche` funziona, la comunicazione a due vie e` possibilissima anche partendo da un file locale (caricato come file://blahblah.html), purche` ci sia l'header CORS sul server. Beniffimo, non ho bisogno d'altro. Sorride

                                          **Modificato dall'autore il 24.03.2013 16:42**
                                          • Avatar
                                            ☺
                                            Scritto da
                                            ::1
                                            il 2013-03-24 16:55:55.0 alle 2013-03-24 16:55:55.0
                                            Trollate totali: 12321
                                            Re: CSS questi sconosciuti GRR GRR GRR
                                            Non mi torna una cosa, se fai un xmlhttp verso un dominio diverso da quello della pagina non è il browser stesso a bloccare la richiesta?

                                            Edit: letto adesso, fai prima una OPTIONS per se si può.

                                            **Modificato dall'autore il 24.03.2013 16:57**
                                            Young professional woman and busy mom.
                                            • Avatar
                                              ☺
                                              Scritto da
                                              altg
                                              utente che non utiene
                                              il 2013-03-24 18:07:32.0 alle 2013-03-24 18:07:32.0
                                              Trollate totali: 11540
                                              Re: CSS questi sconosciuti GRR GRR GRR
                                              > Non mi torna una cosa, se fai un xmlhttp verso un dominio diverso da quello della pagina non è il browser stesso a bloccare la richiesta?
                                              >
                                              > Edit: letto adesso, fai prima una OPTIONS per se si può.

                                              A volerci trovare il difetto, le richieste CORS funzionano solo su versioni recenti di IE (oltre che su tutti gli altri da strani eoni), pero` alla MCTC di Lucca mi dicono che hanno tutti installato Chrome, sicche` penso di non dovermi preoccupare. Ad altri, eventualmente diro` di aggiornare IE o passare ad altro. Non e` bello, ma e` salutare. Fantasma
                                          • Avatar
                                            Scritto da
                                            Non Autenticato
                                            il 2013-03-24 17:37:35.0 alle 2013-03-24 17:37:35.0
                                            Re: CSS questi sconosciuti GRR GRR GRR
                                            > > > http://anynowhere.com/personal/jsdbtest-final.png
                                            > >
                                            > > Una piccola nota di Gatto Pignolo ma Multimediale:
                                            > >
                                            > > secondo me dovresti diversificare l'aspetto delle caselle da quello dei pulsanti. Così sembrano tutti dei pulsanti (come nei mac?) mentre le caselle dovrebbero essere incavate nella pagina, cioè avere l'ombra interna.
                                            >
                                            > ok ok, posso sempre fare delle piccole modifiche al CSS, dopo.

                                            Il succo è che i pulsanti sono in rilievo perché sono da schiacciare, le caselle incavate da riempire.

                                            > Adesso quel che conta e` la parte sostanziosa, la connessione al DB sul server. Se sul mio server metto header ("Access-Control-Allow-Origin: *"), la richiesta funziona! SI PUO` FARE! Ficoso
                                            >
                                            > P.S.
                                            > Essenzialmente, sul server metto:
                                            >
                                            >
                                            > <?php
                                            > 
                                            > header ('Access-Control-Allow-Methods: POST, OPTIONS');
                                            > header ('Access-Control-Allow-Origin: *');
                                            > header ('Content-Type: application/xml; charset=utf-8');
                                            > 
                                            > die ('<?xml version="1.0"?><data>hello, this is a CORS response test</data>');
                                            > 
                                            > ?>
                                            > 

                                            >
                                            > Sul client javascript, metto (con l'omissis del percorso completo, non mostrato per non sputtanarlo):
                                            >
                                            >
                                            > var url = 'http://anynowhere.com/...';
                                            > var xhr = new XMLHttpRequest ();
                                            > 
                                            > rscHandler = function () {
                                            > 
                                            > console.log (xhr.readyState);
                                            > console.log (xhr.responseXML);
                                            > 
                                            > }
                                            > 
                                            > if (xhr) {
                                            > 
                                            > xhr.open ('POST', url, true);
                                            > xhr.onreadystatechange = rscHandler;
                                            > xhr.send ();
                                            > 
                                            > }
                                            > 

                                            >
                                            > E in console ricevo:
                                            >
                                            > Immagine postata dall'utente
                                            >
                                            > Sicche` funziona, la comunicazione a due vie e` possibilissima anche partendo da un file locale (caricato come file://blahblah.html), purche` ci sia l'header CORS sul server. Beniffimo, non ho bisogno d'altro. Sorride

                                            Dai tempi della versione 1.2 Javascript è diventato un robo enorme. A bocca storta
                                            Interessante, per carità, ma non saprei più da dove cominciare per metterci le mani.
                                            • Avatar
                                              ☺
                                              Scritto da
                                              altg
                                              utente che non utiene
                                              il 2013-03-24 18:30:50.0 alle 2013-03-24 18:30:50.0
                                              Trollate totali: 11540
                                              Re: CSS questi sconosciuti GRR GRR GRR
                                              > > > > http://anynowhere.com/personal/jsdbtest-final.png
                                              > > >
                                              > > > Una piccola nota di Gatto Pignolo ma Multimediale:
                                              > > >
                                              > > > secondo me dovresti diversificare l'aspetto delle caselle da quello dei pulsanti. Così sembrano tutti dei pulsanti (come nei mac?) mentre le caselle dovrebbero essere incavate nella pagina, cioè avere l'ombra interna.
                                              > >
                                              > > ok ok, posso sempre fare delle piccole modifiche al CSS, dopo.
                                              >
                                              > Il succo è che i pulsanti sono in rilievo perché sono da schiacciare, le caselle incavate da riempire.

                                              Si`, lo capisco, d'altronde a me le robe incavate non mi sono mai piaciute. Preferisco una specie di tavolettina con un'ombreggiaturina che non dia sul volgare. D'altronde, i pulsanti sono molto diversi: hanno aspetto metallico e una lucetta verde sul bordo sinistro (si accende quando si hoverano, perche` input[type=button]:hover imposta border-left: 6px solid #qualcosatipounverdechiaro). Ah, si abbassa anche l'ombreggiatura quando si premono (input[type=button]:active). Insomma il feeling dei pulsanti e` molto diverso da quello dei campi, che se ci vai sopra ti danno il cursore caret. Io li lascerei cosi`. A bocca storta

                                              > Dai tempi della versione 1.2 Javascript è diventato un robo enorme. A bocca storta
                                              > Interessante, per carità, ma non saprei più da dove cominciare per metterci le mani.

                                              Sto avendo difficolta` anch'io, ma pian piano faccio pratica, mi chiarisco come vanno le cose tra i contesti, l'oggetto this, e l'associazione di this che fanno i metodi call e apply delle funzioni e degli event handlers... nel programmillo sono riuscito a scrivere perfino pezzi come questo qui, che aggiorna il database del magazzino dei lotti delle targhe quando si devono distribuire molte targhe da lotti diversi e magari non contigui, rimuovendo i lotti usati completamente, e aggiornando l'ultimo intervallo usato parzialmente:

                                              for (i = 0; i < typesToSave.length; ++ i) {
                                              
                                                      t = typesToSave [i];
                                                      m = fetchBadges (parseInt ($('deliveryForm' + t + 'LotAmount').value), t);
                                              
                                                      amounts = [ ];
                                                      froms = [ ];
                                                      tos = [ ];
                                              
                                                      for (j = 0; j < m.length; ++ j) {
                                              
                                                              amounts.push (m [j].n);
                                                              froms.push (m [j].first);
                                                              tos.push (m [j].last);
                                              
                                                              if (stock ({ type: t, first: m [j].first, last: m [j].last }).first ()) {
                                              
                                                                      stock ({ type: t, first: m [j].first, last: m [j].last }).remove ();
                                              
                                                              } // entire lot used
                                              
                                                              else {
                                              
                                                                      stock ({ type: t, first: m [j].first }).update ({ first: new Badge (m [j].last, t).offset (1).b });
                                              
                                                              } // lot partially used
                                              
                                                      }
                                              
                                                      f = t.toLowerCase ();
                                                      r [f + 'LotAmount'] = amounts.join (',');
                                                      r [f + 'LotFrom'] = froms.join (',');
                                                      r [f + 'LotTo'] = tos.join (',');
                                              
                                              }
                                              


                                              E che se l'avessi letto qualche giorno fa non ci avrei capito una mazza. Fantasma
                                              • Avatar
                                                ☺
                                                Scritto da
                                                ::1
                                                il 2013-03-24 18:56:57.0 alle 2013-03-24 18:56:57.0
                                                Trollate totali: 12321
                                                Re: CSS questi sconosciuti GRR GRR GRR
                                                Scritto da: altg
                                                > > > > > http://anynowhere.com/personal/jsdbtest-final.png
                                                > > > >
                                                > > > > Una piccola nota di Gatto Pignolo ma Multimediale:
                                                > > > >
                                                > > > > secondo me dovresti diversificare l'aspetto delle caselle da quello dei pulsanti. Così sembrano tutti dei pulsanti (come nei mac?) mentre le caselle dovrebbero essere incavate nella pagina, cioè avere l'ombra interna.
                                                > > >
                                                > > > ok ok, posso sempre fare delle piccole modifiche al CSS, dopo.
                                                > >
                                                > > Il succo è che i pulsanti sono in rilievo perché sono da schiacciare, le caselle incavate da riempire.
                                                >
                                                > Si`, lo capisco, d'altronde a me le robe incavate non mi sono mai piaciute. Preferisco una specie di tavolettina con un'ombreggiaturina che non dia sul volgare. D'altronde, i pulsanti sono molto diversi: hanno aspetto metallico e una lucetta verde sul bordo sinistro (si accende quando si hoverano, perche` input[type=button]:hover imposta border-left: 6px solid #qualcosatipounverdechiaro). Ah, si abbassa anche l'ombreggiatura quando si premono (input[type=button]:active). Insomma il feeling dei pulsanti e` molto diverso da quello dei campi, che se ci vai sopra ti danno il cursore caret. Io li lascerei cosi`. A bocca storta
                                                >
                                                > > Dai tempi della versione 1.2 Javascript è diventato un robo enorme. A bocca storta
                                                > > Interessante, per carità, ma non saprei più da dove cominciare per metterci le mani.
                                                >
                                                > Sto avendo difficolta` anch'io, ma pian piano faccio pratica, mi chiarisco come vanno le cose tra i contesti, l'oggetto this, e l'associazione di this che fanno i metodi call e apply delle funzioni e degli event handlers... nel programmillo sono riuscito a scrivere perfino pezzi come questo qui, che aggiorna il database del magazzino dei lotti delle targhe quando si devono distribuire molte targhe da lotti diversi e magari non contigui, rimuovendo i lotti usati completamente, e aggiornando l'ultimo intervallo usato parzialmente:
                                                >
                                                >
                                                > for (i = 0; i < typesToSave.length; ++ i) {
                                                > 
                                                > t = typesToSave [i];
                                                > m = fetchBadges (parseInt ($('deliveryForm' + t + 'LotAmount').value), t);
                                                > 
                                                > amounts = [ ];
                                                > froms = [ ];
                                                > tos = [ ];
                                                > 
                                                > for (j = 0; j < m.length; ++ j) {
                                                > 
                                                > amounts.push (m [j].n);
                                                > froms.push (m [j].first);
                                                > tos.push (m [j].last);
                                                > 
                                                > if (stock ({ type: t, first: m [j].first, last: m [j].last }).first ()) {
                                                > 
                                                > stock ({ type: t, first: m [j].first, last: m [j].last }).remove ();
                                                > 
                                                > } // entire lot used
                                                > 
                                                > else {
                                                > 
                                                > stock ({ type: t, first: m [j].first }).update ({ first: new Badge (m [j].last, t).offset (1).b });
                                                > 
                                                > } // lot partially used
                                                > 
                                                > }
                                                > 
                                                > f = t.toLowerCase ();
                                                > r [f + 'LotAmount'] = amounts.join (',');
                                                > r [f + 'LotFrom'] = froms.join (',');
                                                > r [f + 'LotTo'] = tos.join (',');
                                                > 
                                                > }
                                                > 

                                                >
                                                > E che se l'avessi letto qualche giorno fa non ci avrei capito una mazza. Fantasma

                                                Non è che oggi sia qualcosa di meglio, qualche appunto: definisci lo scope delle variabili con var, se m non ti serve fuori -> var m, se m ha un nome migliore di m usalo, perché non si capisce cos'è, usa il forEach invece di iterare con l'indice (la callback prende tre argomenti se proprio ti serve l'indice c'è), metti sempre la radice al parseInt, perché le stringhe che iniziano per 0 vengono interpretate come ottali, altre variabili con nome poco significativo (f è come m, se non serve fuori dal loop prefissala con var per non sporcare il namespace).
                                                Young professional woman and busy mom.
                                                • Avatar
                                                  ☺
                                                  Scritto da
                                                  altg
                                                  utente che non utiene
                                                  il 2013-03-24 21:51:48.0 alle 2013-03-24 21:51:48.0
                                                  Trollate totali: 11540
                                                  Re: CSS questi sconosciuti GRR GRR GRR
                                                  > Non è che oggi sia qualcosa di meglio,

                                                  Tutto cio` mi offende. A bocca storta
                                                  Non ci capisco ancora tutto, ma qualcosina qua e la` si`. A bocca storta
                                                  Sono migliorato! In lacrime

                                                  > qualche appunto: definisci lo scope delle variabili con var,

                                                  Quello e` un estratto, non la funzione completa.
                                                  Le mie funzioni dichiarano tutte le locali all'inizio, mai inline.
                                                  Odio dichiararle inline. Fantasma

                                                  > se m non ti serve fuori -> var m, se m ha un nome migliore di m usalo, perché non si capisce cos'è,

                                                  m sta per "matches", i matches di fetchBadges che e` questa qui:

                                                          fetchBadges = function (nBadgesToFetch, type) {
                                                  
                                                              var matches = [ ];
                                                  
                                                                  stock ({ type: type }).each (function (r) {
                                                  
                                                                      var nAvail, first, last;
                                                  
                                                                          if (nBadgesToFetch) {
                                                  
                                                                                  first = new Badge (r.first, r.type),
                                                                                  last = new Badge (r.last, r.type),
                                                                                  nAvail = last.parts ().v - first.parts ().v + 1;
                                                  
                                                                                  if (nAvail > nBadgesToFetch) {
                                                  
                                                                                          matches.push ({ n: nBadgesToFetch, first: first.b, last: first.offset (nBadgesToFetch - 1).b });
                                                                                          nBadgesToFetch = 0;
                                                  
                                                                                  }
                                                  
                                                                                  else {
                                                  
                                                                                          matches.push ({ n: nAvail.toString (), first: first.b, last: last.b });
                                                                                          nBadgesToFetch -= nAvail;
                                                  
                                                                                  }
                                                  
                                                                          }
                                                  
                                                                  });
                                                  
                                                                  return nBadgesToFetch ? [ ] : matches;
                                                  
                                                          }
                                                  
                                                  


                                                  > usa il forEach invece di iterare con l'indice (la callback prende tre argomenti se proprio ti serve l'indice c'è),

                                                  Ah, esiste il "for each"?
                                                  Ecco, non l'avevo ancora trovato.
                                                  Da come ne parli in termini di callback, il forEach e` un metodo delle array?

                                                  > metti sempre la radice al parseInt, perché le stringhe che iniziano per 0 vengono interpretate come ottali,

                                                  Poh. Come detto, quello e` un estratto: quel campo viene validato da un altro script che lavora sul suo event handler "onkeyup", e che parsa con la radice 10 e poi riscrive, dopo altri controlli, il campo. La funzione che contiene quel codice e` legata alla validazione di tutto il form. In forma completa e` questa:

                                                          deliveryFormSubmit = function () {
                                                  
                                                              var i, j, f, m, r, t;
                                                              var amounts, froms, tos;
                                                  
                                                              var typesToSave = [
                                                  
                                                                          'A', 'B', 'C', 'M',
                                                                          '820f', '821d', '821f'
                                                  
                                                                  ];
                                                  
                                                              var fieldsToSave = [
                                                  
                                                                          'deliveryFormDateDay',
                                                                          'deliveryFormDateMonth',
                                                                          'deliveryFormDateYear',
                                                                          'deliveryFormRecipientName',
                                                                          'deliveryFormRecipientIdNumber',
                                                                          'deliveryFormCounselingAgency',
                                                                          'deliveryFormAgencyCode',
                                                                          'deliveryFormTt951956Amount',
                                                                          'deliveryForm1561nAmount',
                                                                          'deliveryFormSignatureDate'
                                                  
                                                                  ];
                                                  
                                                                  if (!deliveryFormValidate ()) {
                                                  
                                                                          return;
                                                  
                                                                  }
                                                  
                                                                  r = { };
                                                  
                                                                  for (i = 0; i < fieldsToSave.length; ++ i) {
                                                  
                                                                          f = fieldsToSave [i].split ('deliveryForm') [1];
                                                                          f = f.charAt (0).toLowerCase () + f.substr (1);
                                                                          r [f] = $(fieldsToSave [i]).value;
                                                  
                                                                  }
                                                  
                                                                  for (i = 0; i < typesToSave.length; ++ i) {
                                                  
                                                                          t = typesToSave [i];
                                                                          m = fetchBadges (parseInt ($('deliveryForm' + t + 'LotAmount').value), t);
                                                  
                                                                          amounts = [ ];
                                                                          froms = [ ];
                                                                          tos = [ ];
                                                  
                                                                          for (j = 0; j < m.length; ++ j) {
                                                  
                                                                                  amounts.push (m [j].n);
                                                                                  froms.push (m [j].first);
                                                                                  tos.push (m [j].last);
                                                  
                                                                                  if (stock ({ type: t, first: m [j].first, last: m [j].last }).first ()) {
                                                  
                                                                                          stock ({ type: t, first: m [j].first, last: m [j].last }).remove ();
                                                  
                                                                                  } // entire lot used
                                                  
                                                                                  else {
                                                  
                                                                                          stock ({ type: t, first: m [j].first }).update ({ first: new Badge (m [j].last, t).offset (1).b });
                                                  
                                                                                  } // lot partially used
                                                  
                                                                          }
                                                  
                                                                          f = t.toLowerCase ();
                                                                          r [f + 'LotAmount'] = amounts.join (',');
                                                                          r [f + 'LotFrom'] = froms.join (',');
                                                                          r [f + 'LotTo'] = tos.join (',');
                                                  
                                                                  }
                                                  
                                                                  deliveries.insert (r);
                                                                  stockListLoad ();
                                                                  deliveriesListLoad ();
                                                                  deliveryFormClear ();
                                                  
                                                          }
                                                  


                                                  > altre variabili con nome poco significativo (f è come m, se non serve fuori dal loop prefissala con var per non sporcare il namespace).

                                                  Sta per "field". A bocca aperta

                                                  p.s. il namespace globale contiene praticamente solo tre oggetti: stock, deliveries e dbSync. I primi due sono i due DB di TAFFY con cui lavora, il terzo e` un oggetto in fase di sviluppo per le richieste CORS al database remoto, insomma questo:

                                                          Sync = function (url, pp) {
                                                  
                                                              var q = new XMLHttpRequest (),
                                                                  f = false,
                                                                  h = false;
                                                  
                                                                  this.url = url;
                                                                  this.pp = pp;
                                                  
                                                                  this.post = function (data, responseHandler) { if (f == false) {
                                                  
                                                                          h = typeof (responseHandler) == 'function' ? responseHandler : false;
                                                  
                                                                          if (q) {
                                                  
                                                                                  f = true;
                                                                                  q.open ('POST', this.url, true);
                                                                                  q.onreadystatechange = this.rscHandler;
                                                                                  q.send ();
                                                  
                                                                          }
                                                  
                                                                  }}
                                                  
                                                                  this.rscHandler = function () { if (q.readyState == 4) {
                                                  
                                                                          f = false;
                                                  
                                                                          if (h) {
                                                  
                                                                                  h.call (q.status == 200 ? q.responseXML : false);
                                                  
                                                                          }
                                                  
                                                                  }}
                                                  
                                                          }
                                                  


                                                  che e` un abbozzo ancora da sviluppare. Non spedisce ancora dati ne` usa pp che e` intesa essere una passphrase (come una password, ma piu` una frase). Alla fine lo faro` passare da https, ammesso che le richieste CORS funzionino anche di li`. Comunque se hai altri appunti, scrivi pure. Anonimo

                                                  **Modificato dall'autore il 24.03.2013 22:09**
                                                  • Avatar
                                                    ☺
                                                    Scritto da
                                                    ::1
                                                    il 2013-03-24 22:28:25.0 alle 2013-03-24 22:28:25.0
                                                    Trollate totali: 12321
                                                    Re: CSS questi sconosciuti GRR GRR GRR
                                                    > Ah, esiste il "for each"?
                                                    > Ecco, non l'avevo ancora trovato.
                                                    Occhio che è solo ecma5, quindi i browser precedenti agli ultimi 4-5 anni non ce l'hanno.
                                                    Tu usalo, se hai problemi metti in cima alla pagina questo e risolvi.

                                                    > Da come ne parli in termini di callback, il forEach e` un metodo delle array?

                                                    sì .

                                                    > altri appunti
                                                    Usi jquery solo per recuperare elementi dal DOM? Se sì tanto vale usare document.querySelector e document.querySelectorAll 1 e liberarti della dipendenza.

                                                    1 Occhio che questo ritorna una NodeList, se vuoi usarlo come un array normale (per usare map, filter, forEach e reduce) usa Array.prototype.slice.call(nl)
                                                    Young professional woman and busy mom.
                                                    • Avatar
                                                      ☺
                                                      Scritto da
                                                      altg
                                                      utente che non utiene
                                                      il 2013-03-24 23:25:30.0 alle 2013-03-24 23:25:30.0
                                                      Trollate totali: 11540
                                                      Re: CSS questi sconosciuti GRR GRR GRR
                                                      > > Ah, esiste il "for each"?
                                                      > > Ecco, non l'avevo ancora trovato.
                                                      > Occhio che è solo ecma5, quindi i browser precedenti agli ultimi 4-5 anni non ce l'hanno.
                                                      > Tu usalo, se hai problemi metti in cima alla pagina questo e risolvi.

                                                      No, no, ho in mente di richiedere un browser recente comunque, quindi mi va bene il forEach nativo e non prendo precauzioni. Sorride

                                                      > > altri appunti
                                                      > Usi jquery solo per recuperare elementi dal DOM? Se sì tanto vale usare document.querySelector e document.querySelectorAll 1 e liberarti della dipendenza.
                                                      >
                                                      > 1 Occhio che questo ritorna una NodeList, se vuoi usarlo come un array normale (per usare map, filter, forEach e reduce) usa Array.prototype.slice.call(nl)

                                                      Non uso jQuery per recuperare elementi dal DOM, uso solo questa funzioncina che si trova assieme a un'altra che estende String, entrambe due piccole utility stand-alone per uso personale:

                                                              /*
                                                               *
                                                               *      personal javascript extensions
                                                               *
                                                               */
                                                      
                                                              function $(e) {
                                                      
                                                                      return (document.getElementById (e));
                                                      
                                                              }
                                                      
                                                              String.prototype.zeroPad = function (l) {
                                                      
                                                                  var p = l - this.length;
                                                      
                                                                      return p > 0 ? (new Array (p + 1)).join ('0') + this : this.toString ();
                                                      
                                                              }
                                                      


                                                      Ovviamente il problema e` che scrivere document.getElementById e` parecchio lungo. E ovviamente la mia funzioncina andrebbe rimossa nel caso usassi poi jQuery. Ma per ora quella della funzioncina $ la trovo una buona idea anche presa singolarmente.
                            • Avatar
                              ☺
                              Scritto da
                              altg
                              utente che non utiene
                              il 2013-03-23 03:11:20.0 alle 2013-03-23 03:11:20.0
                              Trollate totali: 11540
                              Re: CSS questi sconosciuti GRR GRR GRR
                              > > > > > > > ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?
                              > > >
                              > > > Visto che mi annoiavo ho scritto il serverino per alex, si salva in rw.js e si lancia con "node rw.js", GET legge il file, POST lo sovrascrive:
                              > > >
                              > > > 'use strict';
                              > > > 
                              > > > var http = require('http'),
                              > > > fs   = require('fs');
                              > > > 
                              > > > var prefix = __dirname;
                              > > > 
                              > > > var server = http.createServer(function(req, res) {
                              > > > if (req.headers['content-type'] !== 'application/json') {
                              > > > res.writeHead(405);
                              > > > res.end();
                              > > > return;
                              > > > }
                              > > > if (req.method === 'GET') {
                              > > > fs.readFile(prefix + req.url, 'utf8', function(err, data) {
                              > > > if (err) {
                              > > > res.writeHead(500);
                              > > > res.end();
                              > > > return;
                              > > > }
                              > > > res.writeHead(200, {'Content-Type':'application/json'});
                              > > > res.end(data);
                              > > > });
                              > > > } else if (req.method == 'POST') {
                              > > > fs.open(prefix + req.url, 'w', function(err, fd) {
                              > > > req.on('data', function(data) {
                              > > > fs.write(fd, new Buffer(data), 0, data.length, null, function(err, written, buffer) {
                              > > > if (err) {
                              > > > res.writeHead(500);
                              > > > res.end();
                              > > > throw err;
                              > > > }
                              > > > });
                              > > > });
                              > > > req.on('end', function() {
                              > > > fs.close(fd, function(err, fd) {
                              > > > if (err) {
                              > > > res.writeHead(500);
                              > > > res.end();
                              > > > throw err;
                              > > > }
                              > > > })
                              > > > res.writeHead(204);
                              > > > res.end();
                              > > > });
                              > > > });
                              > > > }
                              > > > });
                              > > > 
                              > > > server.listen(8080);
                              > > > 

                              > > >
                              > > > Poi davanti a questo ci metti nginx (anche questo c'è anche per windows) con la seguente confa:
                              > > >
                              > > > events {
                              > > > worker_connections 64;
                              > > > }
                              > > > http {
                              > > > server {
                              > > > location / {
                              > > > root wwwroot;
                              > > > index index.htm index.html;
                              > > > if ( $http_content_type = application/json ) {
                              > > > proxy_pass http://127.0.0.1:8080;
                              > > > }
                              > > > }
                              > > > }
                              > > > }
                              > > > 

                              > > > E lui deve solo adattare il javascritto di frontend.
                              > >
                              > > Funziona anche con XAMPP?
                              >
                              > Penso di sì, xampp è un apache come frontend? in quel caso devi cambiare la conf per fare la stessa cosa, ovvero se content-type è application/json lo giri verso la 8080.

                              Che diamine...? Newbie, inesperto

                              Ah per il fatto che il DB localstorage ha una certa tendenza alla volatilita`? Be', e` a quello che serve il server remoto, cioe` il mio, dove registro l'utenza e faccio interpretare le richieste a uno scriptino php che le smista sul server MySQL. Nel programmillo javascript, pondero di inserire una funzioncina di facilissimo uso che, data una frase di passo, si collega al mio server e lo sincronizza con la versione del DB in localstorage. Con un timestamp decido quale versione e` piu` recente e cosi` se un utente sposta il javascript su un altro computer, quello si sincronizza subito col server e ripesca il database. Che ne pensi? Eh? Eh? Sorride

                              <pensiero>
                              Come minimo gli sembrera` una cagata,
                              oppure avra` un modo gia` pronto per farlo con due righe. Fantasma
                              </pensiero>
          • Avatar
            Scritto da
            Non Autenticato
            il 2013-03-20 13:18:38.0 alle 2013-03-20 13:18:38.0
            Re: CSS questi sconosciuti GRR GRR GRR
            Scritto da: altg
            > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
            > >
            > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
            > >
            > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
            >
            > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
            >
            > Immagine postata dall'utente
            >
            > A chi l'ha commissionato ho spiegato anche i limiti eh?
            > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto

            uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra
            • Avatar
              Scritto da
              Non Autenticato
              il 2013-03-20 14:18:20.0 alle 2013-03-20 14:18:20.0
              Re: CSS questi sconosciuti GRR GRR GRR
              > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
              > > >
              > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
              > > >
              > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
              > >
              > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
              > >
              > > Immagine postata dall'utente
              > >
              > > A chi l'ha commissionato ho spiegato anche i limiti eh?
              > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
              >
              > uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra

              Tabulato? Newbie, inesperto
              • Avatar
                ☺
                Scritto da
                altg
                utente che non utiene
                il 2013-03-20 14:58:21.0 alle 2013-03-20 14:58:21.0
                Trollate totali: 11540
                Re: CSS questi sconosciuti GRR GRR GRR
                > > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
                > > > >
                > > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
                > > > >
                > > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
                > > >
                > > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
                > > >
                > > > Immagine postata dall'utente
                > > >
                > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
                > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
                > >
                > > uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra
                >
                > Tabulato? Newbie, inesperto

                Allineato.
                • Avatar
                  Scritto da
                  Non Autenticato
                  il 2013-03-20 15:37:58.0 alle 2013-03-20 15:37:58.0
                  Re: CSS questi sconosciuti GRR GRR GRR
                  > > > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
                  > > > > >
                  > > > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
                  > > > > >
                  > > > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
                  > > > >
                  > > > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
                  > > > >
                  > > > > Immagine postata dall'utente
                  > > > >
                  > > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
                  > > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
                  > > >
                  > > > uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra
                  > >
                  > > Tabulato? Newbie, inesperto
                  >
                  > Allineato.

                  Una tabella e via! Con la lingua fuori
                  • Avatar
                    ☺
                    Scritto da
                    altg
                    utente che non utiene
                    il 2013-03-20 16:01:26.0 alle 2013-03-20 16:01:26.0
                    Trollate totali: 11540
                    Re: CSS questi sconosciuti GRR GRR GRR
                    > > > > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
                    > > > > > >
                    > > > > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
                    > > > > > >
                    > > > > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
                    > > > > >
                    > > > > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
                    > > > > >
                    > > > > > Immagine postata dall'utente
                    > > > > >
                    > > > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
                    > > > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
                    > > > >
                    > > > > uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra
                    > > >
                    > > > Tabulato? Newbie, inesperto
                    > >
                    > > Allineato.
                    >
                    > Una tabella e via! Con la lingua fuori

                    Nah.

                    Basta mettere dentro a una span le parti variabili del testo e dare a quella span le proprieta` display: inline-block e min-width: 30ex, dove 30 e` un valore che fa star comoda la spanna di testo da renderizzare a larghezza fissa. Ecco:

                    Immagine postata dall'utente

                    p.s. i campi a fondo grigio chiaro sono a sola lettura, perche` vengono riempiti automaticamente: una delle utilita` di questo programmino e` prendere una parte dei "lotti" registrati nella tabella che c'e` sopra e attribuirla al verbale, lasciando solo la necessita` di specificare quante targhe devono essere registrate in quel verbale, sicche` il numero di partenza e quello di arrivo li calcola da solo, scalandoli dai lotti in uso.
            • Avatar
              ☺
              Scritto da
              altg
              utente che non utiene
              il 2013-03-20 14:57:57.0 alle 2013-03-20 14:57:57.0
              Trollate totali: 11540
              Re: CSS questi sconosciuti GRR GRR GRR
              > > > > Devi aspettare qualcuno che sappia. Io con i float ci ho sempre preso poco. Pero` a occhio magari ti manca un clear da qualche parte dopo una div che magari continua a fluttuare per ragioni poco chiare. Il problema del CSS e` che e` stato ideato da gente dalla mente contorta. In lacrime
              > > >
              > > > Cacchio che contorsione: quando credi di aver capito salta sempre qualcosa di nuovo.
              > > >
              > > > Comunque ho scritto qui la domanda adesso perché sono fresco di problema, domani ricorderei già solo il 50%.
              > >
              > > Io ho messo a punto il layout del piccolo DB "in stile gestore di magazzino" che sto scrivendo in 100% javascript e localstorage, proprio a furia di floats e di clears. Pero` alla fine e` venuto bellino a vedersi. Per ora fa molto poco, pero` lo fa in maniera esteticamente piacevole (cfr. "non sto facendo niente pero` lo sto facendo molto bene").
              > >
              > > Immagine postata dall'utente
              > >
              > > A chi l'ha commissionato ho spiegato anche i limiti eh?
              > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso. Angioletto
              >
              > uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra

              Posso sempre farlo, quell'impaginazione e` un abbozzo copiato pari pari da un documento stampato, probabilmente fatto a macchina per scrivere, che appunto vogliono automatizzare. A ogni modo, quando andra` in stampa i campi non saranno piu` campi, ma stringhine inserite tra il testo. Potrei tabularli anche li` ma boh... probabilmente non e` richiesto. Boh. Pero` magari non gli dispiace. Boh.
      • Avatar
        Scritto da
        Non Autenticato
        il 2013-03-20 23:12:09.0 alle 2013-03-20 23:12:09.0
        CSS pieni di sorprese
        > magari ti manca un clear da qualche parte

        Ricapitoliamo: una DIV contenitore contiene due DIV con float: left e right. Assegnando un colore di fondo al contenitore si vede che le DIV contenuto escono da esso.

        All'inconveniente si ovvia mettendo, all'interno della DIV contenitore e dopo le due DIV sinistra e destra, una terza DIV con clear: both. Lo sfondo rosso mostra che il contenitore ora abbraccia il contenuto, come di dovere.
        Però per ragioni grafiche non voglio che questa si veda: sotto le DIV sinistra e destra non dev'esserci uno spazio rosso. Se dichiaro per la nuova DIV display: none è come se non ci fosse, e la situazione torna com'era prima del rimedio. Invece height: 0px va bene.
        • Avatar
          Scritto da
          Non Autenticato
          il 2013-03-21 08:46:07.0 alle 2013-03-21 08:46:07.0
          Re: CSS pieni di sorprese
          Scritto da:
          > > magari ti manca un clear da qualche parte
          >
          > Ricapitoliamo: una DIV contenitore contiene due DIV con float: left e right. Assegnando un colore di fondo al contenitore si vede che le DIV contenuto escono da esso.
          >
          > All'inconveniente si ovvia mettendo, all'interno della DIV contenitore e dopo le due DIV sinistra e destra, una terza DIV con clear: both. Lo sfondo rosso mostra che il contenitore ora abbraccia il contenuto, come di dovere.
          > Però per ragioni grafiche non voglio che questa si veda: sotto le DIV sinistra e destra non dev'esserci uno spazio rosso. Se dichiaro per la nuova DIV display: none è come se non ci fosse, e la situazione torna com'era prima del rimedio. Invece height: 0px va bene.

          dio cane quanto ti ci vuole ad associare la proprietà overflow:hidden alla regola css del div contenitore e togliere la proprietà height?
          • Avatar
            Scritto da
            Non Autenticato
            il 2013-03-22 01:20:39.0 alle 2013-03-22 01:20:39.0
            Re: CSS pieni di sorprese
            > > > magari ti manca un clear da qualche parte
            > >
            > > Ricapitoliamo: una DIV contenitore contiene due DIV con float: left e right. Assegnando un colore di fondo al contenitore si vede che le DIV contenuto escono da esso.
            > >
            > > All'inconveniente si ovvia mettendo, all'interno della DIV contenitore e dopo le due DIV sinistra e destra, una terza DIV con clear: both. Lo sfondo rosso mostra che il contenitore ora abbraccia il contenuto, come di dovere.
            > > Però per ragioni grafiche non voglio che questa si veda: sotto le DIV sinistra e destra non dev'esserci uno spazio rosso. Se dichiaro per la nuova DIV display: none è come se non ci fosse, e la situazione torna com'era prima del rimedio. Invece height: 0px va bene.
            >
            > dio cane quanto ti ci vuole ad associare la proprietà overflow:hidden alla regola css del div contenitore e togliere la proprietà height?

            Il contenitore non ha height definito. Quale sarebbe la logica di overflow: hidden?
            • Avatar
              Scritto da
              Non Autenticato
              il 2013-03-22 09:35:19.0 alle 2013-03-22 09:35:19.0
              Re: CSS pieni di sorprese
              Scritto da:
              > > > > magari ti manca un clear da qualche parte
              > > >
              > > > Ricapitoliamo: una DIV contenitore contiene due DIV con float: left e right. Assegnando un colore di fondo al contenitore si vede che le DIV contenuto escono da esso.
              > > >
              > > > All'inconveniente si ovvia mettendo, all'interno della DIV contenitore e dopo le due DIV sinistra e destra, una terza DIV con clear: both. Lo sfondo rosso mostra che il contenitore ora abbraccia il contenuto, come di dovere.
              > > > Però per ragioni grafiche non voglio che questa si veda: sotto le DIV sinistra e destra non dev'esserci uno spazio rosso. Se dichiaro per la nuova DIV display: none è come se non ci fosse, e la situazione torna com'era prima del rimedio. Invece height: 0px va bene.
              > >
              > > dio cane quanto ti ci vuole ad associare la proprietà overflow:hidden alla regola css del div contenitore e togliere la proprietà height?
              >
              > Il contenitore non ha height definito. Quale sarebbe la logica di overflow: hidden?

              nascondere il contenuto che strasborda dal div contenitore

              se il div contenitore ha un'altezza predefinita quello che strasborda viene nascosto

              se il div contenitore non ha un'altezza predefinita il div contenitore si allunga per contenere tutto
              • Avatar
                Scritto da
                Non Autenticato
                il 2013-03-22 13:21:16.0 alle 2013-03-22 13:21:16.0
                Re: CSS pieni di sorprese
                > > > > > magari ti manca un clear da qualche parte
                > > > >
                > > > > Ricapitoliamo: una DIV contenitore contiene due DIV con float: left e right. Assegnando un colore di fondo al contenitore si vede che le DIV contenuto escono da esso.
                > > > >
                > > > > All'inconveniente si ovvia mettendo, all'interno della DIV contenitore e dopo le due DIV sinistra e destra, una terza DIV con clear: both. Lo sfondo rosso mostra che il contenitore ora abbraccia il contenuto, come di dovere.
                > > > > Però per ragioni grafiche non voglio che questa si veda: sotto le DIV sinistra e destra non dev'esserci uno spazio rosso. Se dichiaro per la nuova DIV display: none è come se non ci fosse, e la situazione torna com'era prima del rimedio. Invece height: 0px va bene.
                > > >
                > > > dio cane quanto ti ci vuole ad associare la proprietà overflow:hidden alla regola css del div contenitore e togliere la proprietà height?
                > >
                > > Il contenitore non ha height definito. Quale sarebbe la logica di overflow: hidden?
                >
                > nascondere il contenuto che strasborda dal div contenitore
                >
                > se il div contenitore ha un'altezza predefinita quello che strasborda viene nascosto
                >
                > se il div contenitore non ha un'altezza predefinita il div contenitore si allunga per contenere tutto

                Questo è interessante.

                Però mi piacerebbe capire in base a quale logica contorta dei redattori delle specifiche CSS debba essere così. Se si tratti di un quirk casuale o di una cosa voluta. Vorrei leggerlo nero su bianco nelle specifiche.

                Comunque stasera quando riprendo in mano il sito faccio delle prove.
                • Avatar
                  Scritto da
                  Non Autenticato
                  il 2013-03-22 20:58:52.0 alle 2013-03-22 20:58:52.0
                  Re: CSS pieni di sorprese
                  Scritto da:
                  > > > > > > magari ti manca un clear da qualche parte
                  > > > > >
                  > > > > > Ricapitoliamo: una DIV contenitore contiene due DIV con float: left e right. Assegnando un colore di fondo al contenitore si vede che le DIV contenuto escono da esso.
                  > > > > >
                  > > > > > All'inconveniente si ovvia mettendo, all'interno della DIV contenitore e dopo le due DIV sinistra e destra, una terza DIV con clear: both. Lo sfondo rosso mostra che il contenitore ora abbraccia il contenuto, come di dovere.
                  > > > > > Però per ragioni grafiche non voglio che questa si veda: sotto le DIV sinistra e destra non dev'esserci uno spazio rosso. Se dichiaro per la nuova DIV display: none è come se non ci fosse, e la situazione torna com'era prima del rimedio. Invece height: 0px va bene.
                  > > > >
                  > > > > dio cane quanto ti ci vuole ad associare la proprietà overflow:hidden alla regola css del div contenitore e togliere la proprietà height?
                  > > >
                  > > > Il contenitore non ha height definito. Quale sarebbe la logica di overflow: hidden?
                  > >
                  > > nascondere il contenuto che strasborda dal div contenitore
                  > >
                  > > se il div contenitore ha un'altezza predefinita quello che strasborda viene nascosto
                  > >
                  > > se il div contenitore non ha un'altezza predefinita il div contenitore si allunga per contenere tutto
                  >
                  > Questo è interessante.
                  >
                  > Però mi piacerebbe capire in base a quale logica contorta dei redattori delle specifiche CSS debba essere così. Se si tratti di un quirk casuale o di una cosa voluta. Vorrei leggerlo nero su bianco nelle specifiche.
                  >
                  > Comunque stasera quando riprendo in mano il sito faccio delle prove.

                  è voluto ed è implementato da tutti i browser
                  • Avatar
                    Scritto da
                    Non Autenticato
                    il 2013-03-22 23:30:15.0 alle 2013-03-22 23:30:15.0
                    Re: CSS pieni di sorprese
                    > > > > > > > magari ti manca un clear da qualche parte
                    > > > > > >
                    > > > > > > Ricapitoliamo: una DIV contenitore contiene due DIV con float: left e right. Assegnando un colore di fondo al contenitore si vede che le DIV contenuto escono da esso.
                    > > > > > >
                    > > > > > > All'inconveniente si ovvia mettendo, all'interno della DIV contenitore e dopo le due DIV sinistra e destra, una terza DIV con clear: both. Lo sfondo rosso mostra che il contenitore ora abbraccia il contenuto, come di dovere.
                    > > > > > > Però per ragioni grafiche non voglio che questa si veda: sotto le DIV sinistra e destra non dev'esserci uno spazio rosso. Se dichiaro per la nuova DIV display: none è come se non ci fosse, e la situazione torna com'era prima del rimedio. Invece height: 0px va bene.
                    > > > > >
                    > > > > > dio cane quanto ti ci vuole ad associare la proprietà overflow:hidden alla regola css del div contenitore e togliere la proprietà height?
                    > > > >
                    > > > > Il contenitore non ha height definito. Quale sarebbe la logica di overflow: hidden?
                    > > >
                    > > > nascondere il contenuto che strasborda dal div contenitore
                    > > >
                    > > > se il div contenitore ha un'altezza predefinita quello che strasborda viene nascosto
                    > > >
                    > > > se il div contenitore non ha un'altezza predefinita il div contenitore si allunga per contenere tutto
                    > >
                    > > Questo è interessante.
                    > >
                    > > Però mi piacerebbe capire in base a quale logica contorta dei redattori delle specifiche CSS debba essere così. Se si tratti di un quirk casuale o di una cosa voluta. Vorrei leggerlo nero su bianco nelle specifiche.
                    > >
                    > > Comunque stasera quando riprendo in mano il sito faccio delle prove.
                    >
                    > è voluto ed è implementato da tutti i browser

                    GRRR fammi vedere dov'è che la Costituzione lo dice! Arrabbiato
    • Avatar
      Scritto da
      Non Autenticato
      il 2013-03-20 13:16:24.0 alle 2013-03-20 13:16:24.0
      Re: CSS questi sconosciuti GRR GRR GRR
      Scritto da:
      > Immagine postata dall'utente
      >
      > In questo layout in costruzione ho evidenziato in rosso due DIV che contengono elementi per cui è definita la proprietà float.
      >
      > La prima DIV.content (sfondo rosso) contiene DIV.main con float: left (sfondo bianco) e DIV.ads con float: right (sfondo trasparente).
      >
      > La seconda DIV a sfondo rosso contiene due paragrafi rispettivamente con float: left e right.
      >
      > Arrabbiato Perché mai gli elementi contenuti escono fuori dalla DIV contenitrice invece di allargarla alla propria altezza?
      > Come si fa a fare in modo che la DIV contenitrice si allarghi all'altezza del contenuto?
      >
      > Es. la prima delle due:
      >
      >
      <div class="content"><div class="padding" style="background: red">
      > 
      > <div class="main"><div class="padding">
      > 
      > [...]
      > 
      > </div></div> <!-- main -->
      > 
      > <div class="ads"><div class="padding">
      > 
      > [...]
      > 
      > </div></div> <!-- ads -->
      > 
      > </div></div> <!-- content -->

      >
      DIV.content {
      > width: 966px;
      > margin-left: auto;
      > margin-right: auto;  /* centers the DIV in Mozilla, Opera */
      > }
      > 
      > DIV.content DIV.padding {
      > padding-top: 20px;
      > padding-bottom: 20px;  /* added to see the DIV */
      > }
      > 
      > DIV.main {
      > float: left;
      > width: 676px;
      > background-color: #F8F6F4;
      > }
      > 
      > DIV.main DIV.padding {
      > padding-top: 20px;
      > padding-bottom: 20px;
      > padding-left: 40px;
      > padding-right: 20px;
      > }
      > 
      > [...]
      > 
      > DIV.ads {
      > float: right;
      > width: 290px;
      > }
      > 
      > DIV.ads DIV.padding {
      > padding-top: 15px;
      > padding-bottom: 15px;
      > padding-left: 30px;
      > padding-right: 40px;
      > }

      > Appoggio qui per domani. A bocca storta

      overflow: hidden senza altezza
      • Avatar
        Scritto da
        Non Autenticato
        il 2013-03-20 15:38:45.0 alle 2013-03-20 15:38:45.0
        Re: CSS questi sconosciuti GRR GRR GRR
        > > Immagine postata dall'utente
        > >
        > > In questo layout in costruzione ho evidenziato in rosso due DIV che contengono elementi per cui è definita la proprietà float.
        > >
        > > La prima DIV.content (sfondo rosso) contiene DIV.main con float: left (sfondo bianco) e DIV.ads con float: right (sfondo trasparente).
        > >
        > > La seconda DIV a sfondo rosso contiene due paragrafi rispettivamente con float: left e right.
        > >
        > > Arrabbiato Perché mai gli elementi contenuti escono fuori dalla DIV contenitrice invece di allargarla alla propria altezza?
        > > Come si fa a fare in modo che la DIV contenitrice si allarghi all'altezza del contenuto?
        > >
        > > Es. la prima delle due:
        > >
        > >
        <div class="content"><div class="padding" style="background: red">
        > > 
        > > <div class="main"><div class="padding">
        > > 
        > > [...]
        > > 
        > > </div></div> <!-- main -->
        > > 
        > > <div class="ads"><div class="padding">
        > > 
        > > [...]
        > > 
        > > </div></div> <!-- ads -->
        > > 
        > > </div></div> <!-- content -->

        > >
        DIV.content {
        > > width: 966px;
        > > margin-left: auto;
        > > margin-right: auto;  /* centers the DIV in Mozilla, Opera */
        > > }
        > > 
        > > DIV.content DIV.padding {
        > > padding-top: 20px;
        > > padding-bottom: 20px;  /* added to see the DIV */
        > > }
        > > 
        > > DIV.main {
        > > float: left;
        > > width: 676px;
        > > background-color: #F8F6F4;
        > > }
        > > 
        > > DIV.main DIV.padding {
        > > padding-top: 20px;
        > > padding-bottom: 20px;
        > > padding-left: 40px;
        > > padding-right: 20px;
        > > }
        > > 
        > > [...]
        > > 
        > > DIV.ads {
        > > float: right;
        > > width: 290px;
        > > }
        > > 
        > > DIV.ads DIV.padding {
        > > padding-top: 15px;
        > > padding-bottom: 15px;
        > > padding-left: 30px;
        > > padding-right: 40px;
        > > }

        > > Appoggio qui per domani. A bocca storta
        >
        > overflow: hidden senza altezza

        Non ho capito. Cylon
        • Avatar
          Scritto da
          Non Autenticato
          il 2013-03-20 20:13:10.0 alle 2013-03-20 20:13:10.0
          Re: CSS questi sconosciuti GRR GRR GRR
          Scritto da:
          > > > Immagine postata dall'utente
          > > >
          > > > In questo layout in costruzione ho evidenziato in rosso due DIV che contengono elementi per cui è definita la proprietà float.
          > > >
          > > > La prima DIV.content (sfondo rosso) contiene DIV.main con float: left (sfondo bianco) e DIV.ads con float: right (sfondo trasparente).
          > > >
          > > > La seconda DIV a sfondo rosso contiene due paragrafi rispettivamente con float: left e right.
          > > >
          > > > Arrabbiato Perché mai gli elementi contenuti escono fuori dalla DIV contenitrice invece di allargarla alla propria altezza?
          > > > Come si fa a fare in modo che la DIV contenitrice si allarghi all'altezza del contenuto?
          > > >
          > > > Es. la prima delle due:
          > > >
          > > >
          <div class="content"><div class="padding" style="background: red">
          > > > 
          > > > <div class="main"><div class="padding">
          > > > 
          > > > [...]
          > > > 
          > > > </div></div> <!-- main -->
          > > > 
          > > > <div class="ads"><div class="padding">
          > > > 
          > > > [...]
          > > > 
          > > > </div></div> <!-- ads -->
          > > > 
          > > > </div></div> <!-- content -->

          > > >
          DIV.content {
          > > > width: 966px;
          > > > margin-left: auto;
          > > > margin-right: auto;  /* centers the DIV in Mozilla, Opera */
          > > > }
          > > > 
          > > > DIV.content DIV.padding {
          > > > padding-top: 20px;
          > > > padding-bottom: 20px;  /* added to see the DIV */
          > > > }
          > > > 
          > > > DIV.main {
          > > > float: left;
          > > > width: 676px;
          > > > background-color: #F8F6F4;
          > > > }
          > > > 
          > > > DIV.main DIV.padding {
          > > > padding-top: 20px;
          > > > padding-bottom: 20px;
          > > > padding-left: 40px;
          > > > padding-right: 20px;
          > > > }
          > > > 
          > > > [...]
          > > > 
          > > > DIV.ads {
          > > > float: right;
          > > > width: 290px;
          > > > }
          > > > 
          > > > DIV.ads DIV.padding {
          > > > padding-top: 15px;
          > > > padding-bottom: 15px;
          > > > padding-left: 30px;
          > > > padding-right: 40px;
          > > > }

          > > > Appoggio qui per domani. A bocca storta
          > >
          > > overflow: hidden senza altezza
          >
          > Non ho capito. Cylon

          allora non ti serve saperlo
          • Avatar
            Scritto da
            Non Autenticato
            il 2013-03-20 20:16:15.0 alle 2013-03-20 20:16:15.0
            Re: CSS questi sconosciuti GRR GRR GRR
            > > > > Immagine postata dall'utente
            > > > >
            > > > > In questo layout in costruzione ho evidenziato in rosso due DIV che contengono elementi per cui è definita la proprietà float.
            > > > >
            > > > > La prima DIV.content (sfondo rosso) contiene DIV.main con float: left (sfondo bianco) e DIV.ads con float: right (sfondo trasparente).
            > > > >
            > > > > La seconda DIV a sfondo rosso contiene due paragrafi rispettivamente con float: left e right.
            > > > >
            > > > > Arrabbiato Perché mai gli elementi contenuti escono fuori dalla DIV contenitrice invece di allargarla alla propria altezza?
            > > > > Come si fa a fare in modo che la DIV contenitrice si allarghi all'altezza del contenuto?
            > > > >
            > > > > Es. la prima delle due:
            > > > >
            > > > >
            <div class="content"><div class="padding" style="background: red">
            > > > > 
            > > > > <div class="main"><div class="padding">
            > > > > 
            > > > > [...]
            > > > > 
            > > > > </div></div> <!-- main -->
            > > > > 
            > > > > <div class="ads"><div class="padding">
            > > > > 
            > > > > [...]
            > > > > 
            > > > > </div></div> <!-- ads -->
            > > > > 
            > > > > </div></div> <!-- content -->

            > > > >
            DIV.content {
            > > > > width: 966px;
            > > > > margin-left: auto;
            > > > > margin-right: auto;  /* centers the DIV in Mozilla, Opera */
            > > > > }
            > > > > 
            > > > > DIV.content DIV.padding {
            > > > > padding-top: 20px;
            > > > > padding-bottom: 20px;  /* added to see the DIV */
            > > > > }
            > > > > 
            > > > > DIV.main {
            > > > > float: left;
            > > > > width: 676px;
            > > > > background-color: #F8F6F4;
            > > > > }
            > > > > 
            > > > > DIV.main DIV.padding {
            > > > > padding-top: 20px;
            > > > > padding-bottom: 20px;
            > > > > padding-left: 40px;
            > > > > padding-right: 20px;
            > > > > }
            > > > > 
            > > > > [...]
            > > > > 
            > > > > DIV.ads {
            > > > > float: right;
            > > > > width: 290px;
            > > > > }
            > > > > 
            > > > > DIV.ads DIV.padding {
            > > > > padding-top: 15px;
            > > > > padding-bottom: 15px;
            > > > > padding-left: 30px;
            > > > > padding-right: 40px;
            > > > > }

            > > > > Appoggio qui per domani. A bocca storta
            > > >
            > > > overflow: hidden senza altezza
            > >
            > > Non ho capito. Cylon
            >
            > allora non ti serve saperlo

            Forse non c'è nulla da capire? A bocca aperta
<softv>

Pagina generata in 312 millisecondi

Utenti attivi: 13 nell'ultimo minuto, 26 negli ultimi cinque minuti, 55 negli ultimi 15 minuti