Cari lettori di good2know, oggi vi presento un nuovo articolo sulla personalizzazione degli input file di un form.

Il metodo è semplice, utilizza i fogli di stile CSS e le proprietà del DOM.

Per vedere un esempio cliccate sul link.

Da web developer quale sono ho sempre desiderato poter personalizzare gli input dei form, magari con stili o sfondi particolari.

Da oggi si può, con un metodo che utilizza Javascript e i fogli di stile CSS.

E’ un metodo valido per quasi tutti browser, eccetto l’ormai moribondo Internet Explorer 6.

Molto spesso viene richiesto da un cliente di creare del testo “flashoso”, per attirare l’attenzione del visitatore.

Si tratta delle classiche gif che andavano sul web negli anni 90, e che qualcuno ancor’oggi utilizza per i propri siti, molto spesso amatoriali.

Ci può dare una mano javascript e le funzioni ricorsive.

Ultimamamente stavo lavorando ad un sito e mi è capitata la necessità di richiamare due fogli di stile diversi per i soliti problemi di stile dati da Internet Explorer.

Per inserire una chat sul proprio sito, Windows Live Messenger mette a disposizione un’altra utility.

Tutto quello di cui abbiamo bisogno è un account Windows Live Messenger (altrimenti con chi si chatta?) e il nostro sito web/blog.

E’ possibile includere un contatto a Windows Live Messenger sul proprio sito/blog tramite un’applicazione messa a disposizione dallo stesso Windows Live(immagine superiore).

Firefox vs Internet Explorer

Cari web developer e web master, stanchi di dovervi sbattere perchè non si possono utilizzare i png con le trasparenze per colpa di explorer? Niente paura.

Ecco il metodo per poter fixare il problema di IE 5.5 e IE 6.

Create una gif di 1×1 pixel trasparente.

Allora innanzitutto scaricate da qui i 4 javascript per il fix delle immagini.

Inserite nel css,o nell’head del vostro file questo stile:

<style type=”text/css”>
div.proyecto{ background-color:#000 }
div.descripcion_proyecto{ background-color:#000 }
</style>

Questo per quanto riguarda le immagini in png.

Scaricate da qui il .rar, dentro troverete un file gif(come sopra) da inserire nella cartella delle immagini.

Naturalmente i due file javascript vanno linkati all’interno dell’head e il gioco è fatto.

Multiple IE

Hai mai voluto testare il tuo sito web in varie versioni di Internet Explorer?

I web master e non solo,sanno che una volta installato IE7 la versione 6 (la più diffusa attualmente) verrà aggiornata e sparirà, come risolvere il problema?

Ci viene incontro Multiple IE.

Multiple IE è un freeware che permette a chi lo installa di emulare le varie versioni di IE sul proprio pc.

Puoi trovarlo qui.

Quelli che vi presento sono 3 applicativi web che servono per la sveglia, il cronometro e il conto alla rovescia.

Tu imposti i valori che ti interessano e il resto lo fanno loro.

Li potete trovare qui:

-Sveglia

-Cronometro

-Conto alla rovescia

Molto spesso capita che, in alcuni siti web, si debba inserire una google map.

Niente di più facile, se non cercare il luogo con il servizio, e premere sul bottone link in alto a destra.

Ma quando inseriamo il codice nella pagina può accadere che lo zoom non sia presente o sia troppo basso, cm facciamo?

<iframe width=”100″ height=”100″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.it/maps?f=q&amp;hl=it&amp;geocode=&amp;q=milano&amp;ie=UTF8&amp;z=12&amp;g=milano&amp;ll=45.491186,9.204826&amp;output=embed&amp;s=AARTsJog_xfQI91NSZuEboND8V4lslSE7g”></iframe>

Questo è un esempio del codice di una google map. Come vedete lo zoom è presente,ed è a 12, si può notare dal valore z=12 .

Ma se lo zoom lo vogliamo più grande? Basterà aumentare o diminuire il valore di z se vogliamo uno zoom più ampio o più ristretto.

E se proprio non è presente la z dello zoom?

Semplice, basterà modificare l’attributo href in modo che, dopo la dichiarazione di un qualsiasi parametro, ci sia :

&amp;z=valore che scegliamo