Code.ge Blog » Tools http://www.code.ge ბლოგი ვებ პროგრამირებისა და ტექნოლოგიების შესახებ Fri, 03 Dec 2010 12:05:16 +0000 en hourly 1 http://wordpress.org/?v=3.0.2 ქართული კლავიატურის სკრიპტი http://www.code.ge/posts/georgian-keyboard http://www.code.ge/posts/georgian-keyboard#comments Tue, 23 Oct 2007 13:09:54 +0000 იოსები http://www.code.ge/javascript/georgian-keyboard ესე იგი მინდოდა თუ არ მინდოდა ირაკლი ნადარეიშვილმა მიბიძგა და ქართული კლავიატურის სკრიპტი დავწერე…

სკრიპტი ძალიან მარტივია, და მისი მიბმა შეგიძლიათ ნებისმიერ ტექსტურ ველზე, ასევე მას აქვს ქართული კლავიატურის ჩართვისა და გამორთვის მხარდაჭერა. სიმბოლოების ტრანსლირებისათვის გამოვიყენე ირაკლის მიერ წლების წინ შემუშავებული ალგორითმი (ორიგინალი შეგიძლიათ იხილოთ აქ)

სკრიპტის მუშა მაგალითი შეგიძლიათ იხილოთ ამ მისამართზე
სკრიპტის უახლესი ვერსიის გადმოწერა შეგიძლიათ ამ მისამართიდან

რა უპირატესობები აქვს ამ სკრიპტს? იგი არის პატარა, კოდი არის ძალიან მარტივი და გასაგები, არ აბინძურებს ვებ აპლიკაციის სკოუპს რადგან იგი მთლიანად არის ენკაპსულირებული თავისსავე სკოუპში რაც არის იმის გარანტია რომ მისი გამოყენება შეგიძლია მარტივად და უსაფრთხოდ თუნდაც სხვა ანალოგიური დანიშნულების სკრიპტებთან ერთად.

ასევე საგულისხმოა ის რომ String ობიექტს ემატება ორი მეთოდი ესენია:

  1. translateToKA() – მეთოდი რომელსაც შეუძლია ნებისმიერი სტრიქონის პირდაპირ გადაყვანა ქართულ უნიკოდში. რაც ნიშნავს იმას რომ ამ მეთოდის გამოყენება თამამად შეგიძლიათ თქვენს სკრიპტებში.

    მეთოდის გამოყენება შეგიძლიათ შემდეგნაირად:

    var str = "es aris nebismieri teqsti";
alert(str.translateToKA());

//ან პირდაპირ ასე
alert("es aris text literali".translateToKA());
  2. pasteTo([html form element]) – რომელსაც პარამეტრად გადაეცემა ფორმის ელემენტი. ეს მეთოდი ტექსტის კოპირებას ახდენს ან პირდაპირ თუ ელემენტის მნიშვნელობა ცარიელია, ან იმ ადგილას სადაც ზის კურსორი, ან ჩაანაცვლებს მონიშნულ ტექსტს ახალი ტექსტით.

    მეთოდის გამოყენება შეგიძლიათ შემდეგნაირად:

    var str = "es aris nebismieri teqsti";
str.translateToKA().pasteTo(document.forms['my-form-name']['my-field-name']);

კოდი ვრცელდება MIT ლიცენზიით

        /*
	 * GeoKBD 0.1 - Georgian keyboard and text convertation library
	 *
	 * Copyright (c) 2007 Ioseb Dzmanashvili (http://www.code.ge)
	 * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
	 */

გამოყენების მაგალითი

HTML კოდი:

1
2
3
4
5
6
7
8
9
10
11
12
<form name="my-form" action="">
  <input type="checkbox" name="geo" checked="checked"/>
  <br />
  <textarea name="post" cols="40" rows="8"></textarea>
</form>

<br />
<form name="another-form" action="">
  <input type="checkbox" name="geo1" checked="checked"/>
  <br />
  <textarea name="frm" cols="40" rows="8"></textarea>
</form>

JavaScript კოდი:

1
2
GeoKBD.map('my-form', 'post');
GeoKBD.map('another-form', 'frm', 'geo1');

