Elenco province italiane

Pubblicato il 18 Ottobre 201818 Ottobre 2018 Inviato su Blog, HTML & CSS, PHP

Elenco province italiane per inserimento in codice HTML, PHP e JS per futuri riutilizzi

HTML <select> con funzione selected( ) di WordPress

<select id="prov" name="prov"><option value="">Seziona provincia</option>
	<option <?php selected( $_REQUEST['prov'], 'ee' ) ?> value="ee">** Paese estero **</option>
	<option <?php selected( $_REQUEST['prov'], 'ag' ) ?> value="ag">Agrigento</option>
	<option <?php selected( $_REQUEST['prov'], 'al' ) ?> value="al">Alessandria</option>
	<option <?php selected( $_REQUEST['prov'], 'an' ) ?> value="an">Ancona</option>
	<option <?php selected( $_REQUEST['prov'], 'ao' ) ?> value="ao">Aosta</option>
	<option <?php selected( $_REQUEST['prov'], 'ar' ) ?> value="ar">Arezzo</option>
	<option <?php selected( $_REQUEST['prov'], 'ap' ) ?> value="ap">Ascoli Piceno</option>
	<option <?php selected( $_REQUEST['prov'], 'at' ) ?> value="at">Asti</option>
	<option <?php selected( $_REQUEST['prov'], 'av' ) ?> value="av">Avellino</option>
	<option <?php selected( $_REQUEST['prov'], 'ba' ) ?> value="ba">Bari</option>
	<option <?php selected( $_REQUEST['prov'], 'bt' ) ?> value="bt">Barletta-Andria-Trani</option>
	<option <?php selected( $_REQUEST['prov'], 'bl' ) ?> value="bl">Belluno</option>
	<option <?php selected( $_REQUEST['prov'], 'bn' ) ?> value="bn">Benevento</option>
	<option <?php selected( $_REQUEST['prov'], 'bg' ) ?> value="bg">Bergamo</option>
	<option <?php selected( $_REQUEST['prov'], 'bi' ) ?> value="bi">Biella</option>
	<option <?php selected( $_REQUEST['prov'], 'bo' ) ?> value="bo">Bologna</option>
	<option <?php selected( $_REQUEST['prov'], 'bz' ) ?> value="bz">Bolzano</option>
	<option <?php selected( $_REQUEST['prov'], 'bs' ) ?> value="bs">Brescia</option>
	<option <?php selected( $_REQUEST['prov'], 'br' ) ?> value="br">Brindisi</option>
	<option <?php selected( $_REQUEST['prov'], 'ca' ) ?> value="ca">Cagliari</option>
	<option <?php selected( $_REQUEST['prov'], 'cl' ) ?> value="cl">Caltanissetta</option>
	<option <?php selected( $_REQUEST['prov'], 'cb' ) ?> value="cb">Campobasso</option>
	<option <?php selected( $_REQUEST['prov'], 'ci' ) ?> value="ci">Carbonia-iglesias</option>
	<option <?php selected( $_REQUEST['prov'], 'ce' ) ?> value="ce">Caserta</option>
	<option <?php selected( $_REQUEST['prov'], 'ct' ) ?> value="ct">Catania</option>
	<option <?php selected( $_REQUEST['prov'], 'cz' ) ?> value="cz">Catanzaro</option>
	<option <?php selected( $_REQUEST['prov'], 'ch' ) ?> value="ch">Chieti</option>
	<option <?php selected( $_REQUEST['prov'], 'co' ) ?> value="co">Como</option>
	<option <?php selected( $_REQUEST['prov'], 'cs' ) ?> value="cs">Cosenza</option>
	<option <?php selected( $_REQUEST['prov'], 'cr' ) ?> value="cr">Cremona</option>
	<option <?php selected( $_REQUEST['prov'], 'kr' ) ?> value="kr">Crotone</option>
	<option <?php selected( $_REQUEST['prov'], 'cn' ) ?> value="cn">Cuneo</option>
	<option <?php selected( $_REQUEST['prov'], 'en' ) ?> value="en">Enna</option>
	<option <?php selected( $_REQUEST['prov'], 'fm' ) ?> value="fm">Fermo</option>
	<option <?php selected( $_REQUEST['prov'], 'fe' ) ?> value="fe">Ferrara</option>
	<option <?php selected( $_REQUEST['prov'], 'fi' ) ?> value="fi">Firenze</option>
	<option <?php selected( $_REQUEST['prov'], 'fg' ) ?> value="fg">Foggia</option>
	<option <?php selected( $_REQUEST['prov'], 'fc' ) ?> value="fc">Forlì-Cesena</option>
	<option <?php selected( $_REQUEST['prov'], 'fr' ) ?> value="fr">Frosinone</option>
	<option <?php selected( $_REQUEST['prov'], 'ge' ) ?> value="ge">Genova</option>
	<option <?php selected( $_REQUEST['prov'], 'go' ) ?> value="go">Gorizia</option>
	<option <?php selected( $_REQUEST['prov'], 'gr' ) ?> value="gr">Grosseto</option>
	<option <?php selected( $_REQUEST['prov'], 'im' ) ?> value="im">Imperia</option>
	<option <?php selected( $_REQUEST['prov'], 'is' ) ?> value="is">Isernia</option>
	<option <?php selected( $_REQUEST['prov'], 'sp' ) ?> value="sp">La spezia</option>
	<option <?php selected( $_REQUEST['prov'], 'aq' ) ?> value="aq">L'aquila</option>
	<option <?php selected( $_REQUEST['prov'], 'lt' ) ?> value="lt">Latina</option>
	<option <?php selected( $_REQUEST['prov'], 'le' ) ?> value="le">Lecce</option>
	<option <?php selected( $_REQUEST['prov'], 'lc' ) ?> value="lc">Lecco</option>
	<option <?php selected( $_REQUEST['prov'], 'li' ) ?> value="li">Livorno</option>
	<option <?php selected( $_REQUEST['prov'], 'lo' ) ?> value="lo">Lodi</option>
	<option <?php selected( $_REQUEST['prov'], 'lu' ) ?> value="lu">Lucca</option>
	<option <?php selected( $_REQUEST['prov'], 'mc' ) ?> value="mc">Macerata</option>
	<option <?php selected( $_REQUEST['prov'], 'mn' ) ?> value="mn">Mantova</option>
	<option <?php selected( $_REQUEST['prov'], 'ms' ) ?> value="ms">Massa-Carrara</option>
	<option <?php selected( $_REQUEST['prov'], 'mt' ) ?> value="mt">Matera</option>
	<option <?php selected( $_REQUEST['prov'], 'vs' ) ?> value="vs">Medio Campidano</option>
	<option <?php selected( $_REQUEST['prov'], 'me' ) ?> value="me">Messina</option>
	<option <?php selected( $_REQUEST['prov'], 'mi' ) ?> value="mi">Milano</option>
	<option <?php selected( $_REQUEST['prov'], 'mo' ) ?> value="mo">Modena</option>
	<option <?php selected( $_REQUEST['prov'], 'mb' ) ?> value="mb">Monza e della Brianza</option>
	<option <?php selected( $_REQUEST['prov'], 'na' ) ?> value="na">Napoli</option>
	<option <?php selected( $_REQUEST['prov'], 'no' ) ?> value="no">Novara</option>
	<option <?php selected( $_REQUEST['prov'], 'nu' ) ?> value="nu">Nuoro</option>
	<option <?php selected( $_REQUEST['prov'], 'og' ) ?> value="og">Ogliastra</option>
	<option <?php selected( $_REQUEST['prov'], 'ot' ) ?> value="ot">Olbia-Tempio</option>
	<option <?php selected( $_REQUEST['prov'], 'or' ) ?> value="or">Oristano</option>
	<option <?php selected( $_REQUEST['prov'], 'pd' ) ?> value="pd">Padova</option>
	<option <?php selected( $_REQUEST['prov'], 'pa' ) ?> value="pa">Palermo</option>
	<option <?php selected( $_REQUEST['prov'], 'pr' ) ?> value="pr">Parma</option>
	<option <?php selected( $_REQUEST['prov'], 'pv' ) ?> value="pv">Pavia</option>
	<option <?php selected( $_REQUEST['prov'], 'pg' ) ?> value="pg">Perugia</option>
	<option <?php selected( $_REQUEST['prov'], 'pu' ) ?> value="pu">Pesaro e Urbino</option>
	<option <?php selected( $_REQUEST['prov'], 'pe' ) ?> value="pe">Pescara</option>
	<option <?php selected( $_REQUEST['prov'], 'pc' ) ?> value="pc">Piacenza</option>
	<option <?php selected( $_REQUEST['prov'], 'pi' ) ?> value="pi">Pisa</option>
	<option <?php selected( $_REQUEST['prov'], 'pt' ) ?> value="pt">Pistoia</option>
	<option <?php selected( $_REQUEST['prov'], 'pn' ) ?> value="pn">Pordenone</option>
	<option <?php selected( $_REQUEST['prov'], 'pz' ) ?> value="pz">Potenza</option>
	<option <?php selected( $_REQUEST['prov'], 'po' ) ?> value="po">Prato</option>
	<option <?php selected( $_REQUEST['prov'], 'rg' ) ?> value="rg">Ragusa</option>
	<option <?php selected( $_REQUEST['prov'], 'ra' ) ?> value="ra">Ravenna</option>
	<option <?php selected( $_REQUEST['prov'], 'rc' ) ?> value="rc">Reggio di Calabria</option>
	<option <?php selected( $_REQUEST['prov'], 're' ) ?> value="re">Reggio nell'Emilia</option>
	<option <?php selected( $_REQUEST['prov'], 'ri' ) ?> value="ri">Rieti</option>
	<option <?php selected( $_REQUEST['prov'], 'rn' ) ?> value="rn">Rimini</option>
	<option <?php selected( $_REQUEST['prov'], 'rm' ) ?> value="rm">Roma</option>
	<option <?php selected( $_REQUEST['prov'], 'ro' ) ?> value="ro">Rovigo</option>
	<option <?php selected( $_REQUEST['prov'], 'sa' ) ?> value="sa">Salerno</option>
	<option <?php selected( $_REQUEST['prov'], 'ss' ) ?> value="ss">Sassari</option>
	<option <?php selected( $_REQUEST['prov'], 'sv' ) ?> value="sv">Savona</option>
	<option <?php selected( $_REQUEST['prov'], 'si' ) ?> value="si">Siena</option>
	<option <?php selected( $_REQUEST['prov'], 'sr' ) ?> value="sr">Siracusa</option>
	<option <?php selected( $_REQUEST['prov'], 'so' ) ?> value="so">Sondrio</option>
	<option <?php selected( $_REQUEST['prov'], 'ta' ) ?> value="ta">Taranto</option>
	<option <?php selected( $_REQUEST['prov'], 'te' ) ?> value="te">Teramo</option>
	<option <?php selected( $_REQUEST['prov'], 'tr' ) ?> value="tr">Terni</option>
	<option <?php selected( $_REQUEST['prov'], 'to' ) ?> value="to">Torino</option>
	<option <?php selected( $_REQUEST['prov'], 'tp' ) ?> value="tp">Trapani</option>
	<option <?php selected( $_REQUEST['prov'], 'tn' ) ?> value="tn">Trento</option>
	<option <?php selected( $_REQUEST['prov'], 'tv' ) ?> value="tv">Treviso</option>
	<option <?php selected( $_REQUEST['prov'], 'ts' ) ?> value="ts">Trieste</option>
	<option <?php selected( $_REQUEST['prov'], 'ud' ) ?> value="ud">Udine</option>
	<option <?php selected( $_REQUEST['prov'], 'va' ) ?> value="va">Varese</option>
	<option <?php selected( $_REQUEST['prov'], 've' ) ?> value="ve">Venezia</option>
	<option <?php selected( $_REQUEST['prov'], 'vb' ) ?> value="vb">Verbano-Cusio-Ossola</option>
	<option <?php selected( $_REQUEST['prov'], 'vr' ) ?> value="vr">Vercelli</option>
	<option <?php selected( $_REQUEST['prov'], 'vr' ) ?> value="vr">Verona</option>
	<option <?php selected( $_REQUEST['prov'], 'vv' ) ?> value="vv">Vibo valentia</option>
	<option <?php selected( $_REQUEST['prov'], 'vi' ) ?> value="vi">Vicenza</option>
	<option <?php selected( $_REQUEST['prov'], 'vt' ) ?> value="vt">Viterbo</option>
