Progress Monitor for IdealProgrammer.com

Take Swift, Intelligent, Massive, Planned, Loving, Effective (S.I.M.P.L.E.) Action to Transform Self into Ideal

Skip Repetitive Navigational Links
Home
News
Presenters
Contact
Please login

JavaScript (JS) lang Example

Description: Illustrates the JavaScript syntax for the Body Object lang Property .
Syntax: BodyObject.lang="langname" – Allows you to access the language for a BodyObject.
JavaScript (JS) lang Example Code:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
  <head>
    <title>IdealProgrammer.com: lang </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
    <style type="text/css" id="myStyle">
 
       .myButtons
        {
            font-size:large;           
            color:red;
        }
        .myButtons input
        {
        color:Blue
        }
 
        .myButton2
        {
            font-size:small;
        }
        .myButton2 input
        {
        font-style :italic
        }
 
        .myButton3
        {
            background-color:#d0e4fe;
        }
        .myButton3 input
        {
        font-weight:600
        }
 
 
    </style>
    <script type="text/javascript">
 
        //****************************************************************
        //         Set Cookie
        //****************************************************************    
 function Set_Cookie( name, value, expires, path, domain, secure )
{
// set time, it's in milliseconds
var today = new Date();
today.setTime( today.getTime() );
 
/*
if the expires variable is set, make the correct
expires time, the current script below will set
it for x number of days, to make it for hours,
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );
 
document.cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}
 
//****************************************************************
//         Get Cookie
//**************************************************************** 
// this fixes an issue with the old method, ambiguous values
// with this test document.cookie.indexOf( name + "=" );
function Get_Cookie(check_name) {
    // first we'll split this cookie up into name/value pairs
    // note: document.cookie only returns name=value, not the other components
    var a_all_cookies = document.cookie.split(';');
    var a_temp_cookie = '';
    var cookie_name = '';
    var cookie_value = '';
    var b_cookie_found = false; // set boolean t/f default f
 
    for (i = 0; i < a_all_cookies.length; i++) {
        // now we'll split apart each name=value pair
        a_temp_cookie = a_all_cookies[i].split('=');
 
 
        // and trim left/right whitespace while we're at it
        cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, '');
 
        // if the extracted name matches passed check_name
        if (cookie_name == check_name) {
            b_cookie_found = true;
            // we need to handle case where cookie has no value but exists (no = sign, that is):
            if (a_temp_cookie.length > 1) {
                cookie_value = unescape(a_temp_cookie[1].replace(/^\s+|\s+$/g, ''));
            }
            // note that in cases where cookie is initialized but no value, null is returned
            return cookie_value;
            break;
        }
        a_temp_cookie = null;
        cookie_name = '';
    }
    if (!b_cookie_found) {
        return null;
    }
}
 
</script>			
 
   </head>
  <body id="myBodyID" class="myButtons" lang="en">
 
        Please click Buttons to change lang assigned to body:<br /><br />
        <!--using onclick to set a cookie and reload page; 
        when page is reloading, we check that cookie to assign different styles to body
        -->
      <input id="Button1" type="button"  value="button" onclick="javascript: Set_Cookie( 'mycookie', '1', 30, '/', '', '' ); window.location.reload();" /><br /><br />
      <input id="Button2" type="button"  value="button - es" onclick="javascript: Set_Cookie( 'mycookie', '2', 30, '/', '', '' ); window.location.reload();"/><br /><br />
      <input id="Button3" type="button"  value="button - fr" onclick="javascript: Set_Cookie( 'mycookie', '3', 30, '/', '', '' ); window.location.reload();"/><br /><br />
   <script type="text/javascript">
       //*****************************************************
       // DOM Objects
       //*****************************************************
 
 
       //*****************************************************
       //    ***    Body Object Properties   ***
       //*****************************************************
 
       //*****************************************************
       // lang
       //*****************************************************
 
       //    SYNTAX:
       //    object.lang="lang"  Allows you to retrieve or assign lang for
       //    body
        //       Here is a table of language codes:
        //Name of Language ISO 639-1 Code 
        //Afar aa 
        //Abkhazian ab 
        //Afrikaans af 
        //Akan ak 
        //Albanian sq 
        //Amharic am 
        //Arabic ar 
        //Aragonese an 
        //Armenian hy 
        //Assamese as 
        //Avaric av 
        //Avestan ae 
        //Aymara ay 
        //Azerbaijani az 
        //Bashkir ba 
        //Bambara bm 
        //Basque eu 
        //Belarusian be 
        //Bengali bn 
        //Bihari bh 
        //Bislama bi 
        //Tibetan bo 
        //Bosnian bs 
        //Breton br 
        //Bulgarian bg 
        //Burmese my 
        //Catalan; Valencian ca 
        //Czech cs 
        //Chamorro ch 
        //Chechen ce 
        //Chinese zh 
        //Church Slavic; Old Slavonic; Church Slavonic; Old Bulgarian; Old Church Slavonic cu 
        //Chuvash cv 
        //Cornish kw 
        //Corsican co 
        //Cree cr 
        //Welsh cy 
        //Czech cs 
        //Danish da 
        //German de 
        //Divehi; Dhivehi; Maldivian dv 
        //Dutch; Flemish nl 
        //Dzongkha dz 
        //Greek, Modern (1453-) el 
        //English en 
        //Esperanto eo 
        //Estonian et 
        //Basque eu 
        //Ewe ee 
        //Faroese fo 
        //Persian fa 
        //Fijian fj 
        //Finnish fi 
        //French fr 
        //Western Frisian fy 
        //Fulah ff 
        //Georgian ka 
        //German de 
        //Gaelic; Scottish Gaelic gd 
        //Irish ga 
        //Galician gl 
        //Manx gv 
        //Greek, Modern (1453-) el 
        //Guarani gn 
        //Gujarati gu 
        //Haitian; Haitian Creole ht 
        //Hausa ha 
        //Hebrew he 
        //Herero hz 
        //Hindi hi 
        //Hiri Motu ho 
        //Croatian hr 
        //Hungarian hu 
        //Armenian hy 
        //Igbo ig 
        //Icelandic is 
        //Ido io 
        //Sichuan Yi ii 
        //Inuktitut iu 
        //Interlingue ie 
        //Interlingua (International Auxiliary Language Association) ia 
        //Indonesian id 
        //Inupiaq ik 
        //Icelandic is 
        //Italian it 
        //Javanese jv 
        //Japanese ja 
        //Kalaallisut; Greenlandic kl 
        //Kannada kn 
        //Kashmiri ks 
        //Georgian ka 
        //Kanuri kr 
        //Kazakh kk 
        //Central Khmer km 
        //Kikuyu; Gikuyu ki 
        //Kinyarwanda rw 
        //Kirghiz; Kyrgyz ky 
        //Komi kv 
        //Kongo kg 
        //Korean ko 
        //Kuanyama; Kwanyama kj 
        //Kurdish ku 
        //Lao lo 
        //Latin la 
        //Latvian lv 
        //Limburgan; Limburger; Limburgish li 
        //Lingala ln 
        //Lithuanian lt 
        //Luxembourgish; Letzeburgesch lb 
        //Luba-Katanga lu 
        //Ganda lg 
        //Macedonian mk 
        //Marshallese mh 
        //Malayalam ml 
        //Maori mi 
        //Marathi mr 
        //Malay ms 
        //Macedonian mk 
        //Malagasy mg 
        //Maltese mt 
        //Moldavian mo 
        //Mongolian mn 
        //Maori mi 
        //Malay ms 
        //Burmese my 
        //Nauru na 
        //Navajo; Navaho nv 
        //Ndebele, South; South Ndebele nr 
        //Ndebele, North; North Ndebele nd 
        //Ndonga ng 
        //Nepali ne 
        //Dutch; Flemish nl 
        //Norwegian Nynorsk; Nynorsk, Norwegian nn 
        //Bokmål, Norwegian; Norwegian Bokmål nb 
        //Norwegian no 
        //Chichewa; Chewa; Nyanja ny 
        //Occitan (post 1500); Provençal oc 
        //Ojibwa oj 
        //Oriya or 
        //Oromo om 
        //Ossetian; Ossetic os 
        //Panjabi; Punjabi pa 
        //Persian fa 
        //Pali pi 
        //Polish pl 
        //Portuguese pt 
        //Pushto ps 
        //Quechua qu 
        //Romansh rm 
        //Romanian ro 
        //Romanian ro 
        //Rundi rn 
        //Russian ru 
        //Sango sg 
        //Sanskrit sa 
        //Serbian sr 
        //Croatian hr 
        //Sinhala; Sinhalese si 
        //Slovak sk 
        //Slovak sk 
        //Slovenian sl 
        //Northern Sami se 
        //Samoan sm 
        //Shona sn 
        //Sindhi sd 
        //Somali so 
        //Sotho, Southern st 
        //Spanish; Castilian es 
        //Albanian sq 
        //Sardinian sc 
        //Serbian sr 
        //Swati ss 
        //Sundanese su 
        //Swahili sw 
        //Swedish sv 
        //Tahitian ty 
        //Tamil ta 
        //Tatar tt 
        //Telugu te 
        //Tajik tg 
        //Tagalog tl 
        //Thai th 
        //Tibetan bo 
        //Tigrinya ti 
        //Tonga (Tonga Islands) to 
        //Tswana tn 
        //Tsonga ts 
        //Turkmen tk 
        //Turkish tr 
        //Twi tw 
        //Uighur; Uyghur ug 
        //Ukrainian uk 
        //Urdu ur 
        //Uzbek uz 
        //Venda ve 
        //Vietnamese vi 
        //Volapük vo 
        //Welsh cy 
        //Walloon wa 
        //Wolof wo 
        //Xhosa xh 
        //Yiddish yi 
        //Yoruba yo 
        //Zhuang; Chuang za 
        //Chinese zh 
        //Zulu zu 
       //*****************************************************
       // Two ways to retrieve lang
       //*****************************************************
       document.write("<strong>Demonstrating Two Ways to Retrieve Property</strong><br />") 
         //   1. GetElementsByTagName
                myObject=document.getElementsByTagName('body')[0];
                document.write("1. Using getElementsByTagName: " + myObject.lang);
                document.write("<br />");
            //   2. GetElementById
 
                document.write("2. Using getElementById: ");
                document.write(document.getElementById('myBodyID').lang);
                document.write("<br />");
                document.write("<br />");
 
 
 
        //*****************************************************
        // Two ways to assign lang
        //*****************************************************
        // using cookies to change property and style on the fly
                if (Get_Cookie('mycookie')) {
 
                    ButtonNum = (Get_Cookie('mycookie'));
                }
                else {
                    ButtonNum = '1';
                }
 
                //   1. GetElementById
 
                if (ButtonNum !== '1')
                {
                 document.write("<strong>(We are retrieving before assigning new value)</strong><br />");
                 }
 
                if (ButtonNum == '2') {
                    document.write("<strong>Demonstrating Assigning Property with GetById</strong><br />") 
                    document.getElementById('myBodyID').className = "myButton2"
                    document.getElementById('myBodyID').lang = "es"
                    document.write("Body lang changed to lang: " + document.getElementById('myBodyID').lang + "<br />");
                }
            //   2. GetElementsByTagName
 
                if (ButtonNum == '3') {
                    document.write("<strong>Demonstrating Assigning Property with GetElementsByTagName</strong><br />") 
                    myThirdButton = document.getElementsByTagName('body')[0];
                    myThirdButton.className = "myButton3";
                    myThirdButton.lang = "fr";
                    document.write("Body lang changed to fr: " + myThirdButton.lang);
 
                }
 
 
 
 
   </script>
 
  </body>
</html>