Modificare con un solo click il valore di una o più combobox



Pubblicato il 18/2/2009 alle 13:14 - Autore: Emanuele Calì

emawebdesign

In un form HTML ci possono essere molteplici combo box. Se il numero di combo è superiore alle 3/4 sicuramente, impostare il valore desiderato, risulterà un’operazione noiosa specialmente se il valore da impostare è lo stesso per tutte le combo.

Immaginiamo un sondaggio con una decina di combo con valori SI/NO dove dobbiamo impostare “NO” su tutte le combo. Risulterebbe comodo poterlo fare con un unico click.

Ecco come possiamo realizzare la cosa con JavaScript:

<form method=”get” action=”#” name=”modulo”>
<select name=”combo”>
<option value=”0″ selected=”selected”>SI</option>
<option value=”1″>NO</option>
</select>
<select name=”combo2″>
<option value=”0″ selected=”selected”>SI</option>
<option value=”1″>NO</option>
</select>
<input type=”button” value=”IMPOSTA SU SI” onclick=”javascript:setCombo(0)” />
<input type=”button” value=”IMPOSTA SU NO” onclick=”javascript:setCombo(1)” />
</form>

Nel form ho inserito due button che richiamano una funzione javascript passandogli il parametro che dovrà essere impostato su tutte le combo.

Ecco la funzione JS:

<script language=”javascript” type=”text/javascript”>

function setCombo(valore) {

if (valore==0) document.modulo.combo.value=0;
if (valore==1) document.modulo.combo.value=1;

if (valore==0) document.modulo.combo2.value=0;
if (valore==1) document.modulo.combo2.value=1;

}

</script>

Potete osservare il comportamento dello script qui.

Pubblicato in: HTML, JavaScript, News, Programmazione, Scripts | Nessun commento »

I migliori post della settimana #13

Pubblicato il 15/2/2009 alle 16:54 - Autore: Emanuele Calì

emawebdesign

Di seguito i posts più interessanti di questa settimana:

1) 10 Siti per Imparare Gimp

2) h1 h2 h3: come utilizzare gli heading nelle pagine web
Chi si occupa di Internet e/o ha un Blog difficilmente non avrà mai sentito parlare di questi heading. In effetti sono degli elementi html, dei tag, in cui racchiudere per ordine di importanza: h1 per i testi più importanti, fino ad h6 i testi con poca importanza…

3) File uploaders collection for web developers

4) 750 Pixel CSS Layouts

5) Alternativa a SWFObject per attivare contenuto Flash
Chi lavora con tecnologia Adobe Flash conoscerà sicuramente il problema verificatosi a causa dell’aggiornamento di Internet Explorer riguardante l’attivazione dei filmati swf  in Internet Explorer 6…

6) L’importanza del codice semantico

7) Soluzioni: creare un semplice sito multilingua in PHP

8 ) jQuery Tutorial – imparare ad usare jQuery da zero

Pubblicato in: CSS, Flash, Grafica, HTML, JavaScript, jQuery, Migliori post della settimana, PHP, Programmazione, Scripts, Web Design | Nessun commento »

My fist your face: il tuo volto per un personaggio di Street Fighter IV

Pubblicato il 13/2/2009 alle 22:14 - Autore: Emanuele Calì

Una quindicina di anni fà circa (non sono vecchio eh) mi dividevo tra Commodore 64 e SuperNintendo mentre oggi mi dedico solo al web (ma guarda un pò). Mi piaceva molto giocare a Super Mario o Street Fighter (col Commodore pure mi divertivo… appena il gioco partiva dopo due ore di caricamento da cassetta  emawebdesign   ).

Vi siete mai chiesti che effetto vi farebbe vedere un personaggio di Street Fighter con la vostra faccia? No? Ottimo, allora siete sani di mente emawebdesign .

Scherzi a parte, a questo link potete applicare (tramite una foto) il vostro volto ad un personaggio di Street Fighter.

Eccomi nel video sotto in versione Ken:

Pubblicato in: Foto e immagini, News, Video, Web 2.0 | Nessun commento »

Come creare applicazioni interattive con Ajax

Pubblicato il 11/2/2009 alle 16:47 - Autore: Emanuele Calì

emawebdesign

Per Blographik ho scritto un guest-post dove parlo di Ajax, tecnologia oggi utilizzatissima dagli sviluppatori web. Se volete avere info in merito vi consiglio di leggere l’articolo: Come creare applicazioni interattive con Ajax

