Newsgroup: it.comp.lang.javascript
Titolo: Layer espandibile con testo all'interno

Salve a tutti,
ho un problema con un layer espandibile: in pratica ogni 100 millisecondi
larghezza e altezza aumentano fino a mostrare tutto il contenuto.
Il problema è che con il testo all'interno del layer sballa tutto perché
il div non parte da 0,0 come dimensioni (width,height) ma il testo
presente fa allargare il layer che quindi si deforma in maniera molto
strana (spero di aver spiegato bene il problema).
In pratica l'animazione funziona bene se il div è vuoto, altrimenti no.
Così ho risolto mostrando il testo solo a fine animazione. E faccio nella
stessa maniera anche per l'inverso (ovvero tolgo il testo e poi
ridimensiono il layer fino a farlo sparire) ma è una soluzione intermedia
che non mi soddisfa appieno.
Qualche d'uno magari si è mai imbattutto in questo problema e lo ha per
caso risolto? Ho cercato su internet layer espandibili o expanding layer
ma non ho trovato ciò che mi aspettavo.
Grazie sin d'ora :-)
Robe'
-- 
questo articolo e` stato inviato via web dal servizio gratuito 
http://www.newsland.it/news
 segnala gli abusi ad 
ab...@newsland.it

 ma non ho trovato ciò che mi aspettavo.
Non hai cercato molto bene :-) bastava leggere i messaggi in questo
newsgroup di ieri, per esempio...vedi qua, penso possa esserti utile:
http://www.emeraldion.it/software/dhtml/slidingpanel/
-- 
"e mai che mi sia venuto in mente
 di essere più ubriaco di voi
 di essere molto più ubriaco di voi"
									  F.D.A.

 
http://www.emeraldion.it/software/dhtml/slidingpanel/
L'ho guardato, è molto bellino ma così com'è non fa a caso mio: ho provato
a guardare il sorgente ma non capisco come faccia a far sì che con
l'apertura e la chiusura il testo non faccia sballare tutto.
E' anche una questione di studio (nel senso che mi piacerebbe capire come
si fa). Perché a loro/lui il testo non fa sballare tutto? Che usa di
particolare?
Grazie.


 particolare?
la proprieta' CSS "overflow:hidden" accoppiata a delle dimensioni fissate.
-- 
Firma in ferie contrattuali

 la proprieta' CSS "overflow:hidden" accoppiata a delle dimensioni fissate.
Già overflow fa sì che il layer possa "crescere" senza problemi, ma il
testo interno si muove ogni volta riallineandosi alle temporanee
dimensioni del div.
Come si risolve questo ultimo problema?
Ti ringrazio della dritta ;-)


 Come si risolve questo ultimo problema?
Basta che tu non cambi le dimensioni del div. Con overflow settato a
hidden, puoi limitarti a clippare il layer (CSS: clip).
-- 
ZER0 
~ "Il mondo si divide in due categorie: chi ha la pistola, e chi scava.
Tu scavi."

 hidden, puoi limitarti a clippare il layer (CSS: clip).
Ciao,
grazie innanzitutto della risposta ;-)
Ho provato ma senza usare alcun JS già non funziona, tipo:
<div style="position:absolute;width:200px;height:200px;clip:rect(100px,
100px, 100px, 100px);">
Ciao, questo è un bel testo di prova, cosa te ne pare? Ti piace? :-) A me
abbastanza, ma il testo sballa
Sai mica come posso risolvere? Puoi aiutarmi? :-P
</div>
..altro testo!
Cosa sbaglio? Ho provato anche con overflow:hidden ma il layer non si vede
comunque.


 Cosa sbaglio? 
Scrivendo in questo modo, in XHTML/standard mode (doctype valido) non ti
viene considerato il clip perché è scritto male (e quindi non ti fa
assolutamente nulla); mentre in quirks mode ti fa scomparire del tutto il
layer perché hai fatto un clip un po' "selvaggio": non puoi impostare un
valore maggiore o uguale per top e left di quanto non siano bottom e right.
In standard mode:
<div style="position:absolute;width:200px;height:200px;clip:rect(20px 70px
70px 20px);">
In quirks mode basta aggiungere le virgole tra un parametro e l'altro.
Inoltre, ti risottolineo ciò che ti ho scritto nel post precedente: "Basta
che tu non cambi le dimensioni del div". Il che significa che 200x200px è
la dimensione che il layer avrà alla fine; non devi cambiarla. Se la cambi,
è ovvio che ti "sballa". Ciò su cui devi lavorare, è appunto la porzione di
layer visibile (e quindi non impatta sulle dimensioni effettive), ovvero il
clip.
-- 
ZER0 
~ Se potete leggere questo, la mia donna e' caduta.
(Letta sul retro di una maglietta di un motociclista)

 In quirks mode basta aggiungere le virgole tra un parametro e l'altro.
Ti ringrazio molto per questo suggerimento. Ora ho risolto e sembra
funzionare perfettamente :-)
Ciao.
