{"id":3388,"date":"2009-11-18T16:12:23","date_gmt":"2009-11-18T15:12:23","guid":{"rendered":"http:\/\/www.article-marketing.eu\/comunicati\/senza-categoria\/cambiare-la-lingua-di-una-pagina\/"},"modified":"2018-07-10T05:08:43","modified_gmt":"2018-07-10T03:08:43","slug":"cambiare-la-lingua-di-una-pagina","status":"publish","type":"post","link":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/","title":{"rendered":"Cambiare la lingua di una pagina"},"content":{"rendered":"

I<\/strong>ntroduzione<\/strong>
Molte volte si sente dire "la
\nlingua ufficiale di internet \u00e8 l’inglese", ed in effetti \u00e8
\ncos\u00ec. Ogni qual volta si effettui una ricerca sul web, questa si
\nrivela pi\u00f9 efficace se i temini sono inglesi. Ovviamente i risultati
\nsaranno inglesi e ciascun utente dovr\u00e0 leggerli in tale lingua.
\nMolte volte si cercano cose in italiano ma con risultati sicuramente
\nnon competitivi poich\u00e8 le pagine disponibili e i contenuti in
\nitaliano sono molti di meno. Quando effettuo una ricerca la effettuo
\nin inglese sicuro di trovare ci\u00f2 che cerco, qualche volta per\u00f2,
\nsoprattuto molto di recente cercare qualcosa in italiano \u00e8 molto pi\u00f9
\nsemplice di quello che era molti anni fa, poich\u00e8 molti, oramai,
\nscrivono pagine in italiano. Poi ci sono altri che il proprio sito lo
\nmantengono in pi\u00f9 lingue. Ogni qual volta si capita su uno di questi
\nsiti multilingua e ci si trova nella volont\u00e0 di cambiare lingua
\nsuccede che il link riporti alla home della nuova lingua e ci
\ncostringe a navigare nuovamente nel sito per rintracciare la pagina
\nche stavamo consultanto. Ci vorrebbe un link che riconoscesse la
\nnostra posizione e ricercasse l’equivalente della nostra pagina
\nnell’altra lingua selezionata. Insomma qualcosa di pi\u00f9 intelligente
\ndel semplice link statico.
Il Javascript<\/strong>
La soluzione pi\u00f9 semplice prevede l’uso
\ndel Javascript che implementi un link intelligente. Il Javascript \u00e8
\nun linguaggio di programmazione spesso impiegato nelle pagine web per
\nsopperire a mancanze che i linguaggi come xhtml (html) posseggono.
\nMolte volte siamo capitati su pagine web che ospitano oggetti
\ndinamici come orologi, immagini che cambiano o semplicemente form di
\ninserimento dati che magicamente ci forniscono il nostro codice
\nfiscale o verificano se una certa informazione \u00e8 valida. In questi
\ncasi possiamo trovarci di fronte a pagine arricchite con codice
\nJavascript. Il Javascript fondamentalmente \u00e8 un linguaggio di alto
\nlivello che utilizza un paradigma di programmazione ad oggetti. Ogni
\nsingolo elemento di una pagina web \u00e8 rappresentato in Javascript per
\nmezzo un oggetto pi\u00f9 o meno complesso. Ogni oggetto pu\u00f2 essere
\nsemplicemente letto o addirittura manipolato. Dalla semplice pagina
\nfino al pi\u00f9 articolato degli elementi di una pagina fa capo ad un
\noggetto organizzato nella struttura dell’intera pagina web secondo
\nuna gerarchia, la stessa che possiede la pagina web. Quindi una
\nimmagine presente nella pagina apparterr\u00e0 alla pagina e per
\naccedervi bisogner\u00e0 passare prima dalla pagina. E’ come se fossimo
\ndi fronte ad una bambola matriosca, per accedere a quella pi\u00f9
\ninterna prima dobbiamo aprire quella pi\u00f9 esterna. Per accedere ad
\nuna certa propriet\u00e0 dell’immagine considerata bisogna prima
\nconoscere a chi appartiene l’immagine e poi utilizzarla. Ci sono
\nprocedure in Javascript che permettono di modificare al runtime
\nqualsiasi propriet\u00e0 nella pagina web. Ci sono procedure che
\naddirittura permettono di accedere ad informazioni del browser.
Implementazione<\/strong>
Molti
\nsapranno che cos\u00e8 la barra degli indirizzi in un browser, per coloro
\nche non la conoscono sotto questo nome, \u00e8 la barra su cui viene
\nscritto dall’utente l’indirizzo internet (URL) a cui si vuole
\naccedere e che cambia durante la navigazione. Molte volte tale
\nscritta pu\u00f2 diventare incomprensibile e molto lunga, per esempio
\nquando si accedono ai risultati dei motori di ricerca, altre volte
\nnonostante si stia attraversando decine di pagine resta sempre
\nuguale; in quest’ultimo caso siamo di fronte quasi certamente alla
\nnavigazione attraverso i frame: l’indirizzo che cambia \u00e8 quello di
\nun determinato frame mentre quello principale non viene mai
\nmodificato. Il contenuto della barra degli indirizza pu\u00f2 essere
\nletto e manipolato in Javascript e lo si far\u00e0 per risolvere il
\nnostro problema. All’indirizzo
\nhttp:\/\/www.sicilypictures.altervista.org\/en\/ \u00e8 riportato un esempio
\ndi ci\u00f2 che proveremo a descrivere. Il sito dovr\u00e0 inizialmente
\nessere diviso in cartelle una per ogni lingua usata. Se il sito avr\u00e0
\ndue lingue, nella cartella radice (root) ci saranno due cartelle:
\n"en" e "it". I nomi scelti sono solo simbolici,
\nsi pu\u00f2 scegliere qualsiasi nome per le cartelle, ci\u00f2 che \u00e8
\nimportante \u00e8 che un nome non sia contenuto nell’altro. Nomi del
\ntipo "iten" e "en" non possono andare bene perch\u00e8
\nnella prima parole \u00e8 contenuta la seconda. Nelle varie cartelle ci
\nsaranno le pagine per ciascun linguaggio. Pagine equivalenti dovranno
\navere lo stesso nome, quindi avremo una pagina "index.html"
\nnella cartella "en", una in "it" ed eventualmente
\nin "fr" e cos\u00ec via. Ci potrebbe essere una pagina
\n"introduction.html", sempre con lo stesso nome, nelle
\ndiverse cartelle, l’unica cosa a cambiare sar\u00e0 il contenuto: in
\nitalian nella cartella "it" e in inglese nella cartella
\n"en". Una volta definita la struttura del sito sar\u00e0 pi\u00f9
\nsemplice capire ci\u00f2 che effettivamente dovr\u00e0 fare il nostro codice
\nJavascript. Consideriamo l’indirizzo web  "http:\/\/www.sicilypictures.altervista.org\/en\/index.html"
\nche contiene la pagina in inglese, il codice Javascript dovr\u00e0
\nricercare la stringa "en" all’interno di tale indirizzo e
\nsostituirlo con il nome della nuova cartella, per esempio "it"
\nse si vuole passare alla versione italiana della pagina. Dopo
\nl’elaborazione da parte del codice Javascript il link diventer\u00e0
\n"http:\/\/www.sicilypictures.altervista.org\/it\/index.html"
\nUna volta modificato l’indirizzo si pu\u00f2 fornirlo al browser per la
\nnavigazione.<\/p>\n

\n

Codice<\/strong>
Di seguito riporto il frammento di
\ncodice Javascript da inserire in ciascuna pagina web:
function lang(source,drain)
{
          var oldlink=parent.location.href;
          var newlink="";
          var pos;
          pos=oldlink.indexOf(source);
          newlink = oldlink.substring(0,pos);
          newlink += drain;
          newlink +=
\noldlink.substring(pos+3,oldlink.length);
          parent.location.href=newlink;
}<\/p>\n

Il codice pu\u00f2 essere inserito
\ndirettamente nella pagine web o richiamato da un file esterno
\nattraverso il tag <script>. Nel primo caso il codice verr\u00e0
\nincollato nel corpo della pagine subito dopo il tag <body>:
<body><\/p>\n

\t\t<script
\ntype="text\/javascript">
function lang(source,drain)
{
…
}
<\/script>
…
<\/body><\/p>\n

Nel secondo caso il codice verr\u00e0 posto
\nin un file esterno con estensione .js e richiamato attraverso il tag
\n<script> subito dopo il tag <head>:
<head>
<script
\ntype="text\/javascript" src="lang.js"><\/script>
…
<\/head><\/p>\n

Il file "lang.js" \u00e8 un
\nnormale file di testo e contiene il frammento di codice riportato
\nsopra.
La funzione pu\u00f2 essere richiamata in
\nmolti modi diversi, da qualunque oggetto della pagina. Uno dei modi
\npi\u00f9 semplice richiama il codice quando si utilizza un link ad una
\npagina esterna. Supponiamo di aver inserito il codice in una pagina
\nscritta in inglese e si vuole permettere all’utente di cambiare
\nlingua semplicemente cliccando su un link. Nel codice html dovremo
\ninserire un frammento di codice html del tipo:
<a target="_top" href="javascript:lang(‘\/en’,’\/it’)">Italiano<\/a><\/em>
Si noti in particolare la chiamata alla funzione Javascript "lang", che sostituisce la stringa ‘\/en’ con ‘\/it’ nel link corrente e ottenendo l’equivalente della pagina in italiano.<\/p>\n","protected":false},"excerpt":{"rendered":"

Introduzione<\/i>
\nIl Javascript<\/i>
\nImplementazione<\/i>
\nCodice<\/i><\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[1813],"tags":[1107,10705,5065,10704,569],"class_list":["post-3388","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-design","tag-javascript","tag-lingua","tag-multilingua","tag-web"],"yoast_head":"\nCambiare la lingua di una pagina - Article Marketing<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cambiare la lingua di una pagina - Article Marketing\" \/>\n<meta property=\"og:description\" content=\"Introduzione Il Javascript Implementazione Codice\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/\" \/>\n<meta property=\"og:site_name\" content=\"Article Marketing\" \/>\n<meta property=\"article:published_time\" content=\"2009-11-18T15:12:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-07-10T03:08:43+00:00\" \/>\n<meta name=\"author\" content=\"Redazione Comunicati Stampa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Redazione Comunicati Stampa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/\"},\"author\":{\"name\":\"Redazione Comunicati Stampa\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017\"},\"headline\":\"Cambiare la lingua di una pagina\",\"datePublished\":\"2009-11-18T15:12:23+00:00\",\"dateModified\":\"2018-07-10T03:08:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/\"},\"wordCount\":1240,\"commentCount\":0,\"keywords\":[\"design\",\"javascript\",\"lingua\",\"multilingua\",\"web\"],\"articleSection\":[\"Web design\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/\",\"url\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/\",\"name\":\"Cambiare la lingua di una pagina - Article Marketing\",\"isPartOf\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#website\"},\"datePublished\":\"2009-11-18T15:12:23+00:00\",\"dateModified\":\"2018-07-10T03:08:43+00:00\",\"author\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.article-marketing.eu\/comunicati\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cambiare la lingua di una pagina\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#website\",\"url\":\"https:\/\/www.article-marketing.eu\/comunicati\/\",\"name\":\"Article Marketing\",\"description\":\"article marketing & press release\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.article-marketing.eu\/comunicati\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017\",\"name\":\"Redazione Comunicati Stampa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/50e5c6421d3072f42e7ace803501602c60d75233d34e29fd05feb91c8760b792?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/50e5c6421d3072f42e7ace803501602c60d75233d34e29fd05feb91c8760b792?s=96&d=mm&r=g\",\"caption\":\"Redazione Comunicati Stampa\"},\"url\":\"https:\/\/www.article-marketing.eu\/comunicati\/author\/redazione-comunicati-stampa\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cambiare la lingua di una pagina - Article Marketing","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/","og_locale":"it_IT","og_type":"article","og_title":"Cambiare la lingua di una pagina - Article Marketing","og_description":"Introduzione Il Javascript Implementazione Codice","og_url":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/","og_site_name":"Article Marketing","article_published_time":"2009-11-18T15:12:23+00:00","article_modified_time":"2018-07-10T03:08:43+00:00","author":"Redazione Comunicati Stampa","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Redazione Comunicati Stampa","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/#article","isPartOf":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/"},"author":{"name":"Redazione Comunicati Stampa","@id":"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017"},"headline":"Cambiare la lingua di una pagina","datePublished":"2009-11-18T15:12:23+00:00","dateModified":"2018-07-10T03:08:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/"},"wordCount":1240,"commentCount":0,"keywords":["design","javascript","lingua","multilingua","web"],"articleSection":["Web design"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/","url":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/","name":"Cambiare la lingua di una pagina - Article Marketing","isPartOf":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/#website"},"datePublished":"2009-11-18T15:12:23+00:00","dateModified":"2018-07-10T03:08:43+00:00","author":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017"},"breadcrumb":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/web-design\/cambiare-la-lingua-di-una-pagina\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.article-marketing.eu\/comunicati\/"},{"@type":"ListItem","position":2,"name":"Cambiare la lingua di una pagina"}]},{"@type":"WebSite","@id":"https:\/\/www.article-marketing.eu\/comunicati\/#website","url":"https:\/\/www.article-marketing.eu\/comunicati\/","name":"Article Marketing","description":"article marketing & press release","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.article-marketing.eu\/comunicati\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017","name":"Redazione Comunicati Stampa","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/50e5c6421d3072f42e7ace803501602c60d75233d34e29fd05feb91c8760b792?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/50e5c6421d3072f42e7ace803501602c60d75233d34e29fd05feb91c8760b792?s=96&d=mm&r=g","caption":"Redazione Comunicati Stampa"},"url":"https:\/\/www.article-marketing.eu\/comunicati\/author\/redazione-comunicati-stampa\/"}]}},"_links":{"self":[{"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/posts\/3388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/comments?post=3388"}],"version-history":[{"count":2,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/posts\/3388\/revisions"}],"predecessor-version":[{"id":60751,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/posts\/3388\/revisions\/60751"}],"wp:attachment":[{"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/media?parent=3388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/categories?post=3388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/tags?post=3388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}