Pubblicato in: Ajax, HTML, JavaScript, News, Programmazione, Scripts, Web 2.0 | Nessun commento »

Spot per Google Chrome in stile Arkanoid

Pubblicato il 11/2/2009 alle 13:00 - Autore: Emanuele Calì

Davvero simpatico questo spot (di Google Japan) in stile Arkanoid realizzato per promuovere l’utilizzo del browser Google Chrome.

Pubblicato in: Google, News, Software, Video | Nessun commento »

I migliori post della settimana #12

Pubblicato il 8/2/2009 alle 17:48 - Autore: Emanuele Calì

Di seguito alcuni post interessanti di questa settimana:

1) Firefox Bug Flash wmode transparent: Ecco come risolvere

2) Frog, un Cms semplice per qualsiasi sito o Blog
Qualche settimana fa avevamo parlato di Cms Gratuiti, in cui compariva anche Frog Cms.Frog è un Cms molto semplice, open source, adattabile per qualsiasi sito, scritto in php,  e con un codice molto semplice che ricorda vagamente quello di WordPress…

3) Free Textures Per i Tuoi Design – 17 Account Flickr Da Tenere A Portata Di Mano

4) Come Integrare Gli SMS Nelle Web Application Grazie Agli SMS Gateway
Le piattaforme hardware/software che offrono questo tipi di servizio si chiamano SMS gateway. Ne esistono diversi anche in italia e permettono di gestire gli SMS esattamente come parametri di un modulo HTML tramite il metodo GET…

5) 10 Clean Forum Designs

6) Best Image Croppers ready to use for web developers

7) La navigazione di un sito web per il SEO: una utile checklist

Pubblicato in: ActionScript, Ajax, CMS, Flash, Foto e immagini, Grafica, jQuery, Migliori post della settimana, Web 2.0 | 4 Commenti »

Indagini di mercato su Facebook, si può?

Pubblicato il 6/2/2009 alle 15:02 - Autore: Emanuele Calì

emawebdesign

In questi ultimi tempi Facebook sta cercando di sfruttare i dati personali dei suoi iscritti (circa 150 milioni) per creare una piattaforma che permetta alle aziende di effettuare ricerche di mercato. Questo perchè la sola pubblicità, ospitata dal social network, non è sufficiente come forma di guadagno.

Questa piattaforma non sarebbe altro che un sistema di sondaggi che permette di rivolgere domande agli utenti ricevendo una risposta in modo semplice e veloce.

La domanda ora è: a parte il sistema di sondaggi esiste la possibilità, quindi, di effettuare indagini di mercato in modo semplice e veloce tramite Facebook?

Vi invito a guardare questo video di Giorgio Tave:

Pubblicato in: News, SEM, Social Network, Video, Web 2.0 | Nessun commento »

Siti web e SEO: 5 consigli su come ottimizzare link e immagini

Pubblicato il 31/1/2009 alle 16:58 - Autore: Emanuele Calì

emawebdesign

Nel precedente articolo su “Siti web e SEO” abbiamo visto come ottimizzare il tag title. Se non hai letto l’articolo puoi leggerlo qui.

Oggi vedremo come ottimizzare (ovviamente in chiave SEO) i link e le immagini del nostro sito/blog anche per aiutarci con il posizionamento.

Ecco i consigli che ho da darti (se anche tu hai qualche altro consiglio da dare sull’argomento condividilo con un commento):

1) Non riempire di link (esterni) la tua home page e soprattutto valutali uno ad uno
Un consiglio che posso darti è di non riempire la tua home page di link ad altri siti. Se hai una lunga lista di link che vuoi inserire, scegli uno spazio dedicato, magari una pagina interna che puoi  utilizzare come spazio link o blogroll. Se hai sentito o letto che linkare tanti altri siti è buona cosa, posso dirti che non aiuterà il tuo sito in chiave SEO. Se scrivi contenuti di qualità e il tuo sito offre “qualcosa” di valore ai lettori incrementa questo valore “consigliando” altri siti a tema ma preoccupati che questi siti siano di qualità e che offrano contenuti pari ai tuoi o anche di qualità superiore.

2) Metti in evidenza le pagine/sezioni più importanti del tuo sito
Sicuramente il tuo sito contiene una o più sezioni di rilevanza maggiore rispetto alle altre. Tra gli articoli che pubblichi c’è ne sono alcuni che ti hanno portato maggiori soddisfazioni rispetto a tutti gli altri. Bene, cerca di “spingere” queste sezioni/articoli pianificando e realizzando una serie di link interni. Il tuo articolo di maggiore qualità linkalo da altri (sempre a tema) con testi diversi, per esempio:

