http://mashithantu.com/dictionary/js/malayalam_keyboard.js

1
2// 	Author: Joju John	
3// 	$Date: 2009-03-25	
4<!-- 	Modified: 	 -->
5<!-- 	$Date: 	 -->
6//   malayalam_keyboard.js
7
8
9
10// ------------malayalam key board------------ functions
11
12function over(x) {
13	if (x.id.length > 0) {
14		//x.style.border = '1px solid blue';
15		//document.getElementById(x.id).style.backgroundColor= "red";
16		//x.style.backgroundColor= "#00ffdd";
17		x.style.cursor = 'hand';
18		x.style.cursor = 'pointer';
19		
20		
21	}
22}
23
24function out(x) {
25	if (x.id.length > 0) {
26	        //x.style.border = '1px solid #699';
27		//x.style.border = '1px solid #000';
28		x.style.cursor = 'default';
29		//x.style.backgroundColor= "white";
30	}
31}
32
33function down(x) {
34    if (x.id.length > 0) {
35       
36        if(x.id == "delete") {
37
38        } else if(x.id == "backspace") {
39            call_backspace();
40        } else if(x.id == "enter") {
41            call_enter();
42        } else if(x.id == "clear_all") {
43            call_clear();
44        } else if(x.id == "close") {
45            call_close();
46        } else {
47        
48          call_rest(x.id)
49        }
50        
51        call_default_keydown();
52    }
53}
54
55
56function call_default_keydown()
57{
58
59}
60function call_close()
61{
62    close_dict_letter();
63}
64function call_clear() 
65{
66    clear_dict_letter(); 
67}
68
69function call_backspace() 
70{
71    backspace_dict_letter();
72}
73
74function call_enter() 
75{
76     enter_dict_letter(); 
77}
78
79
80function call_rest(letter) 
81{
82    post_dict_letter(letter);
83}
84
85
86function cw_get_malayalam_keyboard() 
87{
88   var buffer ='';
89      
90   document.getElementById("mal_keyboard_span_id").innerHTML = get_malayalam_keyboard_str();
91
92}	
93	
94	
95function get_malayalam_keyboard_str() 
96{
97  var buffer = "";
98  callb = "onmouseover=\"over(this);\" onmouseout = \"out(this);\"  onmousedown = \"down(this);\" ";
99  callbclear = "onmouseover=\"over(this);\" onmouseout = \"out(this);\"  onmousedown = \"call_clear();\" ";
100  callbenter = "onmouseover=\"over(this);\" onmouseout = \"out(this);\"  onmousedown = \"call_enter();\" ";
101  var cols = 15;
102  var j = 0;
103  buffer  = "<table class=\"key\" cellpadding=\"0\" cellspacing=\"0\">";
104  
105  var key_mal_letters_display =new Array( 
106  
107   "&#3333;","&#3334;","&#3335;","&#3336;","&#3337;","&#3338;","&#3339;","&#3342;","&#3343;","&#3344;","&#3346;","&#3347;","&#3348;","&#3333;&#3330;","&#3333;&#3331;"
108  ,"&nbsp;", "&#3390;","&#3391;","&#3392;","&#3393;","&#3394;","&#3395;","&#3398;","&#3399;","&#3400;","&#3402;","&#3403;","&#3415;","&#3330;", "&#3331;"
109  ,"&#3349;","&#3350;","&#3351;","&#3352;","&#3353;","&#3353;&#3405;&#3349;","&#3375;","&#3376;","&#3378;","&#3381;", "X","X","X","X", "&#3354;&#3368;&#3405;&#3366;&#3405;&#3376;&#3349;&#3378;&nbsp;&nbsp;(&#3405;)"
110  ,"&#3354;","&#3355;","&#3356;","&#3357;","&#3358;","&#3358;&#3405;&#3354;","&#3360;&#3405;&#3375;","&#3360;&#3405;&#3376;","&#3360;&#3405;&#3378;","&#3360;&#3405;&#3381;", "&#3363;&#3405;&#8205;", "&#3368;&#3405;&#8205;", "&#3376;&#3405;&#8205;", "&#3378;&#3405;&#8205;", "&#3379;&#3405;&#8205;"
111  ,"&#3359;","&#3360;","&#3361;","&#3362;","&#3363;","&#3363;&#3405;&#3359;","&#3382;","&#3383;","&#3384;","&#3385;", "X","X","X","X", "<i class=icon-trash></i> Clear Box"
112  ,"&#3364;","&#3365;","&#3366;","&#3367;","&#3368;","&#3368;&#3405;&#3364;","&#3377;","&#3379;","&#3380;", "X","X","<i class=icon-arrow-left></i> Backspace","X","X","<i class=icon-search></i><b> Search</b>"
113  ,"&#3370;","&#3371;","&#3372;","&#3373;","&#3374;","&#3374;&#3405;&#3370;","&#3377;&#3405;&#3377;", "&#3349;&#3405;&#3383;", 
114												          "X", "X","X","X","X", "<i class=icon-remove></i> Close"
115  );
116  var key_mal_letters_value =new Array(
117  
118   "&#3333;","&#3334;","&#3335;","&#3336;","&#3337;","&#3338;","&#3339;","&#3342;","&#3343;","&#3344;","&#3346;","&#3347;","&#3348;","&#3333;&#3330;","&#3333;&#3331;"
119  ,"",       "&#3390;","&#3391;","&#3392;","&#3393;","&#3394;","&#3395;","&#3398;","&#3399;","&#3400;","&#3402;","&#3403;","&#3415;","&#3330;",       "&#3331;"
120  ,"&#3349;","&#3350;","&#3351;","&#3352;","&#3353;","&#3353;&#3405;&#3349;","&#3375;","&#3376;","&#3378;","&#3381;","X","X","X","X", "&#3405;"  
121  ,"&#3354;","&#3355;","&#3356;","&#3357;","&#3358;","&#3358;&#3405;&#3354;","&#3405;&#3375;","&#3405;&#3376;","&#3405;&#3378;","&#3405;&#3381;", "&#3363;&#3405;&#8205;", "&#3368;&#3405;&#8205;", "&#3376;&#3405;&#8205;", "&#3378;&#3405;&#8205;", "&#3379;&#3405;&#8205;"
122  ,"&#3359;","&#3360;","&#3361;","&#3362;","&#3363;","&#3363;&#3405;&#3359;","&#3382;","&#3383;","&#3384;","&#3385;", "X","X","X","X", "clear_all"
123  ,"&#3364;","&#3365;","&#3366;","&#3367;","&#3368;","&#3368;&#3405;&#3364;","&#3377;","&#3379;","&#3380;", "X","X","backspace","X","X","enter"
124  ,"&#3370;","&#3371;","&#3372;","&#3373;","&#3374;","&#3374;&#3405;&#3370;","&#3377;&#3405;&#3377;","&#3349;&#3405;&#3383;", 
125													   "X", "X","X","X","X", "close"
126  );  
127
128  var key_mal_letters_colour =new Array(
129     "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f" 
130   , "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f" 
131   , "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "red",     "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f" 
132   , "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "red",     "black",   "black",   "black",   "black",   "red",     "red",     "red",     "red",     "red"
133   , "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "red",     "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f" 
134   , "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "red",     "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f" 
135   , "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "red",     "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f", "#7f7f7f" 
136  );  
137  
138  var key_mal_letters_manglish = new Array(
139    "a",   "aa",   "i",   "ee",   "u",   "oo",   "r^",  "e",   "E",   "ai",   "o", "O", "au", "am_", "aH"
140   ,"",    "aa",   "i",   "ee",   "u",   "oo",   "r^",  "e",   "E",   "ai",   "o", "O", "au", "m_", "H"
141   ,"ka",  "kha",  "ga",  "gha",  "nga", "nKa",  "ya",  "ra",  "la",  "va",   "~(tilde)", "", "", "", "~(tilde)"

142   ,"cha", "chha", "ja",  "jha",  "nja", "njcha", "~ya", "~ra", "~la", "~va",  "N_", "n_", "r_", "l_", "L_"
143   ,"Ta",  "Tha",  "Da",  "Dha",  "Na",  "NTa",  "Sa",  "sha", "sa",  "ha",   "", "", "", "", "wipe the box"
144   ,"tha", "thha", "da",  "dha",  "na",  "ntha", "Ra",  "La",  "zha", "", "", "", "", "", ""
145   ,"pa",  "pha",  "ba",  "bha",  "ma",  "mpa",  "tta", "ksha", "", "", "", "", "", "", ""
146   
147  );
148  
149  col_span_count=0;
150  row_span_count=0;
151  colourb = "";
152  for (var i = 0; i < 104; i++) {
153	j++;
154	colourb = "<font color=\""+ key_mal_letters_colour[i] + "\"> ";
155	spanb   = "<span title=\""+ key_mal_letters_manglish[i] + "\"> ";
156	colour_span_end = "</font></span>";
157	if (j == 0) buffer  = buffer  + "<tr>";
158	if (key_mal_letters_value[i] == "Y") {
159			   col_span_count ++;
160			   row_span_count=2;
161	} else if (key_mal_letters_value[i] == "X") {
162	   col_span_count ++;
163	} else {
164	   if (row_span_count > 0) {
165	      col_span_count ++;
166	      buffer  = buffer  + "<div class=\"button\" id=\"" + key_mal_letters_value[i] + "\" "+ callb +" rowspan=\""+row_span_count+"\"  colspan=\""+col_span_count+"\" >" + spanb +colourb + key_mal_letters_display[i] + "</td>";
167	      col_span_count=0;
168	      row_span_count=0;
169	   } else  if ( col_span_count > 0) {
170	      col_span_count ++;
171	      buffer  = buffer  + "<td class=\"button\" id=\"" + key_mal_letters_value[i] + "\" "+ callb +" colspan=\""+col_span_count+"\" >" + spanb +colourb + key_mal_letters_display[i] + "</td>";
172	      col_span_count=0;
173	   } else {
174	      buffer  = buffer  + "<td class=\"button\" id=\"" + key_mal_letters_value[i] + "\" "+ callb +" >" + spanb + colourb + key_mal_letters_display[i] + colour_span_end+ "</td>";
175	   }
176	}
177	
178	if (j == cols) {
179		buffer  = buffer  +"</tr>";
180		j = 0;
181	}
182  }  
183  buffer  = buffer  +"</tr>";
184  buffer  = buffer  +"</table>";
185
186  return buffer;
187}
188