-
CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 01:19:58.0 alle 2013-03-20 01:19:58.0

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.
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.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-20 01:40:23.0 alle 2013-03-20 01:40:23.0Trollate totali: 11540Devi 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.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 01:46:35.0 alle 2013-03-20 01:46:35.0> 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.

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%.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-20 01:56:45.0 alle 2013-03-20 01:56:45.0Trollate totali: 11540> > 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.

>
> 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").
A chi l'ha commissionato ho spiegato anche i limiti eh?
Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 02:07:54.0 alle 2013-03-20 02:07:54.0> > > 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.

> >
> > 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").
>
>
>
> A chi l'ha commissionato ho spiegato anche i limiti eh?
> Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
Bellino, praticamente un'applicazione nel browser. Chissà se si può aumentare il limite di 5 MB che è proprio pocherellino.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-20 02:13:18.0 alle 2013-03-20 02:13:18.0Trollate totali: 11540> > > > 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.

> > >
> > > 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").
> >
> >
> >
> > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
>
> 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.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 02:24:06.0 alle 2013-03-20 02:24:06.0> > > > > 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.

> > > >
> > > > 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").
> > >
> > >
> > >
> > > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
> >
> > 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.
Anche se non è un solo file, può comunque essere uno ZIP contenente il tutto. Chissà quanto sono affidabili i calcoli con Javascript.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto 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.
> > > >
> > > > 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").
> > >
> > >
> > >
> > > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
> >
> > 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.
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.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-22 23:44:18.0 alle 2013-03-22 23:44:18.0> > > > > > 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.

> > > > >
> > > > > 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").
> > > >
> > > >
> > > >
> > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
> > >
> > > 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.
>
> 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.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto 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.
> > > > > >
> > > > > > 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").
> > > > >
> > > > >
> > > > >
> > > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
> > > >
> > > > 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.
> >
> > 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.
Però devi dirgli che se cancelli la cronologia/cache del browser ti perdi il db.Young professional woman and busy mom.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-23 00:00:35.0 alle 2013-03-23 00:00:35.0> > > > > > > > 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.

> > > > > > >
> > > > > > > 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").
> > > > > >
> > > > > >
> > > > > >
> > > > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > > > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
> > > > >
> > > > > 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.
> > >
> > > 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.
>
> 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.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto 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.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-23 00:32:11.0 alle 2013-03-23 00:32:11.0> > > > > 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?-
Re: CSS questi sconosciuti GRR GRR GRRScritto 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.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-23 03:09:42.0 alle 2013-03-23 03:09:42.0Trollate totali: 11540> > > > > > > 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...?
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?
<pensiero>
Come minimo gli sembrera` una cagata,
oppure avra` un modo gia` pronto per farlo con due righe.
</pensiero>-
Re: CSS questi sconosciuti GRR GRR GRRScritto da: altg
> Che diamine...?
>
> 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?
>
> <pensiero>
> Come minimo gli sembrera` una cagata,
> oppure avra` un modo gia` pronto per farlo con due righe.
> </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.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-24 01:19:53.0 alle 2013-03-24 01:19:53.0Trollate totali: 11540> > Che diamine...?

> >
> > 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?
> >
> > <pensiero>
> > Come minimo gli sembrera` una cagata,
> > oppure avra` un modo gia` pronto per farlo con due righe.
> > </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.
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.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-24 01:47:14.0 alle 2013-03-24 01:47:14.0Trollate totali: 11540> > > Che diamine...?

> > >
> > > 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?
> > >
> > > <pensiero>
> > > Come minimo gli sembrera` una cagata,
> > > oppure avra` un modo gia` pronto per farlo con due righe.
> > > </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.
>
> 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.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-24 02:43:04.0 alle 2013-03-24 02:43:04.0Trollate totali: 11540> 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.
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.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-24 14:45:40.0 alle 2013-03-24 14:45:40.0>
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.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-24 16:33:06.0 alle 2013-03-24 16:33:06.0Trollate totali: 11540> >
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!
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:
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.
**Modificato dall'autore il 24.03.2013 16:42**-
Re: CSS questi sconosciuti GRR GRR GRRNon 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.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-24 18:07:32.0 alle 2013-03-24 18:07:32.0Trollate totali: 11540> 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.
-
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-24 17:37:35.0 alle 2013-03-24 17:37:35.0> > >
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!
>
> 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:
>
>
>
> 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.
Dai tempi della versione 1.2 Javascript è diventato un robo enorme.
Interessante, per carità, ma non saprei più da dove cominciare per metterci le mani.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-24 18:30:50.0 alle 2013-03-24 18:30:50.0Trollate totali: 11540> > > >
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`.
> Dai tempi della versione 1.2 Javascript è diventato un robo enorme.
> 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.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto 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`.
>
> > Dai tempi della versione 1.2 Javascript è diventato un robo enorme.
> > 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.
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.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-24 21:51:48.0 alle 2013-03-24 21:51:48.0Trollate totali: 11540> Non è che oggi sia qualcosa di meglio,
Tutto cio` mi offende.
Non ci capisco ancora tutto, ma qualcosina qua e la` si`.
Sono migliorato!
> 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.
> 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".
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.
**Modificato dall'autore il 24.03.2013 22:09**-
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.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-24 23:25:30.0 alle 2013-03-24 23:25:30.0Trollate totali: 11540> > 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.
> > 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.
-
-
-
-
Re: CSS questi sconosciuti GRR GRR GRRPerche' non usare jQuery.each() al posto del vetusto for (...) ?`"la realta' non e' cosi' terrificante come vogliono farti credere" - Giambo ` - Wakko che cita Giambo
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-24 21:56:32.0 alle 2013-03-24 21:56:32.0Trollate totali: 11540> Perche' non usare jQuery.each() al posto del vetusto for (...) ?
Se esiste un forEach nel javascript dvro & crvdo lo uso, ma al momento vorrei tenermi lontano da jQuery. Temo mi nasconda cose che vorrei prima imparare da solo.-
Re: CSS questi sconosciuti GRR GRR GRRScritto da: altg
> > Perche' non usare jQuery.each() al posto del vetusto for (...) ?
>
> Se esiste un forEach nel javascript dvro & crvdo lo uso, ma al momento vorrei tenermi lontano da jQuery. Temo mi nasconda cose che vorrei prima imparare da solo.
Uh-uh, ero convinto di aver letto nel tuo codice una referenza a jQuery ($) ...
Mi ricordo di un forEach o qualcosa del genere che funzionava su tutti i browsers tranne IE
...
`"la realta' non e' cosi' terrificante come vogliono farti credere" - Giambo ` - Wakko che cita Giambo
-
-
-
-
-
-
-
-
-
-
-
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-23 03:11:20.0 alle 2013-03-23 03:11:20.0Trollate totali: 11540> > > > > > > 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...?
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?
<pensiero>
Come minimo gli sembrera` una cagata,
oppure avra` un modo gia` pronto per farlo con due righe.
</pensiero>
-
-
-
-
-
-
-
-
-
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 13:18:38.0 alle 2013-03-20 13:18:38.0Scritto 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.
> >
> > 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").
>
>
>
> A chi l'ha commissionato ho spiegato anche i limiti eh?
> Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 14:18:20.0 alle 2013-03-20 14:18:20.0> > > > 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.