Uno dei tuoi migliori articoli è: “Guida di base al PHP“?

Linkalo da altri articoli (a tema) nel seguente modo:

- <a href=”articolo” title=”Guida di base al PHP”>Guida di base al PHP</a>
- <a href=”articolo” title=”Esempi pratici su PHP”>Esempi pratici su PHP</a>
- <a href=”articolo” title=”Ecco come iniziare a programmare in PHP”>Ecco come iniziare a programmare in PHP</a>

Io ti ho fatto un semplice esempio, tu cerca di analizzare la situazione e scegliere con cura i testi e le keywords da utilizzare. Nel mio esempio la parola PHP non poteva mancare in tutti i link e i testi non sono frutto del caso ma sono stati scelti con cura. Nell’individuazione dei testi e delle keywords puoi prendere spunto da altri siti a tema o aiutarti con strumenti come quelli offerti da Google AdWords.

3) Compila sempre il tag title dei link
Può sembrare un consiglio banale ma non lo è. Compilate sempre il tag title dei link con una frase che descriva perfettamente il contenuto dell’articolo linkato. Non sottovalutare la keywords density (attenzione, non significa “riempire” di keywords ma ripetere più volte la keyword più importante) e fai in modo che la parola chiave più importante non manchi in nessun link così come non deve mancare nel tag title della pagina.

4) Compila i tag alt e title delle immagini
E’ un consiglio scontato ma non voglio escluderlo: compilate i tag alt e title delle immagini. E’ importante compilare questi tag, in temini di usabilità, per fornire una descrizione testuale alternativa dell’immagine. Questa operazione aiuta anche in chiave SEO, per cui, il testo sceglietelo con cura e selezionate, a tale proposito, due o tre keywords particolarmente mirate.

5) Fatti pubblicità
Spendi milioni e milioni di euro in pubblicità su canali televisivi pubblici, privati e satellitari  emawebdesign
A parte gli scherzi, includi nella firma della tua e-mail un link al tuo sito web. Se visiti forum a tema col tuo sito inserisci anche lì un link al tuo sito nella tua firma in modo che ogni tuo post sul forum può potenzialmente portarti visite. Fallo con criterio però perchè, se esageri, rischi di farti identificare come spammer.

Se il tuo sito/blog pubblica un Feed RSS inserisci al termine di ogni post nel feed un link al tuo sito web, questo aiuta anche contro gli immancabili “copioni di post“. Se usi WordPress per pubblicare articoli puoi utilizzare un plugin come RSS Footer.

Cosa molto importante, se utilizzi i social network (chi non li utilizza??), in ogni account metti il link al tuo sito tra le tue info. Questa operazione non dimenticarla soprattutto sui social network col maggior traffico come Facebook e YouTube.

Pubblicato in: Foto e immagini, HTML, News, SEM, SEO, Social Network, Web 2.0 | Nessun commento »

Paginazioni stilizzate con i CSS

Pubblicato il 28/1/2009 alle 12:23 - Autore: Emanuele Calì

emawebdesign

Woork illustra come stilizzare le paginazioni di dati con i CSS.

Nell’articolo, che trovate qui, potete visionare il codice HTML e CSS e ci sono anche i files da scaricare.

Pubblicato in: CSS, Grafica, HTML, News, Risorse, Web 2.0, Web Design | Nessun commento »

I migliori post della settimana #11

Pubblicato il 25/1/2009 alle 16:37 - Autore: Emanuele Calì

Di seguito alcuni post utili/interessanti di questa settimana:

1) CSS3 Embedding a Font Face

2) 30 Excellent CSS Based Navigation and Buttons Tutorial

3) Il concetto di “fase beta” sul Web è cambiato?
Il concetto di beta, oggi, va profondamente rivisto. Come noto, il termine sta ad indicare una fase dello sviluppo di un software o di un servizio su Internet…

4) Hai mai utilizzato Facebook per promuovere il tuo blog?

5) Ispirazione Finita? 14 Diversi Tipi Di Articoli Che Puoi Pubblicare Sul Tuo Blog

Pubblicato in: CSS, Fonts, Grafica, Migliori post della settimana, News, Social Network | Nessun commento »