Язык
Контакты
GitHub
Поддержка
Регистрация
Войти
Логин: Пароль: Запомнить:
Пользователи
Последние сообщения
Ответить
1

Поворот текста

BAH0

  • Атом-фан
  • Пользователь
  • 544
  • Репутация:26 
  • Предупреждения: 0 
  • Регистрация:
    7 Июн 2011
#1
Переворачивает текст задом наперед
Code:
<script language="JavaScript"> function IIIIIIIIIIII() { var result = flipString(document.f.original.value.toLowerCase() ); document.f.flipped.value = result; } function flipString(aString) { var last = aString.length - 1; var result = new Array(aString.length) for (var i = last; i >= 0; --i) { var c = aString.charAt(i) var r = flipTable[c] result[last - i] = r != undefined ? r : c } return result.join('') } var flipTable = { a : 'u0250', b : 'q', c : 'u0254', //open o -- from pne d : 'p', e : 'u01DD', f : 'u025F', //from pne g : 'u0183', h : 'u0265', i : 'u0131', //from pne j : 'u027E', k : 'u029E', //l : 'u0283', m : 'u026F', n : 'u', r : 'u0279', t : 'u0287', v : 'u028C', w : 'u028D', y : 'u028E', '.' : 'u02D9', '[' : ']', '(' : ')', '{' : '}', '?' : 'u00BF', //from pne '!' : 'u00A1', "'" : ',', '<' : '>', '_' : 'u203E', ';' : 'u061B', 'u203F' : 'u2040', 'u2045' : 'u2046', 'u2234' : 'u2235', ' ' : '
 //thank you, Waik } for (i in flipTable) { flipTable[flipTable[i]] = i } </script></head><body> <form name="f"> <textarea rows="5" cols="50" name="original" onkeyup="IIIIIIIIIIII()"></textarea><input value="Flip" onclick="IIIIIIIIIIII()" type="button"> <textarea rows="5" cols="50" name="flipped"></textarea> </form>

Drunya

  • Man of God
  • Админ
  • 3527
  • Репутация:110 
  • Предупреждения: 0 
  • Регистрация:
    30 Ноя -0001
#2
Жесть. Правда в CSS 3 уже есть свойство для этого. Хоть на 90 градусов повернуть можно)))

Я горжусь тем, что создал бесплатную CMS - AtomX. И люблю нашу команду)

LIFE-STALKER

  • Истенный Атомовод
  • Юзер
  • 363
  • Репутация:6 
  • Предупреждения: 0 
  • Регистрация:
    25 Июн 2011
#3
Code:
.class {
    -webkit-transform: rotate(180deg); /* для safari и chrome браузеров */
    -moz-transform: rotate(180deg); /* для FF */
    -o-transform: rotate(180deg); /* для Opera */
    transform: rotate(180deg); /* для остальных браузеров поддерживающий поворот по-умолчанию */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* для ИЕ 6-8 */
}

И все. 180deg - это градус поворота.

Отредактировано автором 8 Фев 2012
1
Сейчас online: 30. Зарегистрированных: 1. Гостей: 29.