</select>

Passaggio di parametri dal server al client JavaScript

Pubblicato il 31 Agosto 20079 Dicembre 2012 Inviato su HTML & CSS, Javascript & AJAX

Molto spesso nello sviluppo di un sito Internet può capitare di dove inviare alcune informazioni salvate nel database ad uno script che andrà eseguito nel client dal browser.

Il metodo più semplice e diffuso è quello di passare i parametri direttamente in un blocco di codice JavaScript in linea, assieme al codice del documento HTML.

<?php
myText = "Testo che proviene dal server";
myURL = "http://url-letto-dal-server.com";
?>

alert("<?php echo myText ?>");
location.href = "<?php echo myURL ?>";

Per mantenere il codice maggiormente pulito, sarebbe ideale inserire tutti gli script JS e i fogli di stile CSS in file esterni, in modo da separare parte dinamica e la formattazione dai contenuti del documento HTML. In questo modo il nostro sito diventa più semantico, oltre che più accessibile. Si pone però il problema di far avere dei parametri agli script esterni senza richiamare ulteriori script lato server e consumare risorse.

Prima di HTML5

I tag META, nella sezione HEAD, sono da sempre usati per aggiungere informazioni al documento, normalmente per fornire l’autore, la data di modifica ed altre informazioni agli spider dei motori di ricerca. Le raccomandazioni del w3c non definiscono e non limitano quali siano le informazioni che possano essere trasmesse, quindi nessuno ci impedisce di creare dei meta-dati personalizzati. La soluzione che propongo è di inserire i valori di cui abbiamo bisogno in nostri tag META ed accedervi da JavaScript utilizzando le funzioni del DOM. Se il dato da trasmettere è un URI, le raccomandazioni del w3c consigliano di usare il tag LINK.

