Newsgroup: it.comp.lang.javascript
Titolo: Come lo faccio il menu'?

Alur...
Per un sito dovrei -provare- a realizzare un menu' fatto in questo modo: 
orizzontale, serie di linguette tipo le tabbed pages di Windows, cambio del 
colore sull'over, linguetta che si alza e rimane alzata sul click.
Invece di guardare gli esempi, tanto per esercizio volevo provare a 
realizzarlo da solo, ma mi sono piantato ancora prima di scrivere mezza 
riga.
Il dubbio e':
Meglio realizzarlo usando delle immagini o modificando i colori dei TD?
Perche' i menu che usano piu' immagini (x per lo stato normale + x per 
l'over) mi stanno sulle scatole perche' ci mettono una vita a caricare e 
quando vai su una voce che non ha ancora fatto il preload invece di vedere 
il menu vedi il segna immagine. Pero' effettivamente si possono fare cose 
esteticamente valide.
I menu fatti usando i CSS sono ovviamente piu' leggeri e veloci da caricare, 
ma non riesco a capire quanto in la' ci si riesca a spingere graficamente. 
Cioe', ad esempio, difficilmente riesco a realizzare un bordo stondato in 
CSS, giusto?
E quindi, tanto per tornare IT...visto che comunque andrebbe usato il 
javascript, e' possibile integrare l'aspetto di una cella modificata con i 
CSS con un po' di grafica js? E ne vale la pena, secondo voi?
Ciao! 

 CSS con un po' di grafica js? E ne vale la pena, secondo voi?
Non varrebbe mai la pena usare le tabelle per fare il layout, quindi solo
CSS e per ciň che vuoi fare JS č superfluo (come puoi vedere dai link che
ti ho passato).
-- 
Ro!

 
http://www.alistapart.com/articles/slidingdoors2/
Visto. Li' per li' ne sono rimasto impressionato, poi riguardandolo meglio 
mi e' sembrata una grossa idiozia.
Mi spiego meglio...
Alla fin fine usa comunque una serie di immagini da inserire come "sfondo" 
di un <li>, con l'aggravante che l'immagine deve essere molto grande perche' 
se il <li> aumenta di dimensioni non si deve vedere che manca un pezzo; 
infatti ne usa una da 60Kbyte!
Risultato, per fare quello che con un paio di TD si fa in dieci secondi e 
con 4 Kbyte scarsi di immagini, lui usa un bel po' di righe di codice e 124 
kbyte di immagini!!!
Senza contare che se usi un TD non hai problemi di ridimensionamento...
Quindi...qualcuno me la spiega? C'e' qualche dettaglio che mi sta sfuggendo? 

 Quindi...qualcuno me la spiega? C'e' qualche dettaglio che mi sta sfuggendo?
Essendo un programmatore forse ti sfuggono alcuni concetti di usabilità e
accessibilità delle applicazioni Web. Forse è questo. E' vero che facendo
una tabella tutto è molto più comodo, ma ci sono strumenti e soluzioni
migliori.
-- 
Ro!

 Oppure il rendering di ul+li du 
http://hal.net
Beh, si, in effetti mi sembrano entrambi pessimi esempi di resize...

 adoro le critiche costruttive, puoi dirmi cos'e` che ti sembra pessimo?
Scusa, non avevo capito che li avevi fatti tu. Senno' c'andavo piu' leggero, 
giuro ^^;;;;;;;;;
Cmq:
http://www.faqintosh.com
 non rileva i cambiamenti di carattere
(se passo da molto piccolo a molto grande, compresi tutti gli intermedi, non 
cambia assolutamente niente)
Inoltre se ridimensiono la finestra in orizzontale i layer si sovrappongono 
tutti ed i pulsanti in alto scompaiono uno alla volta.
http://hal.net
Con il carattere di dimensioni "normali" la scritta sparisce sotto a 
prodotti (che in 1024*768 va a capo), mentre se aumento il font riesco a 
vederne un pezzo perche' sbuca e se lo diminuisco riesco a leggere il pezzo 
iniziale (che mi mancava) perche' sale verso l'altro e sbuca sopra la riga 
di prodotti.
L'unica cosa "positiva" e' l'andare a capo, quello e' fatto bene (a parte 
che, appunto, il testo sotto rimane li' e viene coperto da tutto)

 migliori.
Ok, lo confesso, probabilmente mi sfuggono alcuni concetti.
Per cui, tanto per imparare...
Cosa c'e' di cosi' sbagliato in questo: 
http://www.fireback.it/test/prova.htm
 ?

 scusa? Non capisco, sul serio.
Un esempio vale piu' di mille rutti:
http://www.fireback.it/test/Imm1.jpg
 (visualizzazione normale in 1024*768)
http://www.fireback.it/test/Imm2.jpg
 (ho ridotto la finestra di un po')

 
http://www.fireback.it/test/prova.htm
 ?
Come ti dicevo le tabelle non si usano per realizzare il layout di un sito
Web e quindi neppure per un menù.
E' questo l'errore di fondo... che poi naturalmente ne genera altri (codice
non pulito che mischia impostazioni di layout e contenuti, maggiore
lentezza nel caricamento, minore riusabilità e aggiornabilità del codice
ecc. ecc. ecc.).
In giro per il Web troverai sterminate informazioni, ti basterà cercare
tableless.
-- 
Ro!

 ROTFL! IE/win e` davvero *tanto* buggato! :-DDDD
Scusa... però il layout si rompe pure con FireFox1.5/Win e Opera8.5/Win,
sia ingrandendo i caratteri che ridimensionando la finestra, per entrambi i
siti che hai indicato... sia chiaro che è ben lungi da me l'idea di fare
polemica ma non credo che i problemi indicati da Drizzt siano dovuti a
specifici bug di IE/Win.
-- 
Nando [?]
Apostolo della Prova