-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (92 loc) · 7.09 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Arabic Transliterator : الْعَرَبِيَّة </title>
<meta property="og:type" content="article" />
<meta property="og:title" content="Arabic - الْعَرَبِيَّة Transliterator" />
<meta property="og:image" content="Emblem_of_Saudi_Arabia.png" />
<meta property="og:description" content=" Arabic Abjad الْأَبْجَدِيَّة الْعَرَبِيَّة Algeria Bahrain Chad Comoros Djibouti Egypt Eritrea Iraq Jordan Kuwait Lebanon Libya Mauritania Morocco Oman Palestine Qatar Saudi Arabia Somalia Sudan Syria Tanzania Tunisia United Arab Emirates Yemen Arabi Malayalam Ajami عجمي Hausa Yoruba Swahili Aljamiado Old Spanish Mozarabic Ladino Aragonese Old Galician-Portuguese Arebica آـرـەـبـٖٮڄآ Serbo-Croatian Arwi Tamil Balochi بلۏچی Belarusian بَلاروُسقایا Berber الابجدية Burushaski بروشسکی Chagatai چغتای Galal Somali İske imlâ Tatar Jawi Malay Kashmiri كٲشُر Kazakh Khowar Kyrgyz Ottoman Turkish Pashto پښتو Pegon ڤَيڮَون Javanese Sundanese Persian Farsi فارسی Saraiki سرائیکی Shahmukhi شاہ مُکھی Punjabi Sindhi سِنڌِي Sorabe سُرَبِ Malagasy Central Kurdish Sorani Urdu اردو Uyghur ئۇيغۇر Wolofal Wolof وࣷلࣷفْ لࣵکّ Xiao'erjing Xiaojing Sinitic Yaña imlâ ياڭا ئيملە " data-qmeta="keywords">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="Emblem_of_Saudi_Arabia.png">
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
<link href='https://fonts.googleapis.com/css?family=Noto Naskh Arabic' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Noto Kufi Arabic' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Noto Nastaliq Urdu' rel='stylesheet'>
</head>
<body>
<div class="container">
<div class="wrapper">
<table class="tab">
<tr>
<td class="widthOfTab ">
<button class="tablinks" onclick="openTab(event, 'Latin')" id="defaultOpen">Arabic</button>
</td>
<td class="widthOfTab textArabic alignIcon">
<span class="tablinks arabicTab" id="arabicTab">الْعَرَبِيَّة</span>
</td>
</tr>
</table>
<div class="text-input">
<div id="Latin" class="tabcontent currentTab" dir="ltr">
<textarea spellcheck="false" id="textarea1" class="from-text" placeholder="Latin
Taqif al-bashariyya al-yawm ʿalā ḥāfat al-hāwiya, lā bi-sabab al-tahdīd bi-l-fanāʾ al-muʿallaq ʿalā raʾsihā, fa-hādhā araḍ li-l-maraḍ wa-laysa huwa al-maraḍ." onkeyup="transliterate()"></textarea>
</div>
<div id="Arabic" class="arabicTabText" dir="rtl">
<textarea spellcheck="false" id="textarea2" readonly class="to-text" placeholder="الْعَرَبِيَّة
تقف البشريّة اليوم على حافة الهاوية، لا بسبب التهديد بالفناء المعلق على رأسها، فهذا عرض للمرض وليس هو المرض. ولكن بسبب إفلاسها في عالم 'القيم' التي يمكن أن تنمو الحياة الإنسانيّة في ظلالها نموّا سليماً وتترقى ترقياً صحيحاً." dir="rtl" onkeyup="transliterate()"></textarea>
</div>
</div>
<ul class="controls">
<li class="row from">
<div class="icons tooltip" onmousedown="show1()">
<i id="from" class="fas fa-copy" onclick="copyContent1()"></i>
<div id="tooltip1" onmouseout="hide()" class="tooltiptext">
<span class="latinCopyText">Copy Transliteration text - Arabic</span>
</div>
</div>
<div>
<div class="vocalised" id="vocalised" title="Vocalised Text in Arabic" onclick="vocalised()"> 🔊 </div>
<div class="dropdown" id="dropdownIcon">
<div class="dropbtn"> 🗣 </div>
<div class="dropdown-content">
<img src="Flag_of_the_Arab_League.png" width="50px" height="40x" title="Langage Arabic | Sprache arabisch" onclick="typeOfLanguage('Arabic')"/>
<img src="Flag_of_Iran.png" width="50px" height="40x" title="Langage Persian | Sprache persisch" onclick="typeOfLanguage('Persian')"/>
<img src="Flag_Ottoman_Turkish.png" width="50px" height="40x" title="Langage Ottoman Turkish | Sprache Ottoman türkisch" onclick="typeOfLanguage('OttomanTurkish')"/>
<img src="Flag_of_Turkey.png" width="50px" height="40x" title="Langage Modern Turkish | Sprache moderne türkisch" onclick="typeOfLanguage('ModernTurkish')"/>
</div>
</div>
</div>
<div class="transliterateTypes">
<!--img title="IJMES Transliteration" id="clickIJMES" width="30px" height="30x" src="IJMES.png" onclick="typeOfTransliterate('IJMES')" /-->
<!--img title="DIN 31635 Transliteration" id="clickDIN" width="30px" height="30x" src="DIN.png" onclick="typeOfTransliterate('DIN')" /-->
</div>
</li>
<li class="exchange" id="swapIcon">
<i class="fas fa-exchange-alt" onclick="swapTransliteration()"></i>
</li>
<li class="row to">
<div class="arabicFonts" id="arabicFontsIcons">
<img src="Naskh.png" title="Naskh font type" alt="Naskh font type" width="30px" height="30x" onclick="loadNaskh()"/>
<img src="Kufi.png" title="Kufi font type" alt="Kufi font type" width="30px" height="30x" onclick="loadKufi()"/>
<img src="Nastaliq.png" title="Nastaliq font type" alt="Nastaliq font type" width="30px" height="30x" onclick="loadNastaliq()"/>
</div>
<div class="icons tooltip" onmousedown="show2()">
<i id="to" class="fas fa-copy" onclick="copyContent2()"></i>
<div id="tooltip2" onmouseout="hide()" class="tooltiptext">
<span class="textArabic">نسخ النص باللغة العربية</span>
</div>
</div>
</li>
</ul>
</div>
<button onclick="transliterate()"><span class="footerLatin">Arabic</span> | <span class="footerArabic">الْعَرَبِيَّة</span></button>
</div>
<div class="footerOfPage">
<img src="Flag_of_Saudi_Arabia.png" alt="الْعَرَبِيَّة - World Scripts Explorer" class="footerImage" height="19px" width="32px"/> <a href="https://worldscriptsexplorer.page/ar" target="_blank">الْعَرَبِيَّة</a> 2024 yshant
</div>
<script src="transliterate.js"></script>
</body>
</html>