Combobox regione e provincia referenziate tramite JavaScript



Pubblicato il 30/1/2012 alle 07:29

combobox regione provincia referenziate

Nell’articolo ComboBox pronte all’uso: select nazioni, regioni e province ho condiviso l’HTML delle combobox di nazione, regione e provincia per offrirti un comodo copia-incolla.

Oggi condivido l’HTML e una funzione JavaScript che ti permetterà di implementare le combo regione e provincia “referenziate“. In pratica, selezionando una regione nella prima combobox, verranno poi caricate le rispettive province nella seconda.

Combo regioni

<select id="regione" name="regione" onchange="javascript:loadProvincia(this.value);">
<option value="" selected>Seleziona</option>
<option value="abruzzo">abruzzo</option>
<option value="basilicata">basilicata</option>
<option value="calabria">calabria</option>
<option value="campania">campania</option>
<option value="emilia romagna">emilia romagna</option>
<option value="friuli venezia giulia">friuli venezia giulia</option>
<option value="lazio">lazio</option>
<option value="liguria">liguria</option>
<option value="lombardia">lombardia</option>
<option value="marche">marche</option>
<option value="molise">molise</option>
<option value="piemonte">piemonte</option>
<option value="puglia">puglia</option>
<option value="sardegna">sardegna</option>
<option value="sicilia">sicilia</option>
<option value="toscana">toscana</option>
<option value="trentino alto adige">trentino alto adige</option>
<option value="umbria">umbria</option>
<option value="valle d'aosta">valle d'aosta</option>
<option value="veneto">veneto</option>
</select>

Combo province

<select id="provincia" name="provincia">
<option value="" selected>Seleziona</option>
 </select>

Combo regioni (edit version)

<select id="regione" name="regione" onchange="javascript:loadProvincia(this.value);">
<option value="" <?php if ($regione=="") echo "selected"; ?> >Seleziona</option>
<option value="abruzzo" <?php if ($regione=="abruzzo") echo "selected"; ?> >abruzzo</option>
<option value="basilicata" <?php if ($regione=="basilicata") echo "selected"; ?> >basilicata</option>
<option value="calabria" <?php if ($regione=="calabria") echo "selected"; ?> >calabria</option>
<option value="campania" <?php if ($regione=="campania") echo "selected"; ?> >campania</option>
<option value="emilia romagna" <?php if ($regione=="emilia romagna") echo "selected"; ?> >emilia romagna</option>
<option value="friuli venezia giulia" <?php if ($regione=="friuli venezia giulia") echo "selected"; ?> >friuli venezia giulia</option>
<option value="lazio" <?php if ($regione=="lazio") echo "selected"; ?> >lazio</option>
<option value="liguria" <?php if ($regione=="liguria") echo "selected"; ?> >liguria</option>
<option value="lombardia" <?php if ($regione=="lombardia") echo "selected"; ?> >lombardia</option>
<option value="marche" <?php if ($regione=="marche") echo "selected"; ?> >marche</option>
<option value="molise" <?php if ($regione=="molise") echo "selected"; ?> >molise</option>
<option value="piemonte" <?php if ($regione=="piemonte") echo "selected"; ?> >piemonte</option>
<option value="puglia" <?php if ($regione=="puglia") echo "selected"; ?> >puglia</option>
<option value="sardegna" <?php if ($regione=="sardegna") echo "selected"; ?> >sardegna</option>
<option value="sicilia" <?php if ($regione=="sicilia") echo "selected"; ?> >sicilia</option>
<option value="toscana" <?php if ($regione=="toscana") echo "selected"; ?> >toscana</option>
<option value="trentino alto adige" <?php if ($regione=="trentino alto adige") echo "selected"; ?> >trentino alto adige</option>
<option value="umbria" <?php if ($regione=="umbria") echo "selected"; ?> >umbria</option>
<option value="valle d'aosta" <?php if ($regione=="valle d'aosta") echo "selected"; ?> >valle d'aosta</option>
<option value="veneto" <?php if ($regione=="veneto") echo "selected"; ?> >veneto</option>
</select>

Combo province (edit version)

<select id="provincia" name="provincia">
<option value="" <?php if ($provincia=="") echo "selected"; ?> >Seleziona</option>
<option value="Agrigento" <?php if ($provincia=="Agrigento") echo "selected"; ?> >Agrigento</option>
<option value="Alessandria" <?php if ($provincia=="Alessandria") echo "selected"; ?> >Alessandria</option>
<option value="Ancona" <?php if ($provincia=="Ancona") echo "selected"; ?> >Ancona</option>
<option value="Aosta" <?php if ($provincia=="Aosta") echo "selected"; ?> >Aosta</option>
<option value="Arezzo" <?php if ($provincia=="Arezzo") echo "selected"; ?> >Arezzo</option>
<option value="Ascoli Piceno" <?php if ($provincia=="Ascoli Piceno") echo "selected"; ?> >Ascoli Piceno</option>
<option value="Asti" <?php if ($provincia=="Asti") echo "selected"; ?> >Asti</option>
<option value="Avellino" <?php if ($provincia=="Avellino") echo "selected"; ?> >Avellino</option>
<option value="Bari" <?php if ($provincia=="Bari") echo "selected"; ?> >Bari</option>
<option value="Barletta-Andria-Trani" <?php if ($provincia=="Barletta-Andria-Trani") echo "selected"; ?> >Barletta-Andria-Trani</option>
<option value="Belluno" <?php if ($provincia=="Belluno") echo "selected"; ?> >Belluno</option>
<option value="Benevento" <?php if ($provincia=="Benevento") echo "selected"; ?> >Benevento</option>
<option value="Bergamo" <?php if ($provincia=="Bergamo") echo "selected"; ?> >Bergamo</option>
<option value="Biella" <?php if ($provincia=="Biella") echo "selected"; ?> >Biella</option>
<option value="Bologna" <?php if ($provincia=="Bologna") echo "selected"; ?> >Bologna</option>
<option value="Bolzano" <?php if ($provincia=="Bolzano") echo "selected"; ?> >Bolzano</option>
<option value="Brescia" <?php if ($provincia=="Brescia") echo "selected"; ?> >Brescia</option>
<option value="Brindisi" <?php if ($provincia=="Brindisi") echo "selected"; ?> >Brindisi</option>
<option value="Cagliari" <?php if ($provincia=="Cagliari") echo "selected"; ?> >Cagliari</option>
<option value="Caltanissetta" <?php if ($provincia=="Caltanissetta") echo "selected"; ?> >Caltanissetta</option>
<option value="Caserta" <?php if ($provincia=="Caserta") echo "selected"; ?> >Caserta</option>
<option value="Catania" <?php if ($provincia=="Catania") echo "selected"; ?> >Catania</option>
<option value="Catanzaro" <?php if ($provincia=="Catanzaro") echo "selected"; ?> >Catanzaro</option>
<option value="Chieti" <?php if ($provincia=="Chieti") echo "selected"; ?> >Chieti</option>
<option value="Como" <?php if ($provincia=="Como") echo "selected"; ?> >Como</option>
<option value="Cosenza" <?php if ($provincia=="Cosenza") echo "selected"; ?> >Cosenza</option>
<option value="Cremona" <?php if ($provincia=="Cremona") echo "selected"; ?> >Cremona</option>
<option value="Crotone" <?php if ($provincia=="Crotone") echo "selected"; ?> >Crotone</option>
<option value="Cuneo" <?php if ($provincia=="Cuneo") echo "selected"; ?> >Cuneo</option>
<option value="Enna" <?php if ($provincia=="Enna") echo "selected"; ?> >Enna</option>
<option value="Ferrara" <?php if ($provincia=="Ferrara") echo "selected"; ?> >Ferrara</option>
<option value="Firenze" <?php if ($provincia=="Firenze") echo "selected"; ?> >Firenze</option>
<option value="Foggia" <?php if ($provincia=="Foggia") echo "selected"; ?> >Foggia</option>
<option value="Forl&igrave;-Cesena" <?php if ($provincia=="Forl&igrave;-Cesena") echo "selected"; ?> >Forl&igrave;-Cesena</option>
<option value="Frosinone" <?php if ($provincia=="Frosinone") echo "selected"; ?> >Frosinone</option>
<option value="Genova" <?php if ($provincia=="Genova") echo "selected"; ?> >Genova</option>
<option value="Gorizia" <?php if ($provincia=="Gorizia") echo "selected"; ?> >Gorizia</option>
<option value="Grosseto" <?php if ($provincia=="Grosseto") echo "selected"; ?> >Grosseto</option>
<option value="Imperia" <?php if ($provincia=="Imperia") echo "selected"; ?> >Imperia</option>
<option value="L\'Aquila" <?php if ($provincia=="L\'Aquila") echo "selected"; ?> >L\'Aquila</option>
<option value="La Spezia" <?php if ($provincia=="La Spezia") echo "selected"; ?> >La Spezia</option>
<option value="Latina" <?php if ($provincia=="Latina") echo "selected"; ?> >Latina</option>
<option value="Lecce" <?php if ($provincia=="Lecce") echo "selected"; ?> >Lecce</option>
<option value="Lecco" <?php if ($provincia=="Lecco") echo "selected"; ?> >Lecco</option>
<option value="Livorno" <?php if ($provincia=="Livorno") echo "selected"; ?> >Livorno</option>
<option value="Lodi" <?php if ($provincia=="Lodi") echo "selected"; ?> >Lodi</option>
<option value="Lucca" <?php if ($provincia=="Lucca") echo "selected"; ?> >Lucca</option>
<option value="Macerata" <?php if ($provincia=="Macerata") echo "selected"; ?> >Macerata</option>
<option value="Mantova" <?php if ($provincia=="Mantova") echo "selected"; ?> >Mantova</option>
<option value="Massa Carrara" <?php if ($provincia=="Massa Carrara") echo "selected"; ?> >Massa Carrara</option>
<option value="Matera" <?php if ($provincia=="Matera") echo "selected"; ?> >Matera</option>
<option value="Messina" <?php if ($provincia=="Messina") echo "selected"; ?> >Messina</option>
<option value="Milano" <?php if ($provincia=="Milano") echo "selected"; ?> >Milano</option>
<option value="Modena" <?php if ($provincia=="Modena") echo "selected"; ?> >Modena</option>
<option value="Monza Brianza" <?php if ($provincia=="Monza Brianza") echo "selected"; ?> >Monza Brianza</option>
<option value="Napoli" <?php if ($provincia=="Napoli") echo "selected"; ?> >Napoli</option>
<option value="Novara" <?php if ($provincia=="Novara") echo "selected"; ?> >Novara</option>
<option value="Nuoro" <?php if ($provincia=="Nuoro") echo "selected"; ?> >Nuoro</option>
<option value="Olbia-Tempio" <?php if ($provincia=="Olbia-Tempio") echo "selected"; ?> >Olbia-Tempio</option>
<option value="Oristano" <?php if ($provincia=="Oristano") echo "selected"; ?> >Oristano</option>
<option value="Padova" <?php if ($provincia=="Padova") echo "selected"; ?> >Padova</option>
<option value="Palermo" <?php if ($provincia=="Palermo") echo "selected"; ?> >Palermo</option>
<option value="Parma" <?php if ($provincia=="Parma") echo "selected"; ?> >Parma</option>
<option value="Pavia" <?php if ($provincia=="Pavia") echo "selected"; ?> >Pavia</option>
<option value="Perugia" <?php if ($provincia=="Perugia") echo "selected"; ?> >Perugia</option>
<option value="Pesaro e Urbino" <?php if ($provincia=="Pesaro e Urbino") echo "selected"; ?> >Pesaro e Urbino</option>
<option value="Pescara" <?php if ($provincia=="Pescara") echo "selected"; ?> >Pescara</option>
<option value="Piacenza" <?php if ($provincia=="Piacenza") echo "selected"; ?> >Piacenza</option>
<option value="Pisa" <?php if ($provincia=="Pisa") echo "selected"; ?> >Pisa</option>
<option value="Pistoia" <?php if ($provincia=="Pistoia") echo "selected"; ?> >Pistoia</option>
<option value="Pordenone" <?php if ($provincia=="Pordenone") echo "selected"; ?> >Pordenone</option>
<option value="Potenza" <?php if ($provincia=="Potenza") echo "selected"; ?> >Potenza</option>
<option value="Prato" <?php if ($provincia=="Prato") echo "selected"; ?> >Prato</option>
<option value="Ragusa" <?php if ($provincia=="Ragusa") echo "selected"; ?> >Ragusa</option>
<option value="Ravenna" <?php if ($provincia=="Ravenna") echo "selected"; ?> >Ravenna</option>
<option value="Reggio Calabria" <?php if ($provincia=="Reggio Calabria") echo "selected"; ?> >Reggio Calabria</option>
<option value="Repubblica di San Marino" <?php if ($provincia=="Repubblica di San Marino") echo "selected"; ?> >Repubblica di San Marino</option>
<option value="Rieti" <?php if ($provincia=="Rieti") echo "selected"; ?> >Rieti</option>
<option value="Rimini" <?php if ($provincia=="Rimini") echo "selected"; ?> >Rimini</option>
<option value="Roma" <?php if ($provincia=="Roma") echo "selected"; ?> >Roma</option>
<option value="Rovigo" <?php if ($provincia=="Rovigo") echo "selected"; ?> >Rovigo</option>
<option value="Salerno" <?php if ($provincia=="Salerno") echo "selected"; ?> >Salerno</option>
<option value="Sassari" <?php if ($provincia=="Sassari") echo "selected"; ?> >Sassari</option>
<option value="Savona" <?php if ($provincia=="Savona") echo "selected"; ?> >Savona</option>
<option value="Siena" <?php if ($provincia=="Siena") echo "selected"; ?> >Siena</option>
<option value="Siracusa" <?php if ($provincia=="Siracusa") echo "selected"; ?> >Siracusa</option>
<option value="Sondrio" <?php if ($provincia=="Sondrio") echo "selected"; ?> >Sondrio</option>
<option value="Taranto" <?php if ($provincia=="Taranto") echo "selected"; ?> >Taranto</option>
<option value="Teramo" <?php if ($provincia=="Teramo") echo "selected"; ?> >Teramo</option>
<option value="Terni" <?php if ($provincia=="Terni") echo "selected"; ?> >Terni</option>
<option value="Torino" <?php if ($provincia=="Torino") echo "selected"; ?> >Torino</option>
<option value="Trapani" <?php if ($provincia=="Trapani") echo "selected"; ?> >Trapani</option>
<option value="Trento" <?php if ($provincia=="Trento") echo "selected"; ?> >Trento</option>
<option value="Treviso" <?php if ($provincia=="Treviso") echo "selected"; ?> >Treviso</option>
<option value="Trieste" <?php if ($provincia=="Trieste") echo "selected"; ?> >Trieste</option>
<option value="Udine" <?php if ($provincia=="Udine") echo "selected"; ?> >Udine</option>
<option value="Varese" <?php if ($provincia=="Varese") echo "selected"; ?> >Varese</option>
<option value="Venezia" <?php if ($provincia=="Venezia") echo "selected"; ?> >Venezia</option>
<option value="Verb-Cus-Ossola" <?php if ($provincia=="Verb-Cus-Ossola") echo "selected"; ?> >Verb-Cus-Ossola</option>
<option value="Vercelli" <?php if ($provincia=="Vercelli") echo "selected"; ?> >Vercelli</option>
<option value="Verona" <?php if ($provincia=="Verona") echo "selected"; ?> >Verona</option>
<option value="Vibo Valentia" <?php if ($provincia=="Vibo Valentia") echo "selected"; ?> >Vibo Valentia</option>
<option value="Vicenza" <?php if ($provincia=="Vicenza") echo "selected"; ?> >Vicenza</option>
<option value="Viterbo" <?php if ($provincia=="Viterbo") echo "selected"; ?> >Viterbo</option>           
</select>

