-
HALP JavascriptScritto daNon Autenticatoil 2014-09-14 00:09:04.0 alle 2014-09-14 00:09:04.0window.innerWidth comprende anche la barra di scorrimento, come faccio a sapere la larghezza dello spazio disponibile nel browser? Al posto di window devo usare un altro oggetto?
-
Re: HALP JavascriptScritto da:
> window.innerWidth comprende anche la barra di scorrimento, come faccio a sapere la larghezza dello spazio disponibile nel browser? Al posto di window devo usare un altro oggetto?
document.documentElement.clientWidthYoung professional woman and busy mom.-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 00:43:06.0 alle 2014-09-14 00:43:06.0Scritto da: ::1
> Scritto da:
> > window.innerWidth comprende anche la barra di scorrimento, come faccio a sapere la larghezza dello spazio disponibile nel browser? Al posto di window devo usare un altro oggetto?
>
> document.documentElement.clientWidth
documentElement a cosa si riferisce?
Javascript è cambiato dall'ultima volta che ci siamo incontrati!
-
Re: HALP JavascriptScritto da:
>
> documentElement a cosa si riferisce?
>
> Javascript è cambiato dall'ultima volta che ci siamo incontrati!
https://developer.mozilla.org/en-US/docs/Web/API/d...
Sta là dal 1997, non so quanto tempo è che non lo bazzichi.Young professional woman and busy mom.-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 01:02:36.0 alle 2014-09-14 01:02:36.0Scritto da: ::1
> Scritto da:
> >
> > documentElement a cosa si riferisce?
> >
> > Javascript è cambiato dall'ultima volta che ci siamo incontrati!
>
> https://developer.mozilla.org/en-US/docs/Web/API/d...
> Sta là dal 1997, non so quanto tempo è che non lo bazzichi.
Avevo studiato il manuale di Javascript 1.2, e poi sono andato avanti a rattoppi, ma documentElement m'è sfuggito o non lo ricordo, comunque non l'ho mai visto usare nei vari esempi.
Chissà se document.clientWidth dà lo stesso valore.-
Re: HALP JavascriptScritto da:
>
> Avevo studiato il manuale di Javascript 1.2, e poi sono andato avanti a rattoppi, ma documentElement m'è sfuggito o non lo ricordo, comunque non l'ho mai visto usare nei vari esempi.
>
> Chissà se document.clientWidth dà lo stesso valore.
Non esiste una property clientWidth sull'oggetto document.
Young professional woman and busy mom.-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 01:21:22.0 alle 2014-09-14 01:21:22.0Scritto da: ::1
> Scritto da:
> >
> > Avevo studiato il manuale di Javascript 1.2, e poi sono andato avanti a rattoppi, ma documentElement m'è sfuggito o non lo ricordo, comunque non l'ho mai visto usare nei vari esempi.
> >
> > Chissà se document.clientWidth dà lo stesso valore.
>
> Non esiste una property clientWidth sull'oggetto document.
>
Su queste cose sono sempre andato a tentativi ed errori. Ad esempio poco fa ho scritto
document.getElementById('ntc').style.width = blockwidth - 10 + 'px';
sperando che prima faccia blockwidth - 10 e poi converta il risultato in stringa nell'aggiungerci 'px', senza saper nulla dell'ordine di valutazione. Chissà PHP cosa farebbe.-
Re: HALP JavascriptScritto da:
>
> Su queste cose sono sempre andato a tentativi ed errori. Ad esempio poco fa ho scritto
>
> document.getElementById('ntc').style.width = blockwidth - 10 + 'px';
>
> sperando che prima faccia blockwidth - 10 e poi converta il risultato in stringa nell'aggiungerci 'px', senza saper nulla dell'ordine di valutazione. Chissà PHP cosa farebbe.
Non fai prima a evitare le ambiguità, ad esempio con le parentesi? Io di solito nell'incertezza abbondo di parentesi.Young professional woman and busy mom.-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 01:42:13.0 alle 2014-09-14 01:42:13.0Scritto da: ::1
> Scritto da:
> >
> > Su queste cose sono sempre andato a tentativi ed errori. Ad esempio poco fa ho scritto
> >
> > document.getElementById('ntc').style.width = blockwidth - 10 + 'px';
> >
> > sperando che prima faccia blockwidth - 10 e poi converta il risultato in stringa nell'aggiungerci 'px', senza saper nulla dell'ordine di valutazione. Chissà PHP cosa farebbe.
>
> Non fai prima a evitare le ambiguità, ad esempio con le parentesi? Io di solito nell'incertezza abbondo di parentesi.
Vero, infatti in un'altra espressione le ho usate. Comunque per precauzione le aggiungerò anche qui. Domani sarà una giornata intensa
, mi farebbe comodo un getElementByClass() o simile.
-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 01:44:44.0 alle 2014-09-14 01:44:44.0Scritto da:
> Scritto da: ::1
> > Scritto da:
> > >
> > > Su queste cose sono sempre andato a tentativi ed errori. Ad esempio poco fa ho scritto
> > >
> > > document.getElementById('ntc').style.width = blockwidth - 10 + 'px';
> > >
> > > sperando che prima faccia blockwidth - 10 e poi converta il risultato in stringa nell'aggiungerci 'px', senza saper nulla dell'ordine di valutazione. Chissà PHP cosa farebbe.
> >
> > Non fai prima a evitare le ambiguità, ad esempio con le parentesi? Io di solito nell'incertezza abbondo di parentesi.
>
> Vero, infatti in un'altra espressione le ho usate. Comunque per precauzione le aggiungerò anche qui. Domani sarà una giornata intensa
, mi farebbe comodo un getElementByClass() o simile.
Ho testé visto che nei nuovi browser esiste document.getElementsByClassName() che risulta in un array, domani penserò come gestirlo.
-
Re: HALP JavascriptScritto da:
>
> Vero, infatti in un'altra espressione le ho usate. Comunque per precauzione le aggiungerò anche qui. Domani sarà una giornata intensa
, mi farebbe comodo un getElementByClass() o simile.
Puoi usare i selettori css. Questo torna solo il primo elemento: https://developer.mozilla.org/en-US/docs/Web/API/d...
Questo torna tutti gli elementi che matchano il selettore: https://developer.mozilla.org/en-US/docs/Web/API/d...
Young professional woman and busy mom.-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 01:52:53.0 alle 2014-09-14 01:52:53.0Scritto da: ::1
> Scritto da:
> >
> > Vero, infatti in un'altra espressione le ho usate. Comunque per precauzione le aggiungerò anche qui. Domani sarà una giornata intensa
, mi farebbe comodo un getElementByClass() o simile.
>
> Puoi usare i selettori css. Questo torna solo il primo elemento: https://developer.mozilla.org/en-US/docs/Web/API/d...
> Questo torna tutti gli elementi che matchano il selettore: https://developer.mozilla.org/en-US/docs/Web/API/d...
Quindi
document.querySelectorAll('.pippo').style.width = '10px';
porta la larghezza di tutti gli elementi della classe a 10 pixel, all'istante, o devo scorrere un array?-
Re: HALP JavascriptScritto da:
>
> Quindi
>
> document.querySelectorAll('.pippo').style.width = '10px';
>
> porta la larghezza di tutti gli elementi della classe a 10 pixel, all'istante, o devo scorrere un array?
Devi scorrere l'arrei.Young professional woman and busy mom.-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 01:57:07.0 alle 2014-09-14 01:57:07.0Scritto da: ::1
> Scritto da:
> >
> > Quindi
> >
> > document.querySelectorAll('.pippo').style.width = '10px';
> >
> > porta la larghezza di tutti gli elementi della classe a 10 pixel, all'istante, o devo scorrere un array?
>
> Devi scorrere l'arrei.
Va bè, non sono moltissimi elementi.-
Re: HALP JavascriptScritto da:
>
> Va bè, non sono moltissimi elementi.
Perché invece di modificare tutti gli elementi, non modifichi direttamente la classe css?
Con document.styleSheets accedi a tutti i css, ognuno di questi ha i metodi insertRule e deleteRule.
https://developer.mozilla.org/en-US/docs/Web/API/C...
Young professional woman and busy mom.-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 02:15:56.0 alle 2014-09-14 02:15:56.0Scritto da: ::1
> Scritto da:
> >
> > Va bè, non sono moltissimi elementi.
>
> Perché invece di modificare tutti gli elementi, non modifichi direttamente la classe css?
> Con document.styleSheets accedi a tutti i css, ognuno di questi ha i metodi insertRule e deleteRule.
> https://developer.mozilla.org/en-US/docs/Web/API/C...
Perché devo dare a un certo numero di DIV una larghezza che dev'essere calcolata in base alla larghezza del BODY. Quando sarà più avanzata magari mostro il modello della pagina.-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 02:17:44.0 alle 2014-09-14 02:17:44.0Scritto da:
> Scritto da: ::1
> > Scritto da:
> > >
> > > Va bè, non sono moltissimi elementi.
> >
> > Perché invece di modificare tutti gli elementi, non modifichi direttamente la classe css?
> > Con document.styleSheets accedi a tutti i css, ognuno di questi ha i metodi insertRule e deleteRule.
> > https://developer.mozilla.org/en-US/docs/Web/API/C...
>
> Perché devo dare a un certo numero di DIV una larghezza che dev'essere calcolata in base alla larghezza del BODY. Quando sarà più avanzata magari mostro il modello della pagina.
Mi sa che ho detto una boiata.
-
Re: HALP JavascriptScritto daThe LichÜbermenschil 2014-09-14 12:57:51.0 alle 2014-09-14 12:57:51.0Trollate totali: 21351Scritto da:
> Scritto da: ::1
> > Scritto da:
> > >
> > > Va bè, non sono moltissimi elementi.
> >
> > Perché invece di modificare tutti gli elementi, non modifichi direttamente la classe css?
> > Con document.styleSheets accedi a tutti i css, ognuno di questi ha i metodi insertRule e deleteRule.
> > https://developer.mozilla.org/en-US/docs/Web/API/C...
>
> Perché devo dare a un certo numero di DIV una larghezza che dev'essere calcolata in base alla larghezza del BODY. Quando sarà più avanzata magari mostro il modello della pagina.
css e larghezza percentuale
The Lich™
« Non è morto ciò che in eterno può attendere,
e col passare di strani eoni, anche la morte può morire. »

