VPF::Мгновенный транслит на Javascript Instant_translit

ageent

Дата 7.12.2009, 00:57 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 9.1.2009

Репутация: нет
Всего: нет

Не так давно довелось делать один забугорный сайт, на нем встала задача создания мгновенного транслита с английского языка на русский. Встала такая задача потому как у большинства наших людей за границей просто нет русской раскладки клавиатуры, и остается либо писать транслитом (который я с трудом читаю, ибо у каждого в голове свои правила транслита) либо идти на сервис ranslit.ru и писать там русский текст, потом копировать, потом вставлять и наконец отправлять собеседнику. Плагин Instant_translit, по сути, является маленьким аналогом сервиса translit.ru в плане транслита разумеется )

Плагин написан в двух вариантах:
1. Первый вариант это чистый JavaScrip, который можно легко запихнуть куда угодно.
2. Второй вариант рассчитан на любителей Jquery и представляет собой обычный плагин.

Данный плагин можно использовать в textarea и input. Также в плагин по умолчанию встроил два стандарта для перевода это Стандарт ISO 9-95 и ГОСТ 16876-71. При необходимости можете изменить правила, так как вам нужно. Для этого просто в нужном массиве перепишите свои правила. Тестировал плагин в следующих браузерах: IE6, IE7, IE8, Opera, FireFox, Ghrome и Safary.

Параметр на данный момент в плагине ровно один. Это выбор стандарта для перевода: Стандарт ISO 9-95 или ГОСТ 16876-71.

Пример вставки плагина Instant_translit с использованием Jquery

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="instant_translit.js"></script>
  <script>
  $(document).ready(function(){
        $(".ageent_trans").keypress(function(e) {
           /*
               e - событие
               obect_now - объект
               rules - правила для перевода. 
                 1 стандарт ISO 9-95;
                 2 - ГОСТ 16876-71;
           */ 
           $(this).Instant_translit({event_now: e, rules: 1, obect_now : this}); 
        });
  });
  </script>
</head>
<body>
<form>
    <textarea cols="150" class="ageent_trans" rows="20"></textarea>
</form>
</body>
</html>

Пример вставки скрипта Instant_translit

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
 <script src="instant_translit_script.js"></script>
</head>
<body>
<form target="chattag" name="chat">
    <!--
       event - событие
       this - объект
       rules - правила для перевода. 
         1 стандарт ISO 9-95;
         2 - ГОСТ 16876-71;
    -->
    <textarea name="message" onkeypress="translate_letter(event, this, rules=1);" cols="150" rows="20"></textarea>
</form>
</body>
</html>

Демо работы плагина, последняя версия плагина и подробное описание здесь

Это сообщение отредактировал(а) ageent - 28.12.2009, 16:41

12345c

Дата 8.1.2010, 16:10 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 2
Всего: 101

Хорошо бы убрать кавычки и расставить пары ровными рядами, разделяя их Tab в textarea.

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

ageent

Дата 19.1.2010, 15:39 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 9.1.2009

Репутация: нет
Всего: нет

если вы про правила замены то smile

думаю для javascript программера не составит труда, заменить правила транслила в кавычках.

12345c

Дата 25.1.2010, 15:33 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 2
Всего: 101

Я про неюзабельность списка замен на демо-странице. К тому же, конец списка куда-то прячется, не предоставляя даже возможности прокрутки.

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

ageent

Дата 26.1.2010, 01:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 9.1.2009

Репутация: нет
Всего: нет

а да это фигня, кому будет нужно - разберется. все равно особого ажиотажа на данный скрипт нет. так единичные случаи.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Наши скрипты \| Следующая тема »