Ed ecco la funzione JavaScript

function loadProvincia(param) {
 
var str = "";
 
    if (param=="") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Agrigento">Agrigento</option>';
        str += '<option value="Alessandria">Alessandria</option>';
        str += '<option value="Ancona">Ancona</option>';
        str += '<option value="Aosta">Aosta</option>';
        str += '<option value="Arezzo">Arezzo</option>';
        str += '<option value="Ascoli Piceno">Ascoli Piceno</option>';
        str += '<option value="Asti">Asti</option>';
        str += '<option value="Avellino">Avellino</option>';
        str += '<option value="Bari">Bari</option>';
        str += '<option value="Barletta-Andria-Trani">Barletta-Andria-Trani</option>';
        str += '<option value="Belluno">Belluno</option>';
        str += '<option value="Benevento">Benevento</option>';
        str += '<option value="Bergamo">Bergamo</option>';
        str += '<option value="Biella">Biella</option>';
        str += '<option value="Bologna">Bologna</option>';
        str += '<option value="Bolzano">Bolzano</option>';
        str += '<option value="Brescia">Brescia</option>';
        str += '<option value="Brindisi">Brindisi</option>';
        str += '<option value="Cagliari">Cagliari</option>';
        str += '<option value="Caltanissetta">Caltanissetta</option>';
        str += '<option value="Caserta">Caserta</option>';
        str += '<option value="Catania">Catania</option>';
        str += '<option value="Catanzaro">Catanzaro</option>';
        str += '<option value="Chieti">Chieti</option>';
        str += '<option value="Como">Como</option>';
        str += '<option value="Cosenza">Cosenza</option>';
        str += '<option value="Cremona">Cremona</option>';
        str += '<option value="Crotone">Crotone</option>';
        str += '<option value="Cuneo">Cuneo</option>';
        str += '<option value="Enna">Enna</option>';
        str += '<option value="Ferrara">Ferrara</option>';
        str += '<option value="Firenze">Firenze</option>';
        str += '<option value="Foggia">Foggia</option>';
        str += '<option value="Forl&igrave;-Cesena">Forl&igrave;-Cesena</option>';
        str += '<option value="Frosinone">Frosinone</option>';
        str += '<option value="Genova">Genova</option>';
        str += '<option value="Gorizia">Gorizia</option>';
        str += '<option value="Grosseto">Grosseto</option>';
        str += '<option value="Imperia">Imperia</option>';
        str += '<option value="L\'Aquila">L\'Aquila</option>';
        str += '<option value="La Spezia">La Spezia</option>';
        str += '<option value="Latina">Latina</option>';
        str += '<option value="Lecce">Lecce</option>';
        str += '<option value="Lecco">Lecco</option>';
        str += '<option value="Livorno">Livorno</option>';
        str += '<option value="Lodi">Lodi</option>';
        str += '<option value="Lucca">Lucca</option>';
        str += '<option value="Macerata">Macerata</option>';
        str += '<option value="Mantova">Mantova</option>';
        str += '<option value="Massa Carrara">Massa Carrara</option>';
        str += '<option value="Matera">Matera</option>';
        str += '<option value="Messina">Messina</option>';
        str += '<option value="Milano">Milano</option>';
        str += '<option value="Modena">Modena</option>';
        str += '<option value="Monza Brianza">Monza Brianza</option>';
        str += '<option value="Napoli">Napoli</option>';
        str += '<option value="Novara">Novara</option>';
        str += '<option value="Nuoro">Nuoro</option>';
        str += '<option value="Olbia-Tempio">Olbia-Tempio</option>';
        str += '<option value="Oristano">Oristano</option>';
        str += '<option value="Padova">Padova</option>';
        str += '<option value="Palermo">Palermo</option>';
        str += '<option value="Parma">Parma</option>';
        str += '<option value="Pavia">Pavia</option>';
        str += '<option value="Perugia">Perugia</option>';
        str += '<option value="Pesaro e Urbino">Pesaro e Urbino</option>';
        str += '<option value="Pescara">Pescara</option>';
        str += '<option value="Piacenza">Piacenza</option>';
        str += '<option value="Pisa">Pisa</option>';
        str += '<option value="Pistoia">Pistoia</option>';
        str += '<option value="Pordenone">Pordenone</option>';
        str += '<option value="Potenza">Potenza</option>';
        str += '<option value="Prato">Prato</option>';
        str += '<option value="Ragusa">Ragusa</option>';
        str += '<option value="Ravenna">Ravenna</option>';
        str += '<option value="Reggio Calabria">Reggio Calabria</option>';
        str += '<option value="Repubblica di San Marino">Repubblica di San Marino</option>';
        str += '<option value="Rieti">Rieti</option>';
        str += '<option value="Rimini">Rimini</option>';
        str += '<option value="Roma">Roma</option>';
        str += '<option value="Rovigo">Rovigo</option>';
        str += '<option value="Salerno">Salerno</option>';
        str += '<option value="Sassari">Sassari</option>';
        str += '<option value="Savona">Savona</option>';
        str += '<option value="Siena">Siena</option>';
        str += '<option value="Siracusa">Siracusa</option>';
        str += '<option value="Sondrio">Sondrio</option>';
        str += '<option value="Taranto">Taranto</option>';
        str += '<option value="Teramo">Teramo</option>';
        str += '<option value="Terni">Terni</option>';
        str += '<option value="Torino">Torino</option>';
        str += '<option value="Trapani">Trapani</option>';
        str += '<option value="Trento">Trento</option>';
        str += '<option value="Treviso">Treviso</option>';
        str += '<option value="Trieste">Trieste</option>';
        str += '<option value="Udine">Udine</option>';
        str += '<option value="Varese">Varese</option>';
        str += '<option value="Venezia">Venezia</option>';
        str += '<option value="Verb-Cus-Ossola">Verb-Cus-Ossola</option>';
        str += '<option value="Vercelli">Vercelli</option>';
        str += '<option value="Verona">Verona</option>';
        str += '<option value="Vibo Valentia">Vibo Valentia</option>';
        str += '<option value="Vicenza">Vicenza</option>';
        str += '<option value="Viterbo">Viterbo</option>';
 
    }
 
 
    if (param=="abruzzo") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Chieti">Chieti</option>';
        str += '<option value="L\'Aquila">L\'Aquila</option>';
        str += '<option value="Pescara">Pescara</option>';
        str += '<option value="Teramo">Teramo</option>';
 
    }
 
 
 
    if (param=="basilicata") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Matera">Matera</option>';
        str += '<option value="Potenza">Potenza</option>';
 
    }
 
 
 
    if (param=="calabria") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Catanzaro">Catanzaro</option>';
        str += '<option value="Cosenza">Cosenza</option>';
        str += '<option value="Crotone">Crotone</option>';
        str += '<option value="Reggio Calabria">Reggio Calabria</option>';
        str += '<option value="Vibo Valentia">Vibo Valentia</option>';
 
    }
 
 
 
 
    if (param=="campania") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Avellino">Avellino</option>';
        str += '<option value="Benevento">Benevento</option>';
        str += '<option value="Caserta">Caserta</option>';
        str += '<option value="Napoli">Napoli</option>';
        str += '<option value="Salerno">Salerno</option>';
 
    }
 
 
 
 
    if (param=="emilia romagna") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Bologna">Bologna</option>';
        str += '<option value="Ferrara">Ferrara</option>';
        str += '<option value="Forl&igrave;-Cesena">Forl&igrave;-Cesena</option>';
        str += '<option value="Modena">Modena</option>';
        str += '<option value="Parma">Parma</option>';
        str += '<option value="Piacenza">Piacenza</option>';
        str += '<option value="Ravenna">Ravenna</option>';
        str += '<option value="Repubblica di San Marino">Repubblica di San Marino</option>';
        str += '<option value="Rimini">Rimini</option>';
 
    }
 
 
 
 
    if (param=="friuli venezia giulia") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Gorizia">Gorizia</option>';
        str += '<option value="Pordenone">Pordenone</option>';
        str += '<option value="Trieste">Trieste</option>';
        str += '<option value="Udine">Udine</option>';
 
    }
 
 
 
 
    if (param=="lazio") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Frosinone">Frosinone</option>';
        str += '<option value="Latina">Latina</option>';
        str += '<option value="Rieti">Rieti</option>';
        str += '<option value="Roma">Roma</option>';
        str += '<option value="Viterbo">Viterbo</option>';
 
    }
 
 
 
 
 
    if (param=="liguria") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Genova">Genova</option>';
        str += '<option value="Imperia">Imperia</option>';
        str += '<option value="La Spezia">La Spezia</option>';
        str += '<option value="Savona">Savona</option>';
 
    }
 
 
 
 
    if (param=="lombardia") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Bergamo">Bergamo</option>';
        str += '<option value="Brescia">Brescia</option>';
        str += '<option value="Como">Como</option>';
        str += '<option value="Cremona">Cremona</option>';
        str += '<option value="Lecco">Lecco</option>';
        str += '<option value="Lodi">Lodi</option>';
        str += '<option value="Mantova">Mantova</option>';
        str += '<option value="Milano">Milano</option>';
        str += '<option value="Monza Brianza">Monza Brianza</option>';
        str += '<option value="Pavia">Pavia</option>';
        str += '<option value="Sondrio">Sondrio</option>';
        str += '<option value="Varese">Varese</option>';
 
    }
 
 
 
 
    if (param=="marche") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Ancona">Ancona</option>';
        str += '<option value="Ascoli Piceno">Ascoli Piceno</option>';
        str += '<option value="Macerata">Macerata</option>';
        str += '<option value="Pesaro e Urbino">Pesaro e Urbino</option>';
 
    }
 
 
 
 
    if (param=="piemonte") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Alessandria">Alessandria</option>';
        str += '<option value="Asti">Asti</option>';
        str += '<option value="Biella">Biella</option>';
        str += '<option value="Cuneo">Cuneo</option>';
        str += '<option value="Novara">Novara</option>';
        str += '<option value="Torino">Torino</option>';
        str += '<option value="Verb-Cus-Ossola">Verb-Cus-Ossola</option>';
        str += '<option value="Vercelli">Vercelli</option>';
 
    }
 
 
 
 
    if (param=="puglia") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Bari">Bari</option>';
        str += '<option value="Barletta-Andria-Trani">Barletta-Andria-Trani</option>';
        str += '<option value="Brindisi">Brindisi</option>';
        str += '<option value="Foggia">Foggia</option>';
        str += '<option value="Lecce">Lecce</option>';
        str += '<option value="Taranto">Taranto</option>';
 
    }
 
 
 
 
 
    if (param=="sardegna") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Cagliari">Cagliari</option>';
        str += '<option value="Nuoro">Nuoro</option>';
        str += '<option value="Olbia-Tempio">Olbia-Tempio</option>';
        str += '<option value="Oristano">Oristano</option>';
        str += '<option value="Sassari">Sassari</option>';
 
    }
 
 
 
 
    if (param=="sicilia") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Agrigento">Agrigento</option>';
        str += '<option value="Caltanissetta">Caltanissetta</option>';
        str += '<option value="Catania">Catania</option>';
        str += '<option value="Enna">Enna</option>';
        str += '<option value="Messina">Messina</option>';
        str += '<option value="Palermo">Palermo</option>';
        str += '<option value="Ragusa">Ragusa</option>';
        str += '<option value="Siracusa">Siracusa</option>';
        str += '<option value="Trapani">Trapani</option>';
 
    }
 
 
 
 
    if (param=="toscana") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Arezzo">Arezzo</option>';
        str += '<option value="Firenze">Firenze</option>';
        str += '<option value="Grosseto">Grosseto</option>';
        str += '<option value="Livorno">Livorno</option>';
        str += '<option value="Lucca">Lucca</option>';
        str += '<option value="Massa Carrara">Massa Carrara</option>';
        str += '<option value="Pisa">Pisa</option>';
        str += '<option value="Pistoia">Pistoia</option>';
        str += '<option value="Prato">Prato</option>';
        str += '<option value="Siena">Siena</option>';
 
    }
 
 
 
 
    if (param=="trentino alto adige") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Bolzano">Bolzano</option>';
        str += '<option value="Trento">Trento</option>';
 
    }
 
 
 
 
    if (param=="umbria") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Perugia">Perugia</option>';
        str += '<option value="Terni">Terni</option>';
 
    }
 
 
 
    if (param=="valle d'aosta") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Aosta">Aosta</option>';
 
    }
 
 
 
 
    if (param=="veneto") {
 
        str += '<option value="" selected>Seleziona</option>';
        str += '<option value="Belluno">Belluno</option>';
        str += '<option value="Padova">Padova</option>';
        str += '<option value="Rovigo">Rovigo</option>';
        str += '<option value="Treviso">Treviso</option>';
        str += '<option value="Venezia">Venezia</option>';
        str += '<option value="Verona">Verona</option>';
        str += '<option value="Vicenza">Vicenza</option>';
 
    }
 
 
 
    $('#provincia').html(str);
 
}