-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 16:39:48.0 alle 2014-09-14 16:39:48.0Scritto da: The Lich
> Scritto da:
> > Scritto da: ::1
> > > Scritto da:
> > > >
> > > > Va bè, non sono moltissimi elementi.
> > >
> > > Perché invece di modificare tutti gli elementi, non modifichi direttamente la classe css?
> > > Con document.styleSheets accedi a tutti i css, ognuno di questi ha i metodi insertRule e deleteRule.
> > > https://developer.mozilla.org/en-US/docs/Web/API/C...
> >
> > Perché devo dare a un certo numero di DIV una larghezza che dev'essere calcolata in base alla larghezza del BODY. Quando sarà più avanzata magari mostro il modello della pagina.
>
> css e larghezza percentuale
È più complicato.
Ho un elenco di blocchi inline, centrati. A seconda della larghezza della finestra ce ne stanno quattro, cinque, eccetera, perciò la larghezza occupata dall'elenco di blocchi è una funzione a gradini della larghezza della finestra. Se voglio dare ad altri elementi la stessa larghezza devo assegnare loro esplicitamente una larghezza calcolata con questa funzione.
Modificare la classe dovrebbe funzionare... non appena imparo come farlo.
Magari non appena ho qualcosa di presentabile lo faccio vedere.
-
Re: HALP JavascriptScritto daThe LichÜbermenschil 2014-09-14 16:49:29.0 alle 2014-09-14 16:49:29.0Trollate totali: 21351Scritto da:
> Scritto da: The Lich
> > Scritto da:
> > > Scritto da: ::1
> > > > Scritto da:
> > > > >
> > > > > Va bè, non sono moltissimi elementi.
> > > >
> > > > Perché invece di modificare tutti gli elementi, non modifichi direttamente la classe css?
> > > > Con document.styleSheets accedi a tutti i css, ognuno di questi ha i metodi insertRule e deleteRule.
> > > > https://developer.mozilla.org/en-US/docs/Web/API/C...
> > >
> > > Perché devo dare a un certo numero di DIV una larghezza che dev'essere calcolata in base alla larghezza del BODY. Quando sarà più avanzata magari mostro il modello della pagina.
> >
> > css e larghezza percentuale
>
> È più complicato.
> Ho un elenco di blocchi inline, centrati. A seconda della larghezza della finestra ce ne stanno quattro, cinque, eccetera, perciò la larghezza occupata dall'elenco di blocchi è una funzione a gradini della larghezza della finestra. Se voglio dare ad altri elementi la stessa larghezza devo assegnare loro esplicitamente una larghezza calcolata con questa funzione.
>
> Modificare la classe dovrebbe funzionare... non appena imparo come farlo.
>
> Magari non appena ho qualcosa di presentabile lo faccio vedere.
>
ah ho capito, fatto anche io recentemente
potresti usare una direttiva media e modificare la larghezza percentuale della classe a seconda delle dimensioni del dispositivo
The Lich™
« Non è morto ciò che in eterno può attendere,
e col passare di strani eoni, anche la morte può morire. »

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Re: HALP JavascriptScritto daThe LichÜbermenschil 2014-09-14 12:57:21.0 alle 2014-09-14 12:57:21.0Trollate totali: 21351Scritto da:
> window.innerWidth comprende anche la barra di scorrimento, come faccio a sapere la larghezza dello spazio disponibile nel browser? Al posto di window devo usare un altro oggetto?
perchè non usi jquery invece di sbatterti tanto con javascript on the scratch
The Lich™
« Non è morto ciò che in eterno può attendere,
e col passare di strani eoni, anche la morte può morire. »

-
Re: HALP JavascriptScritto daNon Autenticatoil 2014-09-14 16:47:37.0 alle 2014-09-14 16:47:37.0Scritto da: The Lich
> Scritto da:
> > window.innerWidth comprende anche la barra di scorrimento, come faccio a sapere la larghezza dello spazio disponibile nel browser? Al posto di window devo usare un altro oggetto?
>
> perchè non usi jquery invece di sbatterti tanto con javascript on the scratch
Perché in realtà di Javascript ne uso pochissimo, DHTML è il Male e i miei siti sono volutamente spartani.
Questo script è formato da poche righe e si occupa di un aggiustamento estetico, ma il sito funzionerebbe anche senza.
-
-