<meta name="myText" id="myText" value="<?php echo myText ?>" />
<link rel="myURL" id="myURL" href="<?php echo myText ?>" />

alert(document.getElementById("myText").value);
location.href = document.getElementById("myURL").href;

Il codice dello script ora può essere comodamente inserito in un file esterno con estensione JS da collegare al documento. Gli script del server dovranno generare un’unica pagina HTML, utilizzando le stesse risorse di calcolo della soluzione classica, ma sia la manutenzione del codice javascript che la sua leggibilità sono notevolmente migliorate.

Soluzione attuale per HTML 5

La soluzione precente, seppur perfettamente funzionante anche con HTML5, ha un problema: durante la convalida del codice con il validatore W3c causerà degli errori. Questo perché HTML5 non consente l’uso di meta e link tag personalizzati.

Lo stesso HTML5 però ha previsto la possibilità di utilizzare degli attributi aggiuntivi personalizzati, da inserire a piacere in qualsiasi tag, che non causeranno errori di convalida. Questi attributi devo iniziare con il suffisso data-.

<body data-myText="<?php echo myText ?>" data-myURL="<?php echo myURL ?>">

alert(document.body.getAttribute("myText"));
location.href = document.body.getAttribute("myURL");

Video e contenuti multimediali con il tag OBJECT