Pubblicato in: HTML, JavaScript, Programmazione, Scripts | Nessun commento »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email

ComboBox pronte all’uso: select nazioni, regioni e province

Pubblicato il 17/1/2012 alle 23:59

combobox select nazioni regioni province

Nelle nostre applicazioni non mancherà di certo un’anagrafica clienti/utenti o, almeno, non mancherà nella stragrande maggioranza delle volte. Se non le hai già implementate in applicazioni precedenti, può risultare parecchio fastidioso reperire, online, delle combobox con cui permettere l’impostazione delle voci nazione, regione e provincia per l’utente registrato.

Ecco, ti metto a disposizione le select in questo post, fai un buon copia/incolla e ogni volta che lo farai recita ad alta voce “Grazie EMA“…volendo, può andare bene anche una donazione PayPal da 100 euro almeno :P

Combo nazione

<select id="nazione" name="nazione">
<option selected="" value="">seleziona</option>
<option value="afghanistan">afghanistan</option>
<option value="albania">albania</option>
<option value="algeria">algeria</option>
<option value="andorra">andorra</option>
<option value="angola">angola</option>
<option value="antarctica">antartico</option>
<option value="antigua and barbuda">antigua e barbuda</option>
<option value="saudi arabia">arabia saudita</option>
<option value="argentina">argentina</option>
<option value="armenia">armenia</option>
<option value="australia">australia</option>
<option value="australia christmas island">australia - isola christmas</option>
<option value="australia norfolk island">australia - isola norfolk</option>
<option value="australia cocos keeling islands">australia - isole cocos</option>
<option value="heard and mc donald islands">australia - isole heard e mcdonald</option>
<option value="austria">austria</option>
<option value="azerbaijan">azerbaijan</option>
<option value="bahamas">bahamas</option>
<option value="bahrain">bahrain</option>
<option value="bangladesh">bangladesh</option>
<option value="barbados">barbados</option>
<option value="belgium">belgio</option>
<option value="belize">belize</option>
<option value="benin">benin</option>
<option value="bhutan">bhutan</option>
<option value="belarus">bielorussia</option>
<option value="bolivia">bolivia</option>
<option value="bosnia herzegovina">bosnia erzegovina</option>
<option value="botswana">botswana</option>
<option value="brazil">brasile</option>
<option value="brunei">brunei</option>
<option value="bulgaria">bulgaria</option>
<option value="burkina faso">burkina faso</option>
<option value="burundi">burundi</option>
<option value="cambodia">cambogia</option>
<option value="cameroon">camerun</option>
<option value="canada">canada</option>
<option value="cape verde">capo verde</option>
<option value="chad">ciad</option>
<option value="chile">cile</option>
<option value="china">cina</option>
<option value="china hong kong">cina - hong kong</option>
<option value="china macau">cina - macao</option>
<option value="cyprus">cipro</option>
<option value="holy see">citta' del vaticano</option>
<option value="colombia">colombia</option>
<option value="comoros">comore</option>
<option value="north korea">corea del nord</option>
<option value="south korea">corea del sud</option>
<option value="cote divoire">costa d'avorio</option>
<option value="costa rica">costa rica</option>
<option value="croatia">croazia</option>
<option value="cuba">cuba</option>
<option value="denmark">danimarca</option>
<option value="denmark faroe islands">danimarca - isole faroe</option>
<option value="dominica">dominica</option>
<option value="ecuador">ecuador</option>
<option value="egypt">egitto</option>
<option value="el salvador">el salvador</option>
<option value="united arab emirates">emirati arabi uniti</option>
<option value="eritrea">eritrea</option>
<option value="estonia">estonia</option>
<option value="ethiopia">etiopia</option>
<option value="fiji">figi</option>
<option value="philippines">filippine</option>
<option value="finland">finlandia</option>
<option value="finland aland islands">finlandia - isole aland</option>
<option value="france">francia</option>
<option value="france guadeloupe">francia - guadalupa</option>
<option value="france french guiana">francia - guyana francese</option>
<option value="france martinique">francia - martinica</option>
<option value="france mayotte">francia - mayotte</option>
<option value="france new caledonia">francia - nuova caledonia</option>
<option value="france french polynesia">francia - polinesia francese</option>
<option value="france reunion">francia - reunion</option>
<option value="france saint pierre and miquelon">francia - saint pierre e miquelon</option>
<option value="france french southern territories">francia - territori francesi meridionali</option>
<option value="france wallis and futuna islands">francia - wallis e futuna</option>
<option value="gabon">gabon</option>
<option value="gambia">gambia</option>
<option value="georgia">georgia</option>
<option value="germany">germania</option>
<option value="ghana">ghana</option>
<option value="jamaica">giamaica</option>
<option value="japan">giappone</option>
<option value="djibouti">gibuti</option>
<option value="jordan">giordania</option>
<option value="greece">grecia</option>
<option value="grenada">grenada</option>
<option value="greenland">groenlandia</option>
<option value="guatemala">guatemala</option>
<option value="guinea">guinea</option>
<option value="equatorial guinea">guinea equatoriale</option>
<option value="guinea bissau">guinea-bissau</option>
<option value="guyana">guyana</option>
<option value="haiti">haiti</option>
<option value="honduras">honduras</option>
<option value="india">india</option>
<option value="indonesia">indonesia</option>
<option value="iran">iran</option>
<option value="iraq">iraq</option>
<option value="ireland">irlanda</option>
<option value="iceland">islanda</option>
<option value="marshall islands">isole marshall</option>
<option value="solomon islands">isole salomone</option>
<option value="israel">israele</option>
<option value="italy" selected="selected">italia</option>
<option value="kazakhstan">kazakistan</option>
<option value="kenya">kenya</option>
<option value="kyrgyzstan">kirghizistan</option>
<option value="kiribati">kiribati</option>
<option value="kuwait">kuwait</option>
<option value="laos">laos</option>
<option value="lesotho">lesotho</option>
<option value="latvia">lettonia</option>
<option value="lebanon">libano</option>
<option value="liberia">liberia</option>
<option value="libya">libia</option>
<option value="liechtenstein">liechtenstein</option>
<option value="lithuania">lituania</option>
<option value="luxembourg">lussemburgo</option>
<option value="macedonia">macedonia</option>
<option value="madagascar">madagascar</option>
<option value="malawi">malawi</option>
<option value="maldives">maldive</option>
<option value="malaysia">malesia</option>
<option value="mali">mali</option>
<option value="malta">malta</option>
<option value="morocco">marocco</option>
<option value="mauritania">mauritania</option>
<option value="mauritius">mauritius</option>
<option value="mexico">messico</option>
<option value="micronesia">micronesia</option>
<option value="moldova">moldavia</option>
<option value="mongolia">mongolia</option>
<option value="montenegro">montenegro</option>
<option value="mozambique">mozambico</option>
<option value="myanmar">myanmar</option>
<option value="namibia">namibia</option>
<option value="nauru">nauru</option>
<option value="nepal">nepal</option>
<option value="nicaragua">nicaragua</option>
<option value="niger">niger</option>
<option value="nigeria">nigeria</option>
<option value="norway">norvegia</option>
<option value="norway bouvet island">norvegia - isola bouvet</option>
<option value="norway svalbard and jan mayen islands">norvegia - svalbard</option>
<option value="new zealand">nuova zelanda</option>
<option value="new zealand cook islands">nuova zelanda - isole cook</option>
<option value="new zealand niue">nuova zelanda - niue</option>
<option value="new zealand tokelau">nuova zelanda - tokelau</option>
<option value="holland">olanda</option>
<option value="oman">oman</option>
<option value="netherlands">paesi bassi</option>
<option value="netherlands netherlands antilles">paesi bassi - antille olandesi</option>
<option value="netherlands aruba">paesi bassi - aruba</option>
<option value="pakistan">pakistan</option>
<option value="palau">palau</option>
<option value="palestine">palestina</option>
<option value="panama">panama</option>
<option value="papua new guinea">papua nuova guinea</option>
<option value="paraguay">paraguay</option>
<option value="peru">peru'</option>
<option value="poland">polonia</option>
<option value="puerto rico">porto rico</option>
<option value="portugal">portogallo</option>
<option value="principality of monaco">principato di monaco</option>
<option value="qatar">qatar</option>
<option value="united kingdom">regno unito</option>
<option value="united kingdom anguilla">regno unito - anguilla</option>
<option value="united kingdom bermuda">regno unito - bermuda</option>
<option value="united kingdom gibraltar">regno unito - gibilterra</option>
<option value="united kingdom guernsey">regno unito - guernsey</option>
<option value="united kingdom isle of man">regno unito - isola di man</option>
<option value="united kingdom cayman islands">regno unito - isole cayman</option>
<option value="united kingdom falkland islands">regno unito - isole falkland</option>
<option value="united kingdom pitcairn">regno unito - isole pitcairn</option>
<option value="united kingdom south sandwich islands">regno unito - isole sandwich meridionali</option>
<option value="united kingdom turks and caicos islands">regno unito - isole turks e caicos</option>
<option value="united kingdom british virgin islands">regno unito - isole vergini britanniche</option>
<option value="united kingdom jersey">regno unito - jersey</option>
<option value="united kingdom monttserrat">regno unito - montserrat</option>
<option value="united kingdom saint helena">regno unito - sant'elena</option>
<option value="united kingdom british indian ocean territory">regno unito - terr. britannico dell'oceano indiano</option>
<option value="czech republic">repubblica ceca</option>
<option value="central african republic">repubblica centrafricana</option>
<option value="republic of the congo">repubblica del congo</option>
<option value="democratic republic of the congo">repubblica democratica del congo (ex zaire)</option>
<option value="republic of san marino">repubblica di san marino</option>
<option value="dominican republic">repubblica dominicana</option>
<option value="romania">romania</option>
<option value="rwanda">ruanda</option>
<option value="russia">russia</option>
<option value="western sahara">sahara occidentale</option>
<option value="saint vincent and the grenadines">saint vincent e grenadines</option>
<option value="samoa">samoa</option>
<option value="saint kitts and nevis">san kitts e nevis</option>
<option value="saint lucia">santa lucia</option>
<option value="sao tome and principe">sao tome e principe</option>
<option value="senegal">senegal</option>
<option value="serbia">serbia</option>
<option value="seyschelles">seychelles</option>
<option value="sierra leone">sierra leone</option>
<option value="singapore">singapore</option>
<option value="syria">siria</option>
<option value="slovakia">slovacchia</option>
<option value="slovenia">slovenia</option>
<option value="somalia">somalia</option>
<option value="spain">spagna</option>
<option value="sri lanka">sri lanka</option>
<option value="united states of america">stati uniti d'america</option>
<option value="united states of america guam">stati uniti d'america - guam</option>
<option value="united states of america northern mariana islands">stati uniti d'america - isole marianne settentrionali</option>
<option value="united states of america minor outlyng islands">stati uniti d'america - isole periferiche secondarie</option>
<option value="united states of america virgin islands">stati uniti d'america - isole vergini statunitensi</option>
<option value="united states of america american samoa">stati uniti d'america - samoa americane</option>
<option value="south africa">sud africa</option>
<option value="sudan">sudan</option>
<option value="suriname">suriname</option>
<option value="sweden">svezia</option>
<option value="switzerland">svizzera</option>
<option value="swaziland">swaziland</option>
<option value="tajikistan">tagikistan</option>
<option value="thailand">tailandia</option>
<option value="taiwan">taiwan</option>
<option value="tanzania">tanzania</option>
<option value="east timor">timor dell'est</option>
<option value="togo">togo</option>
<option value="tonga">tonga</option>
<option value="trinidad and tobago">trinidad e tobago</option>
<option value="tunisia">tunisia</option>
<option value="turkey">turchia</option>
<option value="turkmenistan">turkmenistan</option>
<option value="tuvalu">tuvalu</option>
<option value="ukraine">ucraina</option>
<option value="uganda">uganda</option>
<option value="hungary">ungheria</option>
<option value="uruguay">uruguay</option>
<option value="uzbekistan">uzbekistan</option>
<option value="vanuatu">vanuatu</option>
<option value="venezuela">venezuela</option>
<option value="vietnam">vietnam</option>
<option value="yemen">yemen</option>
<option value="zambia">zambia</option>
<option value="zimbabwe">zimbabwe</option>
</select>