ამ კოდის შესრულების შემდეგ ორივე ფორმაში შესაძლებელი იქნება ქართულად ბეჭდვა, კლავიატურის გადართვის გარეშე.

სკრიპტის მუშაობის პრინციპი მარტივია, GeoKBD ობიექტის map მეთოდს გადავცემთ სამ პარამეტრს:

  1. HTML ფორმის სახელი ან თავად HTML ფორმა
  2. იმ ველის სახელი რომელშიც შესაძლებელი უნდა იყოს ქართულად ბეჭდვა ან თუ გსურთ რომ ფორმის ყველა ველში იყოს შესაძლებელი ქართულად ბეჭდვა, მაშინ ამ პარამეტრის გადაცემა არ არის აუცილებელი
  3. კლავიატურის გადამრთველი ველის(checkbox) სახელი (არ არის აუცილებელი პარამეტრი, თუ ამ პარამეტრს არ გადავცმეთ გამოყენებული იქნება სახელი ‘geo’)


პროგრამის სრული კოდი:

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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
(function() {
 
  /*
   * GeoKBD 0.1 - Georgian keyboard and text convertation library
   *
   * Copyright (c) 2007 Ioseb Dzmanashvili (http://www.code.ge)
   * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
   */
 
  String.prototype.pasteTo = function(field) {
    field.focus();
    if (document.selection) {
      var selection = document.selection;
      var range = selection.createRange();
      range.colapse;
      if (range) {
        range.text = this;
      }
    } else if (field.selectionStart || field.selectionEnd) {
      var scrollTop = field.scrollTop;
      var start = field.selectionStart;
      var end = field.selectionEnd;
      var value = field.value.substring(0, start) + this + field.value.substring(end, field.value.length);
      field.value = value;
      field.scrollTop = scrollTop;
      field.selectionStart = start + this.length;
      field.selectionEnd = start + this.length;
    } else {
      field.value += this;
    }
  },
 
  String.prototype.translateToKA = function() {
   
    /**
     * Original idea by Irakli Nadareishvili
     * http://www.sapikhvno.org/viewtopic.php?t=47&postdays=0&postorder=asc&start=10
     */
    var index, chr, text = [], symbols = "abgdevzTiklmnopJrstufqRySCcZwWxjh";
   
    for (var i = 0; i < this.length; i++) {
      chr = this.substr(i, 1);
      if ((index = symbols.indexOf(chr)) >= 0) {
        text.push(String.fromCharCode(index + 4304));
      } else {
        text.push(chr);
      }
    }
   
    return text.join('');
   
  },
 
  GeoKBD = {
   
    event: {
     
      get: function(e) {
        return e || window.event;
      },
     
      getKeyCode: function(e) {
        e = this.get(e);
        return e.keyCode || e.which;
      },
     
      targetIs: function(e, tagName) {
        e = this.get(e);
        var t = e.target || e.srcElement;
        return t.tagName.toLowerCase() == tagName ? t : null;
      }
     
    },
   
    map: function(form, contentFieldName, switcher) {
     
      var self = this;
     
      form = (typeof form == 'string') ? document.forms[form] : form;
      switcher = switcher || 'geo';
     
      form.onkeypress = function(e) {
       
        e = self.event.get(e);
        if (e.altKey || e.ctrlKey) return;
       
        var target, fieldName = contentFieldName, _switcher = switcher, keyCode = self.event.getKeyCode(e);
       
        if (keyCode == 96) {
          this[_switcher].checked = !this[_switcher].checked;
          return false;
        }
       
        if (!this[_switcher].checked) return;
       
        if ((target = (self.event.targetIs(e, 'textarea') || self.event.targetIs(e, 'input')))) {
          if (fieldName && (target.name != fieldName)) return;
          text = String.fromCharCode(keyCode);
          kaText = text.translateToKA();
          if (kaText != text) {
            kaText.pasteTo(target);
            return false;
          }
        }
      }
     
      form = null;
     
    }
   
  };
 
  window.GeoKBD = GeoKBD;

})();
]]> http://www.code.ge/posts/georgian-keyboard/feed 25