Cambiar idiomas con facilidad-languageSelector

Vista prévia

Descripción

Un plugin de JavaScript simple y rápido para crear un selector de idioma para alternar entre idiomas en sus páginas web internacionales.

¿Cómo funciona?

Inserte la hoja de estilos y JavaScript de languageSelector en su página HTML.

<link rel="stylesheet" href="language.css">
<script id="language_script" data-languages="en,fi" src="language.js"></script>

Cree el selector de idioma como este:

<language class="languageFrameClick" data-type="flag">
</language>

<language class="languageFrameSelect" data-type="select">
</language>

Cree su contenido en varios idiomas como este:

<p lang="fi" class="placeHeadline">Suomeksi.</p>
<p lang="en" class="placeHeadline">English Translation.</p>

Si desea cambiar entre páginas en diferentes idiomas:

<link rel="alternate" href="hreflang-en.html" hreflang="en">
<link rel="alternate" href="hreflang-fi.html" hreflang="fi">

Todos los ajustes predeterminados.

defaultLanguage: 'en', // Default language if no language available
nameOfSelectorFrame: 'LANGUAGE', // Name of the language selector frame element
idOfScript: 'language_script', // ID of the script element
flagPath: 'region-flags/png/', // Where are the flag images as EN.png

cookieKeyName: 'languageSelectorValue', // Cookie name for selected language
cookieExpirationDays: 3650,

styleId: 'languageSelectorStyle',

// null = no language selector | frame element of selectors
frameElementsOfSelectorFlags: null,

// null = no selectors | array of language selectors or empty array if no selectors
elementsOfLanguageSelectors: null,

elementOfScript: null,

actualLanguage: null,
languageList: {},
languageArray: new Array(),
languageHreflangs: {}, // Elements of all hreflang elements at head

debugMode: false