Combo nazione (edit version)

<select id="nazione" name="nazione">
<option value="" <?php if ($nazione=="") echo "selected"; ?> >seleziona</option>
<option value="afghanistan" <?php if ($nazione=="afghanistan") echo "selected"; ?> >afghanistan</option>
<option value="albania" <?php if ($nazione=="albania") echo "selected"; ?> >albania</option>
<option value="algeria" <?php if ($nazione=="algeria") echo "selected"; ?> >algeria</option>
<option value="andorra" <?php if ($nazione=="andorra") echo "selected"; ?> >andorra</option>
<option value="angola" <?php if ($nazione=="angola") echo "selected"; ?> >angola</option>
<option value="antarctica" <?php if ($nazione=="antarctica") echo "selected"; ?> >antartico</option>
<option value="antigua and barbuda" <?php if ($nazione=="antigua and barbuda") echo "selected"; ?> >antigua e barbuda</option>
<option value="saudi arabia" <?php if ($nazione=="saudi arabia") echo "selected"; ?> >arabia saudita</option>
<option value="argentina" <?php if ($nazione=="argentina") echo "selected"; ?> >argentina</option>
<option value="armenia" <?php if ($nazione=="armenia") echo "selected"; ?> >armenia</option>
<option value="australia" <?php if ($nazione=="australia") echo "selected"; ?> >australia</option>
<option value="australia christmas island" <?php if ($nazione=="australia christmas island") echo "selected"; ?> >australia - isola christmas</option>
<option value="australia norfolk island" <?php if ($nazione=="australia norfolk island") echo "selected"; ?> >australia - isola norfolk</option>
<option value="australia cocos keeling islands" <?php if ($nazione=="australia cocos keeling islands") echo "selected"; ?> >australia - isole cocos</option>
<option value="heard and mc donald islands" <?php if ($nazione=="heard and mc donald islands") echo "selected"; ?> >australia - isole heard e mcdonald</option>
<option value="austria" <?php if ($nazione=="austria") echo "selected"; ?> >austria</option>
<option value="azerbaijan" <?php if ($nazione=="azerbaijan") echo "selected"; ?> >azerbaijan</option>
<option value="bahamas" <?php if ($nazione=="bahamas") echo "selected"; ?> >bahamas</option>
<option value="bahrain" <?php if ($nazione=="bahrain") echo "selected"; ?> >bahrain</option>
<option value="bangladesh" <?php if ($nazione=="bangladesh") echo "selected"; ?> >bangladesh</option>
<option value="barbados" <?php if ($nazione=="barbados") echo "selected"; ?> >barbados</option>
<option value="belgium" <?php if ($nazione=="belgium") echo "selected"; ?> >belgio</option>
<option value="belize" <?php if ($nazione=="belize") echo "selected"; ?> >belize</option>
<option value="benin" <?php if ($nazione=="benin") echo "selected"; ?> >benin</option>
<option value="bhutan" <?php if ($nazione=="bhutan") echo "selected"; ?> >bhutan</option>
<option value="belarus" <?php if ($nazione=="belarus") echo "selected"; ?> >bielorussia</option>
<option value="bolivia" <?php if ($nazione=="bolivia") echo "selected"; ?> >bolivia</option>
<option value="bosnia herzegovina" <?php if ($nazione=="bosnia herzegovina") echo "selected"; ?> >bosnia erzegovina</option>
<option value="botswana" <?php if ($nazione=="botswana") echo "selected"; ?> >botswana</option>
<option value="brazil" <?php if ($nazione=="brazil") echo "selected"; ?> >brasile</option>
<option value="brunei" <?php if ($nazione=="brunei") echo "selected"; ?> >brunei</option>
<option value="bulgaria" <?php if ($nazione=="bulgaria") echo "selected"; ?> >bulgaria</option>
<option value="burkina faso" <?php if ($nazione=="burkina faso") echo "selected"; ?> >burkina faso</option>
<option value="burundi" <?php if ($nazione=="burundi") echo "selected"; ?> >burundi</option>
<option value="cambodia" <?php if ($nazione=="cambodia") echo "selected"; ?> >cambogia</option>
<option value="cameroon" <?php if ($nazione=="cameroon") echo "selected"; ?> >camerun</option>
<option value="canada" <?php if ($nazione=="canada") echo "selected"; ?> >canada</option>
<option value="cape verde" <?php if ($nazione=="cape verde") echo "selected"; ?> >capo verde</option>
<option value="chad" <?php if ($nazione=="chad") echo "selected"; ?> >ciad</option>
<option value="chile" <?php if ($nazione=="chile") echo "selected"; ?> >cile</option>
<option value="china" <?php if ($nazione=="china") echo "selected"; ?> >cina</option>
<option value="china hong kong" <?php if ($nazione=="china hong kong") echo "selected"; ?> >cina - hong kong</option>
<option value="china macau" <?php if ($nazione=="china macau") echo "selected"; ?> >cina - macao</option>
<option value="cyprus" <?php if ($nazione=="cyprus") echo "selected"; ?> >cipro</option>
<option value="holy see" <?php if ($nazione=="holy see") echo "selected"; ?> >citta' del vaticano</option>
<option value="colombia" <?php if ($nazione=="colombia") echo "selected"; ?> >colombia</option>
<option value="comoros" <?php if ($nazione=="comoros") echo "selected"; ?> >comore</option>
<option value="north korea" <?php if ($nazione=="north korea") echo "selected"; ?> >corea del nord</option>
<option value="south korea" <?php if ($nazione=="south korea") echo "selected"; ?> >corea del sud</option>
<option value="cote divoire" <?php if ($nazione=="cote divoire") echo "selected"; ?> >costa d'avorio</option>
<option value="costa rica" <?php if ($nazione=="costa rica") echo "selected"; ?> >costa rica</option>
<option value="croatia" <?php if ($nazione=="croatia") echo "selected"; ?> >croazia</option>
<option value="cuba" <?php if ($nazione=="cuba") echo "selected"; ?> >cuba</option>
<option value="denmark" <?php if ($nazione=="denmark") echo "selected"; ?> >danimarca</option>
<option value="denmark faroe islands" <?php if ($nazione=="denmark faroe islands") echo "selected"; ?> >danimarca - isole faroe</option>
<option value="dominica" <?php if ($nazione=="dominica") echo "selected"; ?> >dominica</option>
<option value="ecuador" <?php if ($nazione=="ecuador") echo "selected"; ?> >ecuador</option>
<option value="egypt" <?php if ($nazione=="egypt") echo "selected"; ?> >egitto</option>
<option value="el salvador" <?php if ($nazione=="el salvador") echo "selected"; ?> >el salvador</option>
<option value="united arab emirates" <?php if ($nazione=="united arab emirates") echo "selected"; ?> >emirati arabi uniti</option>
<option value="eritrea" <?php if ($nazione=="eritrea") echo "selected"; ?> >eritrea</option>
<option value="estonia" <?php if ($nazione=="estonia") echo "selected"; ?> >estonia</option>
<option value="ethiopia" <?php if ($nazione=="ethiopia") echo "selected"; ?> >etiopia</option>
<option value="fiji" <?php if ($nazione=="fiji") echo "selected"; ?> >figi</option>
<option value="philippines" <?php if ($nazione=="philippines") echo "selected"; ?> >filippine</option>
<option value="finland" <?php if ($nazione=="finland") echo "selected"; ?> >finlandia</option>
<option value="finland aland islands" <?php if ($nazione=="finland aland islands") echo "selected"; ?> >finlandia - isole aland</option>
<option value="france" <?php if ($nazione=="france") echo "selected"; ?> >francia</option>
<option value="france guadeloupe" <?php if ($nazione=="france guadeloupe") echo "selected"; ?> >francia - guadalupa</option>
<option value="france french guiana" <?php if ($nazione=="france french guiana") echo "selected"; ?> >francia - guyana francese</option>
<option value="france martinique" <?php if ($nazione=="france martinique") echo "selected"; ?> >francia - martinica</option>
<option value="france mayotte" <?php if ($nazione=="france mayotte") echo "selected"; ?> >francia - mayotte</option>
<option value="france new caledonia" <?php if ($nazione=="france new caledonia") echo "selected"; ?> >francia - nuova caledonia</option>
<option value="france french polynesia" <?php if ($nazione=="france french polynesia") echo "selected"; ?> >francia - polinesia francese</option>
<option value="france reunion" <?php if ($nazione=="france reunion") echo "selected"; ?> >francia - reunion</option>
<option value="france saint pierre and miquelon" <?php if ($nazione=="france saint pierre and miquelon") echo "selected"; ?> >francia - saint pierre e miquelon</option>
<option value="france french southern territories" <?php if ($nazione=="france french southern territories") echo "selected"; ?> >francia - territori francesi meridionali</option>
<option value="france wallis and futuna islands" <?php if ($nazione=="france wallis and futuna islands") echo "selected"; ?> >francia - wallis e futuna</option>
<option value="gabon" <?php if ($nazione=="gabon") echo "selected"; ?> >gabon</option>
<option value="gambia" <?php if ($nazione=="gambia") echo "selected"; ?> >gambia</option>
<option value="georgia" <?php if ($nazione=="georgia") echo "selected"; ?> >georgia</option>
<option value="germany" <?php if ($nazione=="germany") echo "selected"; ?> >germania</option>
<option value="ghana" <?php if ($nazione=="ghana") echo "selected"; ?> >ghana</option>
<option value="jamaica" <?php if ($nazione=="jamaica") echo "selected"; ?> >giamaica</option>
<option value="japan" <?php if ($nazione=="japan") echo "selected"; ?> >giappone</option>
<option value="djibouti" <?php if ($nazione=="djibouti") echo "selected"; ?> >gibuti</option>
<option value="jordan" <?php if ($nazione=="jordan") echo "selected"; ?> >giordania</option>
<option value="greece" <?php if ($nazione=="greece") echo "selected"; ?> >grecia</option>
<option value="grenada" <?php if ($nazione=="grenada") echo "selected"; ?> >grenada</option>
<option value="greenland" <?php if ($nazione=="greenland") echo "selected"; ?> >groenlandia</option>
<option value="guatemala" <?php if ($nazione=="guatemala") echo "selected"; ?> >guatemala</option>
<option value="guinea" <?php if ($nazione=="guinea") echo "selected"; ?> >guinea</option>
<option value="equatorial guinea" <?php if ($nazione=="equatorial guinea") echo "selected"; ?> >guinea equatoriale</option>
<option value="guinea bissau" <?php if ($nazione=="guinea bissau") echo "selected"; ?> >guinea-bissau</option>
<option value="guyana" <?php if ($nazione=="guyana") echo "selected"; ?> >guyana</option>
<option value="haiti" <?php if ($nazione=="haiti") echo "selected"; ?> >haiti</option>
<option value="honduras" <?php if ($nazione=="honduras") echo "selected"; ?> >honduras</option>
<option value="india" <?php if ($nazione=="india") echo "selected"; ?> >india</option>
<option value="indonesia" <?php if ($nazione=="indonesia") echo "selected"; ?> >indonesia</option>
<option value="iran" <?php if ($nazione=="iran") echo "selected"; ?> >iran</option>
<option value="iraq" <?php if ($nazione=="iraq") echo "selected"; ?> >iraq</option>
<option value="ireland" <?php if ($nazione=="ireland") echo "selected"; ?> >irlanda</option>
<option value="iceland" <?php if ($nazione=="iceland") echo "selected"; ?> >islanda</option>
<option value="marshall islands" <?php if ($nazione=="marshall islands") echo "selected"; ?> >isole marshall</option>
<option value="solomon islands" <?php if ($nazione=="solomon islands") echo "selected"; ?> >isole salomone</option>
<option value="israel" <?php if ($nazione=="israel") echo "selected"; ?> >israele</option>
<option value="italy" <?php if ($nazione=="italy") echo "selected"; ?> >italia</option>
<option value="kazakhstan" <?php if ($nazione=="kazakhstan") echo "selected"; ?> >kazakistan</option>
<option value="kenya" <?php if ($nazione=="kenya") echo "selected"; ?> >kenya</option>
<option value="kyrgyzstan" <?php if ($nazione=="kyrgyzstan") echo "selected"; ?> >kirghizistan</option>
<option value="kiribati" <?php if ($nazione=="kiribati") echo "selected"; ?> >kiribati</option>
<option value="kuwait" <?php if ($nazione=="kuwait") echo "selected"; ?> >kuwait</option>
<option value="laos" <?php if ($nazione=="laos") echo "selected"; ?> >laos</option>
<option value="lesotho" <?php if ($nazione=="lesotho") echo "selected"; ?> >lesotho</option>
<option value="latvia" <?php if ($nazione=="latvia") echo "selected"; ?> >lettonia</option>
<option value="lebanon" <?php if ($nazione=="lebanon") echo "selected"; ?> >libano</option>
<option value="liberia" <?php if ($nazione=="liberia") echo "selected"; ?> >liberia</option>
<option value="libya" <?php if ($nazione=="libya") echo "selected"; ?> >libia</option>
<option value="liechtenstein" <?php if ($nazione=="liechtenstein") echo "selected"; ?> >liechtenstein</option>
<option value="lithuania" <?php if ($nazione=="lithuania") echo "selected"; ?> >lituania</option>
<option value="luxembourg" <?php if ($nazione=="luxembourg") echo "selected"; ?> >lussemburgo</option>
<option value="macedonia" <?php if ($nazione=="macedonia") echo "selected"; ?> >macedonia</option>
<option value="madagascar" <?php if ($nazione=="madagascar") echo "selected"; ?> >madagascar</option>
<option value="malawi" <?php if ($nazione=="malawi") echo "selected"; ?> >malawi</option>
<option value="maldives" <?php if ($nazione=="maldives") echo "selected"; ?> >maldive</option>
<option value="malaysia" <?php if ($nazione=="malaysia") echo "selected"; ?> >malesia</option>
<option value="mali" <?php if ($nazione=="mali") echo "selected"; ?> >mali</option>
<option value="malta" <?php if ($nazione=="malta") echo "selected"; ?> >malta</option>
<option value="morocco" <?php if ($nazione=="morocco") echo "selected"; ?> >marocco</option>
<option value="mauritania" <?php if ($nazione=="mauritania") echo "selected"; ?> >mauritania</option>
<option value="mauritius" <?php if ($nazione=="mauritius") echo "selected"; ?> >mauritius</option>
<option value="mexico" <?php if ($nazione=="mexico") echo "selected"; ?> >messico</option>
<option value="micronesia" <?php if ($nazione=="micronesia") echo "selected"; ?> >micronesia</option>
<option value="moldova" <?php if ($nazione=="moldova") echo "selected"; ?> >moldavia</option>
<option value="mongolia" <?php if ($nazione=="mongolia") echo "selected"; ?> >mongolia</option>
<option value="montenegro" <?php if ($nazione=="montenegro") echo "selected"; ?> >montenegro</option>
<option value="mozambique" <?php if ($nazione=="mozambique") echo "selected"; ?> >mozambico</option>
<option value="myanmar" <?php if ($nazione=="myanmar") echo "selected"; ?> >myanmar</option>
<option value="namibia" <?php if ($nazione=="namibia") echo "selected"; ?> >namibia</option>
<option value="nauru" <?php if ($nazione=="nauru") echo "selected"; ?> >nauru</option>
<option value="nepal" <?php if ($nazione=="nepal") echo "selected"; ?> >nepal</option>
<option value="nicaragua" <?php if ($nazione=="nicaragua") echo "selected"; ?> >nicaragua</option>
<option value="niger" <?php if ($nazione=="niger") echo "selected"; ?> >niger</option>
<option value="nigeria" <?php if ($nazione=="nigeria") echo "selected"; ?> >nigeria</option>
<option value="norway" <?php if ($nazione=="norway") echo "selected"; ?> >norvegia</option>
<option value="norway bouvet island" <?php if ($nazione=="norway bouvet island") echo "selected"; ?> >norvegia - isola bouvet</option>
<option value="norway svalbard and jan mayen islands" <?php if ($nazione=="norway svalbard and jan mayen islands") echo "selected"; ?> >norvegia - svalbard</option>
<option value="new zealand" <?php if ($nazione=="new zealand") echo "selected"; ?> >nuova zelanda</option>
<option value="new zealand cook islands" <?php if ($nazione=="new zealand cook islands") echo "selected"; ?> >nuova zelanda - isole cook</option>
<option value="new zealand niue" <?php if ($nazione=="new zealand niue") echo "selected"; ?> >nuova zelanda - niue</option>
<option value="new zealand tokelau" <?php if ($nazione=="new zealand tokelau") echo "selected"; ?> >nuova zelanda - tokelau</option>
<option value="oman" <?php if ($nazione=="oman") echo "selected"; ?> >oman</option>
<option value="netherlands" <?php if ($nazione=="netherlands") echo "selected"; ?> >paesi bassi</option>
<option value="netherlands netherlands antilles" <?php if ($nazione=="netherlands netherlands antilles") echo "selected"; ?> >paesi bassi - antille olandesi</option>
<option value="netherlands aruba" <?php if ($nazione=="netherlands aruba") echo "selected"; ?> >paesi bassi - aruba</option>
<option value="pakistan" <?php if ($nazione=="pakistan") echo "selected"; ?> >pakistan</option>
<option value="palau" <?php if ($nazione=="palau") echo "selected"; ?> >palau</option>
<option value="palestine" <?php if ($nazione=="palestine") echo "selected"; ?> >palestina</option>
<option value="panama" <?php if ($nazione=="panama") echo "selected"; ?> >panama</option>
<option value="papua new guinea" <?php if ($nazione=="papua new guinea") echo "selected"; ?> >papua nuova guinea</option>
<option value="paraguay" <?php if ($nazione=="paraguay") echo "selected"; ?> >paraguay</option>
<option value="peru" <?php if ($nazione=="peru") echo "selected"; ?> >peru'</option>
<option value="poland" <?php if ($nazione=="poland") echo "selected"; ?> >polonia</option>
<option value="puerto rico" <?php if ($nazione=="puerto rico") echo "selected"; ?> >porto rico</option>
<option value="portugal" <?php if ($nazione=="portugal") echo "selected"; ?> >portogallo</option>
<option value="principality of monaco" <?php if ($nazione=="principality of monaco") echo "selected"; ?> >principato di monaco</option>
<option value="qatar" <?php if ($nazione=="qatar") echo "selected"; ?> >qatar</option>
<option value="united kingdom" <?php if ($nazione=="united kingdom") echo "selected"; ?> >regno unito</option>
<option value="united kingdom anguilla" <?php if ($nazione=="united kingdom anguilla") echo "selected"; ?> >regno unito - anguilla</option>
<option value="united kingdom bermuda" <?php if ($nazione=="united kingdom bermuda") echo "selected"; ?> >regno unito - bermuda</option>
<option value="united kingdom gibraltar" <?php if ($nazione=="united kingdom gibraltar") echo "selected"; ?> >regno unito - gibilterra</option>
<option value="united kingdom guernsey" <?php if ($nazione=="united kingdom guernsey") echo "selected"; ?> >regno unito - guernsey</option>
<option value="united kingdom isle of man" <?php if ($nazione=="united kingdom isle of man") echo "selected"; ?> >regno unito - isola di man</option>
<option value="united kingdom cayman islands" <?php if ($nazione=="united kingdom cayman islands") echo "selected"; ?> >regno unito - isole cayman</option>
<option value="united kingdom falkland islands" <?php if ($nazione=="united kingdom falkland islands") echo "selected"; ?> >regno unito - isole falkland</option>
<option value="united kingdom pitcairn" <?php if ($nazione=="united kingdom pitcairn") echo "selected"; ?> >regno unito - isole pitcairn</option>
<option value="united kingdom south sandwich islands" <?php if ($nazione=="united kingdom south sandwich islands") echo "selected"; ?> >regno unito - isole sandwich meridionali</option>
<option value="united kingdom turks and caicos islands" <?php if ($nazione=="united kingdom turks and caicos islands") echo "selected"; ?> >regno unito - isole turks e caicos</option>
<option value="united kingdom british virgin islands" <?php if ($nazione=="united kingdom british virgin islands") echo "selected"; ?> >regno unito - isole vergini britanniche</option>
<option value="united kingdom jersey" <?php if ($nazione=="united kingdom jersey") echo "selected"; ?> >regno unito - jersey</option>
<option value="united kingdom monttserrat" <?php if ($nazione=="united kingdom monttserrat") echo "selected"; ?> >regno unito - montserrat</option>
<option value="united kingdom saint helena" <?php if ($nazione=="united kingdom saint helena") echo "selected"; ?> >regno unito - sant'elena</option>
<option value="united kingdom british indian ocean territory" <?php if ($nazione=="united kingdom british indian ocean territory") echo "selected"; ?> >regno unito - terr. britannico dell'oceano indiano</option>
<option value="czech republic" <?php if ($nazione=="czech republic") echo "selected"; ?> >repubblica ceca</option>
<option value="central african republic" <?php if ($nazione=="central african republic") echo "selected"; ?> >repubblica centrafricana</option>
<option value="republic of the congo" <?php if ($nazione=="republic of the congo") echo "selected"; ?> >repubblica del congo</option>
<option value="democratic republic of the congo" <?php if ($nazione=="democratic republic of the congo") echo "selected"; ?> >repubblica democratica del congo (ex zaire)</option>
<option value="republic of san marino" <?php if ($nazione=="republic of san marino") echo "selected"; ?> >repubblica di san marino</option>
<option value="dominican republic" <?php if ($nazione=="dominican republic") echo "selected"; ?> >repubblica dominicana</option>
<option value="romania" <?php if ($nazione=="romania") echo "selected"; ?> >romania</option>
<option value="rwanda" <?php if ($nazione=="rwanda") echo "selected"; ?> >ruanda</option>
<option value="russia" <?php if ($nazione=="russia") echo "selected"; ?> >russia</option>
<option value="western sahara" <?php if ($nazione=="western sahara") echo "selected"; ?> >sahara occidentale</option>
<option value="saint vincent and the grenadines" <?php if ($nazione=="saint vincent and the grenadines") echo "selected"; ?> >saint vincent e grenadines</option>
<option value="samoa" <?php if ($nazione=="samoa") echo "selected"; ?> >samoa</option>
<option value="saint kitts and nevis" <?php if ($nazione=="saint kitts and nevis") echo "selected"; ?> >san kitts e nevis</option>
<option value="saint lucia" <?php if ($nazione=="saint lucia") echo "selected"; ?> >santa lucia</option>
<option value="sao tome and principe" <?php if ($nazione=="sao tome and principe") echo "selected"; ?> >sao tome e principe</option>
<option value="senegal" <?php if ($nazione=="senegal") echo "selected"; ?> >senegal</option>
<option value="serbia" <?php if ($nazione=="serbia") echo "selected"; ?> >serbia</option>
<option value="seyschelles" <?php if ($nazione=="seyschelles") echo "selected"; ?> >seychelles</option>
<option value="sierra leone" <?php if ($nazione=="sierra leone") echo "selected"; ?> >sierra leone</option>
<option value="singapore" <?php if ($nazione=="singapore") echo "selected"; ?> >singapore</option>
<option value="syria" <?php if ($nazione=="syria") echo "selected"; ?> >siria</option>
<option value="slovakia" <?php if ($nazione=="slovakia") echo "selected"; ?> >slovacchia</option>
<option value="slovenia" <?php if ($nazione=="slovenia") echo "selected"; ?> >slovenia</option>
<option value="somalia" <?php if ($nazione=="somalia") echo "selected"; ?> >somalia</option>
<option value="spain" <?php if ($nazione=="spain") echo "selected"; ?> >spagna</option>
<option value="sri lanka" <?php if ($nazione=="sri lanka") echo "selected"; ?> >sri lanka</option>
<option value="united states of america" <?php if ($nazione=="united states of america") echo "selected"; ?> >stati uniti d'america</option>
<option value="united states of america guam" <?php if ($nazione=="united states of america guam") echo "selected"; ?> >stati uniti d'america - guam</option>
<option value="united states of america northern mariana islands" <?php if ($nazione=="united states of america northern mariana islands") echo "selected"; ?> >stati uniti d'america - isole marianne settentrionali</option>
<option value="united states of america minor outlyng islands" <?php if ($nazione=="united states of america minor outlyng islands") echo "selected"; ?> >stati uniti d'america - isole periferiche secondarie</option>
<option value="united states of america virgin islands" <?php if ($nazione=="united states of america virgin islands") echo "selected"; ?> >stati uniti d'america - isole vergini statunitensi</option>
<option value="united states of america american samoa" <?php if ($nazione=="united states of america american samoa") echo "selected"; ?> >stati uniti d'america - samoa americane</option>
<option value="south africa" <?php if ($nazione=="south africa") echo "selected"; ?> >sud africa</option>
<option value="sudan" <?php if ($nazione=="sudan") echo "selected"; ?> >sudan</option>
<option value="suriname" <?php if ($nazione=="suriname") echo "selected"; ?> >suriname</option>
<option value="sweden" <?php if ($nazione=="sweden") echo "selected"; ?> >svezia</option>
<option value="switzerland" <?php if ($nazione=="switzerland") echo "selected"; ?> >svizzera</option>
<option value="swaziland" <?php if ($nazione=="swaziland") echo "selected"; ?> >swaziland</option>
<option value="tajikistan" <?php if ($nazione=="tajikistan") echo "selected"; ?> >tagikistan</option>
<option value="thailand" <?php if ($nazione=="thailand") echo "selected"; ?> >tailandia</option>
<option value="taiwan" <?php if ($nazione=="taiwan") echo "selected"; ?> >taiwan</option>
<option value="tanzania" <?php if ($nazione=="tanzania") echo "selected"; ?> >tanzania</option>
<option value="east timor" <?php if ($nazione=="east timor") echo "selected"; ?> >timor dell'est</option>
<option value="togo" <?php if ($nazione=="togo") echo "selected"; ?> >togo</option>
<option value="tonga" <?php if ($nazione=="tonga") echo "selected"; ?> >tonga</option>
<option value="trinidad and tobago" <?php if ($nazione=="trinidad and tobago") echo "selected"; ?> >trinidad e tobago</option>
<option value="tunisia" <?php if ($nazione=="tunisia") echo "selected"; ?> >tunisia</option>
<option value="turkey" <?php if ($nazione=="turkey") echo "selected"; ?> >turchia</option>
<option value="turkmenistan" <?php if ($nazione=="turkmenistan") echo "selected"; ?> >turkmenistan</option>
<option value="tuvalu" <?php if ($nazione=="tuvalu") echo "selected"; ?> >tuvalu</option>
<option value="ukraine" <?php if ($nazione=="ukraine") echo "selected"; ?> >ucraina</option>
<option value="uganda" <?php if ($nazione=="uganda") echo "selected"; ?> >uganda</option>
<option value="hungary" <?php if ($nazione=="hungary") echo "selected"; ?> >ungheria</option>
<option value="uruguay" <?php if ($nazione=="uruguay") echo "selected"; ?> >uruguay</option>
<option value="uzbekistan" <?php if ($nazione=="uzbekistan") echo "selected"; ?> >uzbekistan</option>
<option value="vanuatu" <?php if ($nazione=="vanuatu") echo "selected"; ?> >vanuatu</option>
<option value="venezuela" <?php if ($nazione=="venezuela") echo "selected"; ?> >venezuela</option>
<option value="vietnam" <?php if ($nazione=="vietnam") echo "selected"; ?> >vietnam</option>
<option value="yemen" <?php if ($nazione=="yemen") echo "selected"; ?> >yemen</option>
<option value="zambia" <?php if ($nazione=="zambia") echo "selected"; ?> >zambia</option>
<option value="zimbabwe" <?php if ($nazione=="zimbabwe") echo "selected"; ?> >zimbabwe</option>
</select>