Pubblicato il 28 Agosto 200731 Agosto 2007 Inviato su HTML & CSS

Nei browser basati su Gecko, quali Mozilla Firefox, è pienamente supportata la capacità di inserire video, animazioni e contenuti multimediali utilizzando il nuovo tag OBJECT, secondo quanto previsto dalle raccomandazioni W3C.

Anche se è ancora possibile utilizzare il tag EMBED per il medesimo scopo, è sconsigliato il suo utilizzo in quanto si tratta di un tag deprecato e che in futuro probabilmente verrà abolito.

Esistono tuttavia dei problemi di compatibilità con Internet Explorer: i browser Gecko – ed in genere tutti i browser che si attengono alle raccomandazioni W3C – richiedono di identificare il contenuto specificando il tipo MIME dell’oggetto da includere, mentre Internet Explorer richiede quale plug-in/ActiveX usare tramite il suo codice GUID univoco. Bisogna prestare molta attenzione alla sintassi dei tag OBJECT, affinché i browser Gecko li accettino senza comprometterne la compatibilità.

In questa pagina raccogliamo la sintassi cross-browser e standard-compliant del tag OBJECT per i formati più comuni.

Shockwave Flash (Adobe Macromedia)

Tipo MIME: application/x-shockwave-flash
Estensione: SWF
Sito web: http://www.adobe.com/shockwave/
Requisiti del client: Flash Player
Compatibilità: 1.0+ 1.0+ 1.0+ 1.0+ 8.0+ 5.0+ 8.0+ 3.0+