> > >
> > > 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").
> >
> >
> >
> > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
>
> uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra
Tabulato?
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-20 14:58:21.0 alle 2013-03-20 14:58:21.0Trollate totali: 11540> > > > > 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.

> > > >
> > > > 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").
> > >
> > >
> > >
> > > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
> >
> > uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra
>
> Tabulato?
Allineato.-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 15:37:58.0 alle 2013-03-20 15:37:58.0> > > > > > 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.

> > > > >
> > > > > 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").
> > > >
> > > >
> > > >
> > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
> > >
> > > uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra
> >
> > Tabulato?
>
> Allineato.
Una tabella e via!
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-20 16:01:26.0 alle 2013-03-20 16:01:26.0Trollate totali: 11540> > > > > > > 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.

> > > > > >
> > > > > > 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").
> > > > >
> > > > >
> > > > >
> > > > > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > > > > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
> > > >
> > > > uno che saprebbe quello che fa avrebbe tabulato tutti quei campi dal al che stanno a destra
> > >
> > > Tabulato?
> >
> > Allineato.
>
> Una tabella e via!
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:
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.
-
-
-
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daaltgutente che non utieneil 2013-03-20 14:57:57.0 alle 2013-03-20 14:57:57.0Trollate totali: 11540> > > > 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.

> > >
> > > 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").
> >
> >
> >
> > A chi l'ha commissionato ho spiegato anche i limiti eh?
> > Tipo quello dei 5 MB. Onestamente irrilevante per il caso.
>
> 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.
-
-
-
-
CSS pieni di sorpreseScritto daNon Autenticatoil 2013-03-20 23:12:09.0 alle 2013-03-20 23:12:09.0> 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.-
Re: CSS pieni di sorpreseScritto daNon Autenticatoil 2013-03-21 08:46:07.0 alle 2013-03-21 08:46:07.0Scritto 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?-
Re: CSS pieni di sorpreseScritto daNon Autenticatoil 2013-03-22 01:20:39.0 alle 2013-03-22 01:20:39.0> > > 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?-
Re: CSS pieni di sorpreseScritto daNon Autenticatoil 2013-03-22 09:35:19.0 alle 2013-03-22 09:35:19.0Scritto 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-
Re: CSS pieni di sorpreseScritto daNon Autenticatoil 2013-03-22 13:21:16.0 alle 2013-03-22 13:21:16.0> > > > > 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.-
Re: CSS pieni di sorpreseScritto daNon Autenticatoil 2013-03-22 20:58:52.0 alle 2013-03-22 20:58:52.0Scritto 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-
Re: CSS pieni di sorpreseScritto daNon Autenticatoil 2013-03-22 23:30:15.0 alle 2013-03-22 23:30:15.0> > > > > > > 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!
-
-
-
-
-
-
-
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 13:16:24.0 alle 2013-03-20 13:16:24.0Scritto da:
>
>
> 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.
>
>
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.
overflow: hidden senza altezza-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 15:38:45.0 alle 2013-03-20 15:38:45.0> >

> >
> > 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.
> >
> >
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.
>
> overflow: hidden senza altezza
Non ho capito.
-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 20:13:10.0 alle 2013-03-20 20:13:10.0Scritto da:
> > >
> > >
> > > 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.
> > >
> > >
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.
> >
> > overflow: hidden senza altezza
>
> Non ho capito.
allora non ti serve saperlo-
Re: CSS questi sconosciuti GRR GRR GRRScritto daNon Autenticatoil 2013-03-20 20:16:15.0 alle 2013-03-20 20:16:15.0> > > >

> > > >
> > > > 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.
> > > >
> > > >
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.
> > >
> > > overflow: hidden senza altezza
> >
> > Non ho capito.
>
> allora non ti serve saperlo
Forse non c'è nulla da capire?
-
-
-
-