Combo regione

<select id="regione" name="regione">
<option value="" selected>Seleziona</option>
<option value='abruzzo'>abruzzo</option>
<option value='basilicata'>basilicata</option>
<option value='calabria'>calabria</option>
<option value='campania'>campania</option>
<option value='emilia romagna'>emilia romagna</option>
<option value='friuli venezia giulia'>friuli venezia giulia</option>
<option value='lazio'>lazio</option>
<option value='liguria'>liguria</option>
<option value='lombardia'>lombardia</option>
<option value='marche'>marche</option>
<option value='molise'>molise</option>
<option value='piemonte'>piemonte</option>
<option value='puglia'>puglia</option>
<option value='sardegna'>sardegna</option>
<option value='sicilia'>sicilia</option>
<option value='toscana'>toscana</option>
<option value='trentino alto adige'>trentino alto adige</option>
<option value='umbria'>umbria</option>
<option value='valle d'aosta'>valle d'aosta</option>
<option value='veneto'>veneto</option>
</select>

Combo regione (edit version)

<select id="regione" name="regione">
<option value="" <?php if ($regione=="") echo "selected"; ?> >Seleziona</option>
<option value="abruzzo" <?php if ($regione=="abruzzo") echo "selected"; ?> >abruzzo</option>
<option value="basilicata" <?php if ($regione=="basilicata") echo "selected"; ?> >basilicata</option>
<option value="calabria" <?php if ($regione=="calabria") echo "selected"; ?> >calabria</option>
<option value="campania" <?php if ($regione=="campania") echo "selected"; ?> >campania</option>
<option value="emilia romagna" <?php if ($regione=="emilia romagna") echo "selected"; ?> >emilia romagna</option>
<option value="friuli venezia giulia" <?php if ($regione=="friuli venezia giulia") echo "selected"; ?> >friuli venezia giulia</option>
<option value="lazio" <?php if ($regione=="lazio") echo "selected"; ?> >lazio</option>
<option value="liguria" <?php if ($regione=="liguria") echo "selected"; ?> >liguria</option>
<option value="lombardia" <?php if ($regione=="lombardia") echo "selected"; ?> >lombardia</option>
<option value="marche" <?php if ($regione=="marche") echo "selected"; ?> >marche</option>
<option value="molise" <?php if ($regione=="molise") echo "selected"; ?> >molise</option>
<option value="piemonte" <?php if ($regione=="piemonte") echo "selected"; ?> >piemonte</option>
<option value="puglia" <?php if ($regione=="puglia") echo "selected"; ?> >puglia</option>
<option value="sardegna" <?php if ($regione=="sardegna") echo "selected"; ?> >sardegna</option>
<option value="sicilia" <?php if ($regione=="sicilia") echo "selected"; ?> >sicilia</option>
<option value="toscana" <?php if ($regione=="toscana") echo "selected"; ?> >toscana</option>
<option value="trentino alto adige" <?php if ($regione=="trentino alto adige") echo "selected"; ?> >trentino alto adige</option>
<option value="umbria" <?php if ($regione=="umbria") echo "selected"; ?> >umbria</option>
<option value="valle d\'aosta" <?php if ($regione=="valle d\'aosta") echo "selected"; ?> >valle d'aosta</option>
<option value="veneto" <?php if ($regione=="veneto") echo "selected"; ?> >veneto</option>
</select>