Esempio

Applet Java (Sun Microsystems)

Tipo MIME: application/x-java-applet
Estensione: CLASS, JAR, JNPL
Sito web: http://java.sun.com/
Requisiti del client: Java Runtime Environment
Compatibilità: 1.0+ 1.0+ 1.0+ 1.0+ 8.0+ 6.0+ 8.0+ 2.0+ 3.0+

Esempio

WMV – Windows Media Video (Microsoft Corporation)

Tipo MIME: video/x-ms-wmv
Estensione: WMV
Sito web: http://www.microsoft.com/windows/windowsmedia/
Requisiti del client: Windows Media Player, MPlayer
Compatibilità: 1.0+ 1.0+ 1.0+ 8.0+ 5.0+ 8.0+ 3.0+

Esempio

WMA – Windows Media Audio (Microsoft Corporation)

Tipo MIME: audio/x-ms-wma
Estensione: WMA

Vedi guida per WMV

ASF – Advanced Streaming Format (Microsoft Corporation)

Tipo MIME: application/asx, video/x-ms-asf
Estensione: ASF, ASX

Vedi guida per WMV

QuickTime (Apple Computer)

Tipo MIME: video/quicktime
Estensione: MOV
Sito web: http://www.apple.com/quicktime/
Requisiti del client: QuickTime Player, QuickTime Alternative, MPlayer
Compatibilità: 1.0+ 1.0+ 1.0+ 1.0+ 8.0+ 6.0+ 8.0+ 3.0+

Esempio

RealMedia (Real Networks)

Tipo MIME: audio/x-pn-realaudio-plugin
Estensione: RM, RA, RV, RPM
Sito web: http://www.real.com/
Requisiti del client: Real Player, Real Alternative, MPlayer
Compatibilità: 1.0+ 1.0+ 1.0+ 1.0+ 8.0+ 6.0+

Esempio

SVG – Scalable Vector Graphics (W3C)

Tipo MIME: image/svg+xml
Estensione: SVG
Sito web: http://www.w3.org/Graphics/SVG/
Requisiti del client: Gecko 1.8+ (supporto nativo), Adobe SVG Viewer
Compatibilità: 1.5+ 1.0+ 1.0+ 8.0+ 6.0+ 8.0+ 3.0+

Davide Bagaria

Categoria: HTML & CSS

Elenco province italiane

HTML <select> con funzione selected( ) di WordPress

Passaggio di parametri dal server al client JavaScript

Prima di HTML5

Soluzione attuale per HTML 5

Video e contenuti multimediali con il tag OBJECT

Shockwave Flash (Adobe Macromedia)

Applet Java (Sun Microsystems)

WMV – Windows Media Video (Microsoft Corporation)

WMA – Windows Media Audio (Microsoft Corporation)

ASF – Advanced Streaming Format (Microsoft Corporation)

QuickTime (Apple Computer)

RealMedia (Real Networks)

SVG – Scalable Vector Graphics (W3C)