Beispiel:JS-element.lang.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
  <style>
#hinweis {margin-bottom: 2em;}
p:last-of-type {margin-top: 2em;}

#ereignis {
  color: #c32e04;
  font-weight: bold;
  padding: 0.2em 1em;	
  background-color: #fffbf0; border: 2px dotted #e7c157; 
}
  </style>
<script>
  function findeLang(event) { 
     var text = event.target.lang;
	 if (text == ''){
  	   text ='keine lang vergeben!';
	 }
    document.getElementById('ereignis').textContent = text;
  }
</script>
  <title>Element.lang</title>
</head>
<body>
  <h1>Beispiel: element.lang</h1>
 
  <main lang="de-CH" onclick="findeLang(event)">
    <h2 lang="de">Sprachvielfalt</h2>
    <p id="hinweis" lang="de">Klicken Sie irgendwo auf die Seite. Es wird dann angezeigt, ob, und wenn ja welches lang-Attribut das Element hat.</p>
    
    <p id="Absatz" lang="it">mi chiamo Stefan.</p>
    <p id="Absatz" lang="fr">Je m'apelle Stefan.</p>
    <p id="Absatz" lang="de-CH">Ich heiße Stefan.</p>
    <p id="Absatz" lang="rm">Jau hai nume Stefan</p>
    <p id="Absatz" lang="ta">நான் இருக்கிறேன் Stefan</p>
    <p id="Absatz" lang="zh">我的名字是斯特凡</p>
    <p id="Absatz" lang="ar">اسمي ستيفان</p>
    <p id="Absatz" lang="he">שמי סטפן</p>

    <p><a href="http://wiki.selfhtml.org/wiki/Sprachk%C3%BCrzel#.C3.9Cbersicht_zu_Sprachenk.C3.BCrzeln_nach_ISO_639-1">IANA</a>-Sprachkürzel: <span id="ereignis">-</span></p>
  </main>  
</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:JS-element.lang.html&oldid=60140“