Combo provincia

<select id="provincia" name="provincia">
<option value="" selected>Seleziona</option>
<option value="AG">Agrigento</option>
<option value="AL">Alessandria</option>
<option value="AN">Ancona</option>
<option value="AO">Aosta</option>
<option value="AR">Arezzo</option>
<option value="AP">Ascoli Piceno</option>
<option value="AT">Asti</option>
<option value="AV">Avellino</option>
<option value="BA">Bari</option>
<option value="BL">Belluno</option>
<option value="BN">Benevento</option>
<option value="BG">Bergamo</option>
<option value="BI">Biella</option>
<option value="BO">Bologna</option>
<option value="BZ">Bolzano</option>
<option value="BS">Brescia</option>
<option value="BR">Brindisi</option>
<option value="CA">Cagliari</option>
<option value="CL">Caltanissetta</option>
<option value="CB">Campobasso</option>
<option value="CE">Caserta</option>
<option value="CT">Catania</option>
<option value="CZ">Catanzaro</option>
<option value="CH">Chieti</option>
<option value="CO">Como</option>
<option value="CS">Cosenza</option>
<option value="CR">Cremona</option>
<option value="KR">Crotone</option>
<option value="CN">Cuneo</option>
<option value="EN">Enna</option>
<option value="FE">Ferrara</option>
<option value="FI">Firenze</option>
<option value="FG">Foggia</option>
<option value="FO">Forl&igrave; - Cesena</option>
<option value="FR">Frosinone</option>
<option value="GE">Genova</option>
<option value="GO">Gorizia</option>
<option value="GR">Grosseto</option>
<option value="IM">Imperia</option>
<option value="IS">Isernia</option>
<option value="SP">La Spezia</option>
<option value="AQ">L'Aquila</option>
<option value="LT">Latina</option>
<option value="LE">Lecce</option>
<option value="LC">Lecco</option>
<option value="LI">Livorno</option>
<option value="LO">Lodi</option>
<option value="LU">Lucca</option>
<option value="MC">Macerata</option>
<option value="MN">Mantova</option>
<option value="MS">Massa Carrara</option>
<option value="MT">Matera</option>
<option value="ME">Messina</option>
<option value="MI">Milano</option>
<option value="MO">Modena</option>
<option value="NA">Napoli</option>
<option value="NO">Novara</option>
<option value="NU">Nuoro</option>
<option value="OR">Oristano</option>
<option value="PD">Padova</option>
<option value="PA">Palermo</option>
<option value="PR">Parma</option>
<option value="PV">Pavia</option>
<option value="PG">Perugia</option>
<option value="PS">Pesaro</option>
<option value="PE">Pescara</option>
<option value="PC">Piacenza</option>
<option value="PI">Pisa</option>
<option value="PT">Pistoia</option>
<option value="PN">Pordenone</option>
<option value="PZ">Potenza</option>
<option value="PO">Prato</option>
<option value="RG">Ragusa</option>
<option value="RA">Ravenna</option>
<option value="RC">Reggio Calabria</option>
<option value="RE">Reggio Emilia</option>
<option value="RI">Rieti</option>
<option value="RN">Rimini</option>
<option value="RM">Roma</option>
<option value="RO">Rovigo</option>
<option value="SA">Salerno</option>
<option value="SS">Sassari</option>
<option value="SV">Savona</option>
<option value="SI">Siena</option>
<option value="SR">Siracusa</option>
<option value="SO">Sondrio</option>
<option value="TA">Taranto</option>
<option value="TE">Teramo</option>
<option value="TR">Terni</option>
<option value="TO">Torino</option>
<option value="TP">Trapani</option>
<option value="TN">Trento</option>
<option value="TV">Treviso</option>
<option value="TS">Trieste</option>
<option value="UD">Udine</option>
<option value="VA">Varese</option>
<option value="VE">Venezia</option>
<option value="VB">Verbania-Cusio-Ossola</option>
<option value="VC">Vercelli</option>
<option value="VR">Verona</option>
<option value="VV">Vibo Valentia</option>
<option value="VI">Vicenza</option>
<option value="VT">Viterbo</option>
</select>

Combo provincia (edit version)

