Newsgroup: it.comp.lang.javascript
Titolo: Div ridimensionabili

Salve
sto cercando la possibilita' di avere un div con dentro tre altri div 
ridimensionabili in larghezza in modo che la somma dei tre non superi quella 
del div padre
In pratica dovrei fare ridimensionare 3 colonne con un limite nella 
larghezza.
esiste qualche script in merito dal quale partire ?
grazie a tutti 


wrote:

Prova a vederlo al seguente indirizzo:
http://oreste.parlatano.org/prove_js/div_dimensionabili/
se ti serve sei capace di scaricare tutti i file necessari?

se ti serve sei capace di scaricare tutti i file necessari?
ciao Oreste !!
:-))
sei un grande.
Solo un problema, le colonne all'interno non sono ridimensionabili, o forse 
e' perche' non vanno in FF3 ?
ora do una occhiata al codice.
ciao
lillo

se ti serve sei capace di scaricare tutti i file necessari?
con IE 7 non funzia.... 

 con IE 7 non funzia....
Ci sono tre div all'interno che appaiono come colonne, disposti
orizzontalmente uno di fianco all'altro. I div hanno ognuno il colore
del bordo diverso, il primo rosso, il secondo verde, il terzo blu. Per
osservare meglio avrei forse dovuto colorare lo sfondo invece del
bordo, ma è sufficiente modificare il file css, appena mi troverò nel
pc di lavoro modificherò il css.
I div interni non sono modificabili indipendentemente, essi vengono
modificati dalle dimensioni del div che li contiene.
Ho appena provato la pagina su Chrome, FF 3.0 e IE 6 il tutto funziona
bene. Proverò IE 7 domani o lunedì.

bene. Prover� IE 7 domani o luned�.
ci sono anomalie con il box model i IE6 ? 

 ci sono anomalie con il box model i IE6 ?
Non le ho riscontrate
Ho un po' di tempo, provo a realizzare ciò che cerchi. Ti prego di
controllare bene il tutto con IE7, perché io non noto problemi con
IE6, suppongo che se tutto va bene con IE6 dovrebbe anche andare bene
con IE7, ma le supposizioni con i prodotti MS non sempre funzionano.

ma le supposizioni con i prodotti MS non sempre funzionano.
Ok, ti confermo che con IE7 funzia !
:-)
e' che ogni tanto il browser si blocca, carica tutto ma si incanta con la 
barra di caricamento quasi al completo.
Si tratta di IE7 liscio in Xp sp3... mmahh
Ho dato una occhiata al codice in JQuery e devo dire che e' molto compatto 
(alias: incomprensibile) a primo sguardo.
Per la funzione che interessa questa operazione dove trovi info e 
spiegazione sul codice ? 

 spiegazione sul codice ?
http://jqueryui.com/demos/resizable/
jquery fa risparmiare un sacco di tempo, per questo lo uso. Come ogni
nuovo studio, all'inizio risulta un po' indigesto. Se ti interessa
metto in rete un paio di buoni libri in inglese sull'argomento.
Naturalmente ciò che si può fare in jquery, può essere fatto in
javascript, ci vuole solo più tempo per costruire una libreria
apposita.
Domani studierò l'altra possibilità che hai descritto.

Domani studier� l'altra possibilit� che hai descritto.
ok !
per curiosita' ... sei in vacanza ?
grazie per tutto quello che fai anche a nome del ng intero !
un saluto
(poco "vacanzoso")
:-)

Più che altro mi trovo in un periodo di calma, poco lavoro. Risiedo in
Mozambico, il mercato IT sente la crisi.
Invio in pvt i dati di accesso per i libri.
Appena ho qualche risultato lo posto qui.
Ricambio i saluti, se vuoi lavorare e passare le ferie al tempo
stesso, vienimi a trovare, qui si riesce a conciliare le due cose.

Un po' ballerino, ma una buona base di lavoro:
http://oreste.parlatano.org/prove_js/div_dimensionabili/index2.html
adesso i div interni si possono dimensionare in modo indipendente
con FF3 abbastanza bene, con Chrome forse è troppo ballerino, IE non
ho provato.

provato.
Sei un grande !
Si con IE 7 sembra funzionare bene.
Quanto prima lo testo con IE 6 (c'e' da aspettarsi di tutto da quel browser)
Mi piacerebbe capire quali funzioni sono state modificate per ottenere il 
ricalcolo delle larghezze...magari per provare a fare in modo che l'altezza 
delle colonne interne sia bloccata e resti come l'altezza del div padre.
un saluto
e ci sentiamo presto.

 delle colonne interne sia bloccata e resti come l'altezza del div padre.
Entro lunedì inserisco tutti i commenti utili nel codice, il problema
dell'altezza l'avevo risolto con le opzioni minHeight e maxHeight, ma
funzionano bene solo in FF3, sono stato costretto a togliere le
opzioni. È anche vero che non ho speso molto tempo a cercare soluzioni
alternative.
Saluti

Saluti 

 controllo e le reimpostava sopperendo a questo limite di IE per i CSS.
Ci si può anche limitare ai CSS. IE non supporta min-height o !
important, ma usa height come FF usa min-height:
div {
  min-height: 100px;
  height: auto !important;
  height: 100px;
}
--
Enos