<select id="provincia" name="provincia">
<option value="" <?php if ($provincia=="") echo "selected"; ?> >Seleziona</option>
<option value="AG" <?php if ($provincia=="AG") echo "selected"; ?> >Agrigento</option>
<option value="AL" <?php if ($provincia=="AL") echo "selected"; ?> >Alessandria</option>
<option value="AN" <?php if ($provincia=="AN") echo "selected"; ?> >Ancona</option>
<option value="AO" <?php if ($provincia=="AO") echo "selected"; ?> >Aosta</option>
<option value="AR" <?php if ($provincia=="AR") echo "selected"; ?> >Arezzo</option>
<option value="AP" <?php if ($provincia=="AP") echo "selected"; ?> >Ascoli Piceno</option>
<option value="AT" <?php if ($provincia=="AT") echo "selected"; ?> >Asti</option>
<option value="AV" <?php if ($provincia=="AV") echo "selected"; ?> >Avellino</option>
<option value="BA" <?php if ($provincia=="BA") echo "selected"; ?> >Bari</option>
<option value="BL" <?php if ($provincia=="BL") echo "selected"; ?> >Belluno</option>
<option value="BN" <?php if ($provincia=="BN") echo "selected"; ?> >Benevento</option>
<option value="BG" <?php if ($provincia=="BG") echo "selected"; ?> >Bergamo</option>
<option value="BI" <?php if ($provincia=="BI") echo "selected"; ?> >Biella</option>
<option value="BO" <?php if ($provincia=="BO") echo "selected"; ?> >Bologna</option>
<option value="BZ" <?php if ($provincia=="BZ") echo "selected"; ?> >Bolzano</option>
<option value="BS" <?php if ($provincia=="BS") echo "selected"; ?> >Brescia</option>
<option value="BR" <?php if ($provincia=="BR") echo "selected"; ?> >Brindisi</option>
<option value="CA" <?php if ($provincia=="CA") echo "selected"; ?> >Cagliari</option>
<option value="CL" <?php if ($provincia=="CL") echo "selected"; ?> >Caltanissetta</option>
<option value="CB" <?php if ($provincia=="CB") echo "selected"; ?> >Campobasso</option>
<option value="CE" <?php if ($provincia=="CE") echo "selected"; ?> >Caserta</option>
<option value="CT" <?php if ($provincia=="CT") echo "selected"; ?> >Catania</option>
<option value="CZ" <?php if ($provincia=="CZ") echo "selected"; ?> >Catanzaro</option>
<option value="CH" <?php if ($provincia=="CH") echo "selected"; ?> >Chieti</option>
<option value="CO" <?php if ($provincia=="CO") echo "selected"; ?> >Como</option>
<option value="CS" <?php if ($provincia=="CS") echo "selected"; ?> >Cosenza</option>
<option value="CR" <?php if ($provincia=="CR") echo "selected"; ?> >Cremona</option>
<option value="KR" <?php if ($provincia=="KR") echo "selected"; ?> >Crotone</option>
<option value="CN" <?php if ($provincia=="CN") echo "selected"; ?> >Cuneo</option>
<option value="EN" <?php if ($provincia=="EN") echo "selected"; ?> >Enna</option>
<option value="FE" <?php if ($provincia=="FE") echo "selected"; ?> >Ferrara</option>
<option value="FI" <?php if ($provincia=="FI") echo "selected"; ?> >Firenze</option>
<option value="FG" <?php if ($provincia=="FG") echo "selected"; ?> >Foggia</option>
<option value="FO" <?php if ($provincia=="FO") echo "selected"; ?> >Forl&igrave; - Cesena</option>
<option value="FR" <?php if ($provincia=="FR") echo "selected"; ?> >Frosinone</option>
<option value="GE" <?php if ($provincia=="GE") echo "selected"; ?> >Genova</option>
<option value="GO" <?php if ($provincia=="GO") echo "selected"; ?> >Gorizia</option>
<option value="GR" <?php if ($provincia=="GR") echo "selected"; ?> >Grosseto</option>
<option value="IM" <?php if ($provincia=="IM") echo "selected"; ?> >Imperia</option>
<option value="IS" <?php if ($provincia=="IS") echo "selected"; ?> >Isernia</option>
<option value="SP" <?php if ($provincia=="SP") echo "selected"; ?> >La Spezia</option>
<option value="AQ" <?php if ($provincia=="AQ") echo "selected"; ?> >L'Aquila</option>
<option value="LT" <?php if ($provincia=="LT") echo "selected"; ?> >Latina</option>
<option value="LE" <?php if ($provincia=="LE") echo "selected"; ?> >Lecce</option>
<option value="LC" <?php if ($provincia=="LC") echo "selected"; ?> >Lecco</option>
<option value="LI" <?php if ($provincia=="LI") echo "selected"; ?> >Livorno</option>
<option value="LO" <?php if ($provincia=="LO") echo "selected"; ?> >Lodi</option>
<option value="LU" <?php if ($provincia=="LU") echo "selected"; ?> >Lucca</option>
<option value="MC" <?php if ($provincia=="MC") echo "selected"; ?> >Macerata</option>
<option value="MN" <?php if ($provincia=="MN") echo "selected"; ?> >Mantova</option>
<option value="MS" <?php if ($provincia=="MS") echo "selected"; ?> >Massa Carrara</option>
<option value="MT" <?php if ($provincia=="MT") echo "selected"; ?> >Matera</option>
<option value="ME" <?php if ($provincia=="ME") echo "selected"; ?> >Messina</option>
<option value="MI" <?php if ($provincia=="MI") echo "selected"; ?> >Milano</option>
<option value="MO" <?php if ($provincia=="MO") echo "selected"; ?> >Modena</option>
<option value="NA" <?php if ($provincia=="NA") echo "selected"; ?> >Napoli</option>
<option value="NO" <?php if ($provincia=="NO") echo "selected"; ?> >Novara</option>
<option value="NU" <?php if ($provincia=="NU") echo "selected"; ?> >Nuoro</option>
<option value="OR" <?php if ($provincia=="OR") echo "selected"; ?> >Oristano</option>
<option value="PD" <?php if ($provincia=="PD") echo "selected"; ?> >Padova</option>
<option value="PA" <?php if ($provincia=="PA") echo "selected"; ?> >Palermo</option>
<option value="PR" <?php if ($provincia=="PR") echo "selected"; ?> >Parma</option>
<option value="PV" <?php if ($provincia=="PV") echo "selected"; ?> >Pavia</option>
<option value="PG" <?php if ($provincia=="PG") echo "selected"; ?> >Perugia</option>
<option value="PS" <?php if ($provincia=="PS") echo "selected"; ?> >Pesaro</option>
<option value="PE" <?php if ($provincia=="PE") echo "selected"; ?> >Pescara</option>
<option value="PC" <?php if ($provincia=="PC") echo "selected"; ?> >Piacenza</option>
<option value="PI" <?php if ($provincia=="PI") echo "selected"; ?> >Pisa</option>
<option value="PT" <?php if ($provincia=="PT") echo "selected"; ?> >Pistoia</option>
<option value="PN" <?php if ($provincia=="PN") echo "selected"; ?> >Pordenone</option>
<option value="PZ" <?php if ($provincia=="PZ") echo "selected"; ?> >Potenza</option>
<option value="PO" <?php if ($provincia=="PO") echo "selected"; ?> >Prato</option>
<option value="RG" <?php if ($provincia=="RG") echo "selected"; ?> >Ragusa</option>
<option value="RA" <?php if ($provincia=="RA") echo "selected"; ?> >Ravenna</option>
<option value="RC" <?php if ($provincia=="RC") echo "selected"; ?> >Reggio Calabria</option>
<option value="RE" <?php if ($provincia=="RE") echo "selected"; ?> >Reggio Emilia</option>
<option value="RI" <?php if ($provincia=="RI") echo "selected"; ?> >Rieti</option>
<option value="RN" <?php if ($provincia=="RN") echo "selected"; ?> >Rimini</option>
<option value="RM" <?php if ($provincia=="RM") echo "selected"; ?> >Roma</option>
<option value="RO" <?php if ($provincia=="RO") echo "selected"; ?> >Rovigo</option>
<option value="SA" <?php if ($provincia=="SA") echo "selected"; ?> >Salerno</option>
<option value="SS" <?php if ($provincia=="SS") echo "selected"; ?> >Sassari</option>
<option value="SV" <?php if ($provincia=="SV") echo "selected"; ?> >Savona</option>
<option value="SI" <?php if ($provincia=="SI") echo "selected"; ?> >Siena</option>
<option value="SR" <?php if ($provincia=="SR") echo "selected"; ?> >Siracusa</option>
<option value="SO" <?php if ($provincia=="SO") echo "selected"; ?> >Sondrio</option>
<option value="TA" <?php if ($provincia=="TA") echo "selected"; ?> >Taranto</option>
<option value="TE" <?php if ($provincia=="TE") echo "selected"; ?> >Teramo</option>
<option value="TR" <?php if ($provincia=="TR") echo "selected"; ?> >Terni</option>
<option value="TO" <?php if ($provincia=="TO") echo "selected"; ?> >Torino</option>
<option value="TP" <?php if ($provincia=="TP") echo "selected"; ?> >Trapani</option>
<option value="TN" <?php if ($provincia=="TN") echo "selected"; ?> >Trento</option>
<option value="TV" <?php if ($provincia=="TV") echo "selected"; ?> >Treviso</option>
<option value="TS" <?php if ($provincia=="TS") echo "selected"; ?> >Trieste</option>
<option value="UD" <?php if ($provincia=="UD") echo "selected"; ?> >Udine</option>
<option value="VA" <?php if ($provincia=="VA") echo "selected"; ?> >Varese</option>
<option value="VE" <?php if ($provincia=="VE") echo "selected"; ?> >Venezia</option>
<option value="VB" <?php if ($provincia=="VB") echo "selected"; ?> >Verbania-Cusio-Ossola</option>
<option value="VC" <?php if ($provincia=="VC") echo "selected"; ?> >Vercelli</option>
<option value="VR" <?php if ($provincia=="VR") echo "selected"; ?> >Verona</option>
<option value="VV" <?php if ($provincia=="VV") echo "selected"; ?> >Vibo Valentia</option>
<option value="VI" <?php if ($provincia=="VI") echo "selected"; ?> >Vicenza</option>
<option value="VT" <?php if ($provincia=="VT") echo "selected"; ?> >Viterbo</option>
</select>

Le versioni “edit version” sono le select della pagina di modifica delle informazioni. Per determinare l’option selezionata viene fatto un confronto con una variabile PHP che contiene l’informazione archiviata, eventualmente modificabile.

Pubblicato in: HTML, PHP, Risorse | 1 Commento »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email

Convertire da Flash ad HTML5: Adobe muove un passo verso il futuro con Wallaby

Pubblicato il 9/3/2011 alle 16:55

flash convert html5 wallaby

Nell’articolo “Ecco perchè Flash non morirà” prevedevo (non che fosse difficile prevederlo) che, molto presto, Adobe avrebbe messo a disposizione degli sviluppatori dei tools con cui convertire/esportare file Flash in codice HTML5/CSS3.

Ebbene, non sono passati neanche 20 giorni dall’articolo in cui condividevo le mie considerazioni sul futuro di Flash che, Adobe, rilascia da Adobe Labs un’applicazione AIR chiamata “Wallaby” con cui è possibile convertire file Flash CS5 (.fla) in codice HTML5.

In questa pagina trovate una tabella che elenca tutte le feature supportate dall’applicazione, cioè tutto ciò che può essere convertito. Il codice ActionScript non è ancora supportato ma, per le azioni nel codice HTML, si potrà benissimamente utilizzare framework JS come l’amato jQuery.

Il presente è il futuro sono “mobile“, i siti e le applicazioni sono sempre più cross-devices e l’adozione degli standard è un obbligo per gli sviluppatori. Adobe l’ha capito è si sta muovendo rapidamente per fornire sempre più strumenti per permettere ai propri sviluppatori di distribuire applicazioni per tutte le piattaforme e tutti i dispositivi.

Adobe “abbraccia” i nuovi standard (almeno quelli che saranno i futuri standard) come HTML5/CSS3 (sarebbe stato impossibile fare il contrario) con buona pace di chi si è ostinato a dire (sbagliando di grosso) che Flash e HTML5 erano tecnologie in contrapposizione ;)

Pubblicato in: Adobe AIR, Flash, HTML, HTML5, News, Software | 3 Commenti »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email

Nuovo WordPress Theme per EmaWebDesign!

Pubblicato il 1/3/2011 alle 01:00

nuovo wordpress theme emawebdesign

Era da tempo che volevo realizzare un unovo tema WordPress per questo blog ma non riuscivo mai a trovare “5 minuti” per poterne realizzare uno :D

Quel momento è finalmente arrivato, pubblico in versione ultra-beta il nuovo tema WordPress per EmaWebDesign. Se trovi qualche problema segnalamelo ma, soprattutto, ci tengo ad avere il tuo feedback, dimmi cosa pensi del nuovo layout nei commenti ;)

Pubblicato in: Blog, CSS, Grafica, HTML, News, Web 2.0, Web Design, Wordpress | 17 Commenti »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email

Framework per lo sviluppo Mobile

Pubblicato il 29/11/2010 alle 08:05

emawebdesign

Negli ultimi tempi si è parlato molto delle tecnologie del futuro, dei nuovi strumenti per lo sviluppo di siti e applicazioni (html5 su tutti) e della direzione in cui il web sta andando. Tutti sembrano concordare su un punto: il futuro del web è mobile. Con questo punto di vista sono abbastanza d’accordo, già oggi, il mobile ha acquisito un’importanza estremamente rilevante anche grazie alla grande diffusione di dispositivi come l’iPhone, il BlackBerry, i Tablet e grazie a sistemi come iOS e Android.

Anche se il futuro del web è mobile, il presente non scherza: il sempre crescente accesso al web tramite smartphone o tablet è una grande certezza, una certezza che non può che convincerci a sviluppare siti e applicazioni ottimizzate per i dispositivi mobili fin da subito. Anche in chiave business un’occasione importante su cui puntare già oggi. Se i blog sono quasi tutti dotati di una versione ottimizzata per il mobile, grazie a plugin come WPtouch o mobilePress, per i siti aziendali la situazione non è proprio la stessa. Sono davvero pochi a dotare il proprio sito web di una versione ottimizzata per il mobile, il perchè è estremamente difficile da comprendere.

A noi web designer e web developer tocca realizzare siti nuovi ottimizzati per il mobile, in parole povere, dovremo riscrivere il markup, il css e fare un doppio lavoro per ogni sito web. Un sito per i pc desktop e uno per i dispositivi mobili facendo grande attenzione alle diverse tipologie: smartphone, netbook, tablet (paura vero? :D )

Per nostra fortuna esistono già diverse soluzioni per lo sviluppo mobile, framework di lavoro estremamente validi in grado di fornirci codice già ottimizzato per i diversi dispositivi e per le diverse piattaforme. Voglio segnalarti quelli più importanti, i più conosciuti, utilizzati e apprezzati framework per lo sviluppo mobile:

- JQtouch (abbiamo già parlato di JQtouch qui su EmaWebDesign ;) )
- Sencha Touch
- PhoneGap
- Jo
- Zepto

Ad una prima occhiata si può subito intuire la grande “convenienza” dell’utilizzo di questi strumenti davvero validi anche se ho potuto apprezzare, nella pratica, soltanto jQtouch che ho già utilizzato. Anche gli altri sembrano essere ben fatti ma, quello che più di tutti terrei d’occhio, è l’appena nato jQuery Mobile.

La versione mobile del noto framework JavaScript offre supporto per qualsiasi piattaforma, da iOS ad Android passando per Windows Phone, webOS, MeeGo e Symbian. Mette a disposizione layout ottimizzati, widget/UI, temi e un set completo di feature, API e componenti, tutto quello che serve per sviluppare siti e/o applicazioni cross-platform. Trattandosi di jQuery non possiamo avere alcun dubbio sulla qualità del progetto ;)

Tu hai già iniziato a prevedere lo sviluppo mobile per i siti dei tuoi clienti? Quali strumenti utilizzi?

Pubblicato in: Android, Apple, HTML, JavaScript, Mobile, News, Risorse, iPhone, jQuery | Nessun commento »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email

jQTouch: applicazioni per iPhone con un plugin jQuery

Pubblicato il 10/8/2010 alle 00:28

emawebdesign

Gli sviluppatori web, che realizzano applicazioni per il mobile, hanno finalmente trovato un alleato con cui sviluppare applicazioni per iPhone: jQTouch. Non sto parlando di Objective C/Cocoa ma di un potente plugin per jQuery che permette a chi ha familiarità con HTML/CSS/JavaScript di realizzare applicazioni che si presentano come “native” dell’iPhone, quindi, con grafica, animazioni e funzionalità identiche a quelle delle applicazioni native iPhone.

Per “ricreare” grafica e animazioni tipiche delle applicazioni native iPhone con HTML/CSS/JS si passerebbe obbligatoriamente per un duro lavoro di scrittura del codice mentre, con l’utilizzo di jQTouch, con poche righe di codice e un pò di Ajax si possono realizzare applicazioni identiche in tutto e per tutto a quelle native. Un notevole risparmio di tempo durante la scrittura dell’applicazione ed un vantaggio notevole: in caso di problemi con AppStore o in caso di lunghe attese per la pubblicazione dell’applicazione (o di un suo aggiornamento), è possibile predisporre l’applicazione via web trattandosi infatti di una web application!

Inoltre, realizzare un’applicazione iPhone basata su una web app, permette lo sviluppo della stessa tramite gli ide e software preferiti, non bisogna obbligatoriamente utilizzare MAC e si può utilizzare l’applicazione da qualunque dispositivo dotato di browser web.

Si, ma la pubblicazione dell’applicazione su AppStore?

Esistono strumenti di sviluppo come PhoneGap che convertono applicazioni realizzate con HTML/CSS/JS in applicazioni pronte per essere inviate ad AppStore. Non ho mai utilizzato tale strumento ma, con una veloce googlata, si può vedere che in rete se ne parla molto bene.

jQTouch è opera di David Kaneda. Sotto potete visualizzare un video che mostra il plugin e questo è il canale ufficiale Vimeo di David: davidkaneda.

Se ti interessa jQTouch e lo sviluppo di applicazioni iPhone tramite HTML/CSS/JS iscriviti al feed RSS perchè in futuro parleremo ancora di questi argomenti ;)

Pubblicato in: Ajax, Apple, CSS, HTML, Mobile, Risorse, Video, iPhone, jQuery | 1 Commento »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email

Fullscreen Flash: ActionScript 3

Pubblicato il 12/7/2010 alle 08:00

emawebdesign

Nel mini-tutorial di oggi vedremo come impostare il fullscreen in un filmato Flash utilizzando ActionScript 3.

Nel filmato Flash, inseriamo il codice ActionScript sul primo fotogramma. Per prima cosa, dichiariamo una variabile “fullStatus” di tipo booleano. Questa variabile conterrà “true” se il filmato è in modalità “fullscreen” altrimenti “false” se è in modalità “normal“:

var fullStatus:Boolean;
fullStatus = false;

Ora scriviamo una funzione che, in questo caso, chiameremo “changeMod“. La funzione controllerà la variabile fullStatus. Se la variabile contiene “false” la proprietà stage.displayState verrà impostata su StageDisplayState.FULL_SCREEN; se contiene “true” la proprietà verrà impostata su StageDisplayState.NORMAL:

function changeMod(e:MouseEvent):void
{

if (fullStatus==false) {
fullStatus = true;
btt.stage.displayState = StageDisplayState.FULL_SCREEN;
}
else {
	   fullStatus = false;
       btt.stage.displayState = StageDisplayState.NORMAL;
      }

}

Posizioniamo un componente “button” con nome d’istanza “btt” sullo stage e associamo la funzione changeMod all’evento MouseEvent.CLICK. Così facendo, cliccando sul pulsante, potremo attivare/disattivare il fullscreen:

btt.addEventListener(MouseEvent.CLICK, changeMod);

Ultima cosa ma importantissima: nel codice html che incorpora il filmato nella nostra pagina web non dimentichiamo di impostare il parametro “allowFullScreen” su “true“:


Qui potete vedere il filmato in azione.

Di seguito potete scaricare i files del mini-tutorial.

http://www.emawebdesign.com/wp-content/plugins/downloads-manager/img/icons/winzip.gif download: Flash Fullscreen AS3 (1.14MB)
added: 11/07/2010
clicks: 483
description: Come impostare il Fullscreen in Flash con ActionScript 3.

Pubblicato in: ActionScript, Flash, HTML, News, Programmazione, Scripts | 1 Commento »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email

Flash su iPhone/iPad grazie a Smokescreen

Pubblicato il 31/5/2010 alle 13:57

flash smokescreen

Flash non girerà mai suoi “gioiellini” della Apple e questo l’abbiamo capito tutti e ce ne siamo fatti una ragione (forse???). Ma c’è chi si “ingegna” per ovviare ai divieti di zioSteve :D

Smokescreen è un progetto open source che permette la visualizzazione di contenuti Flash su iPhone/iPod/iPad. Smokescreen consente la conversione automatica dei contenuti Flash in JavaScript/html5.

Ecco una demo del progetto nel seguente video:

Pubblicato in: Apple, Flash, HTML, JavaScript, News, Open Source, Risorse, Video, iPhone | Nessun commento »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email

Ecco alcuni errori da evitare nella realizzazione di un sito dinamico

Pubblicato il 25/5/2010 alle 17:54

Nell’ultimo mese sono stato contattato da una adv agency che mi ha chiesto di realizzare un nuovo CMS per un sito dinamico (appartenente ad un loro cliente) e di apportare alcune modifiche anche alla parte client. Visualizzando i sorgenti del sito web ho avuto modo di constatare diversi errori di progettazione  e una moltitudine di scelte più o meno insensate dovute, probabilmente, alle scarse competenze di coloro che in passato hanno realizzato il sito in questione :D

Errore n°1: menu principale realizzato in Flash

Ebbene si, il primo errore è un errore SEO. Il menu principale e le photogallery dei prodotti sono state realizzate in Flash. Mentre per le photogallery la scelta di utilizzare Flash può essere condivisibile (anche se le soluzioni JS non mancano di certo, vedi qui e qui) il menu principale di un sito non va mai e poi mai realizzato in Flash. Bisogna realizzarlo in semplice HTML per permettere agli spider dei motori di ricerca di trovare le pagine del sito. Leggerezza confermata anche dall’assenza di una sitemap.

Errore n°2: layout tabellare

Il layout delle pagine web è stato realizzato con le tabelle senza rispettare gli standard web e senza tenere conto di una cosa importantissima come l’accessibilità. Errore gravissimo, nulla da aggiungere.

Errore n°3: pagine non dotate di url seo-friendly

Il dominio del sito in questione effettua un redirect ad un server dove è ospitato il sito. Tutte le pagine del sito, comprese quelle dei prodotti, non hanno url uniche. In pratica, tutte le pagine del sito rispondono all’indirizzo www.sitoinquestione.com. Nei motori di ricerca non sono indicizzate le pagine dei prodotti, altro errore SEO dunque (ogni prodotto doveva avere un indirizzo del tipo www.sitoinquestione.com/prodotto-xyz).

Errore n°4: il multilingua che ti farà impazzire :D

Questa è una vera e propria genialata. In pratica, il sito è multilingua (ita, eng, fra, esp) e per ogni photogallery (di ogni prodotto) sono stati realizzati 4 SWF del tipo:

- photogallery_prodotto_x_ita.swf
- photogallery_prodotto_x_eng.swf
- photogallery_prodotto_x_fra.swf
- photogallery_prodotto_x_esp.swf

e via così per le photogallery di tutti i prodotti. Era sufficiente realizzare un unico file SWF che caricava le informazioni dinamicamente: si inviavano all’SWF le variabili ID_prodotto e la lingua scelta e il gioco era fatto. Invece no, immaginate ora di fare una modifica, anche piccola, alla photogallery…risultato? Impazzire tra decine e decine di file FLA tutti uguali :(

Ho notato tanti altri piccoli errori ma credo di avervi fatto rabbrividire abbastanza :D Inoltre rischio di fare troppo la parte del Saputone e non mi sembra il caso ;)

Pubblicato in: Flash, HTML, News, Web 2.0, Web Design | 2 Commenti »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email

jMapping: utilizzare le Google Maps tramite un plugin di jQuery

Pubblicato il 24/3/2010 alle 15:55

emawebdesign

Oggi ti suggerisco un metodo davvero comodo per integrare le Google Maps in una pagina web: jMapping

jMapping è un plugin di jQuery che ti permetterà di integrare comodamente e velocemente una mappa in una pagina web, vediamo come. jMapping dipende dai plugin jQuery.metadata, MarkerManager e MapIconMaker, trovi i link a questi plugin nella home page di jMapping; scarica i plugin e includili nella tua pagina web insieme alle librerie jQuery e, ovviamente, jMapping:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=API_KEY"></script>
<script type="text/javascript" src="jquery.jmapping.js"></script>
<script type="text/javascript" src="jquery.metadata.js"></script>
<script type="text/javascript" src="mapiconmaker.js"></script>
<script type="text/javascript" src="markermanager.js"></script>

Ovviamente sostituisci il parametro API_KEY con la tua API Key. Ora posiziona i seguenti div nella tua pagina web:

<div id="map" style="width:600px;height:400px;"></div>
<div id="map-side-bar">
<div class="map-location" data="{id: 1, point: {lng: 12.49248, lat: 41.89028}, category: 'market'}">
</div></div>

A questo punto richiama jMapping specificando l’ID univoco che in questo caso è “map”:

<script type="text/javascript">
$(document).ready(function(){
  $('#map').jMapping();
});
</script>

Nella pagina usage trovi tutte le opzioni disponibili per configurare opportunamente le tue mappe ;)

Pubblicato in: HTML, JavaScript, News, Programmazione, Scripts, Web 2.0, jQuery | 6 Commenti »
Invia questo articolo a un amico via email Invia questo articolo a un amico via email