Горячие слова для сайта by webo4ka.ru

667
10 из 10
Проголосовало: 4






Добрый день пользователям webo4ka, тут недавно на форуме пользователь создал тему http://webo4ka.ru/forum/64-6494-1, где он просил выполнять какую-нибудь функцию при вводе с клавиатуры определенной команды прям как в GTA, если кто играл в эту игру то поймет зачем нужен данный скрипт... вообщем я начал думать, что можно сделать, прям как в GTA у меня не получилось сделать, т.е. при вводе текста на странице выполнялась функция, но я сделал чуть по другому, а именно сделал горячую клавишу Z - при нажатии на нее появляется модальное окошко в левом верхнем углу с строкой ввода, и с подсказкой, какие функции выполняются при вводе слов в данное поле... Когда пользователь введет туда определенной текст перейдет на нужную страницу на сайте... А что бы спрятать это окошко, нужно еще раз нажать на клавишу Z, ну всё перейдём к установке...

Установка:

1) html код вставляем куда угодно:

Код
<div class="functionWebo4kaRu">
<input type="text" value="Выполнить функцию" onclick="if (this.value=='Выполнить функцию'){this.value='';}" id="functionTextWebo4kaRu"/>
<a href="javascript://" onclick="voprosWebo4kaRu()" id="voprosWebo4kaRu">?</a><a href="javascript://" onclick="closeWebo4kaRu()" id="voprosWebo4kaRu2">X</a>
<div id="functionWebo4kaRuText">GLAVNAI - ПЕРЕЙТИ НА ГЛАВНУЮ<br/>FORUM - ПЕРЕЙТИ НА ФОРУМ<br/>NEWFORUM - НОВЫЕ СООБЩЕНИЯ<br/>GB - ГОСТЕВАЯ<br/>PRAVILA - ПРАВИЛА</div>
</div>


2) js код вставляем перед </body>:

Код
<script type="text/javascript">
$(document).keyup(function(event){if (event.keyCode == 90) {$('.functionWebo4kaRu').fadeToggle('slow');}});
function voprosWebo4kaRu() {$('#functionWebo4kaRuText, #voprosWebo4kaRu2').show(); $('#voprosWebo4kaRu').hide();}
function closeWebo4kaRu() {$('#voprosWebo4kaRu').show(); $('#functionWebo4kaRuText, #voprosWebo4kaRu2').hide();}
$('#functionTextWebo4kaRu').keyup(function(){
var functionTextWebo4kaRu = $('#functionTextWebo4kaRu').val();
if (functionTextWebo4kaRu == 'GLAVNAI'){document.location.href = "http://webo4ka.ru/"; $('#functionTextWebo4kaRu').val('');}
if (functionTextWebo4kaRu == 'FORUM'){document.location.href = "http://webo4ka.ru/forum"; $('#functionTextWebo4kaRu').val('');}
if (functionTextWebo4kaRu == 'NEWFORUM'){document.location.href = "http://webo4ka.ru/forum/0-0-1-34"; $('#functionTextWebo4kaRu').val('');}
if (functionTextWebo4kaRu == 'GB'){document.location.href = "http://webo4ka.ru/gb"; $('#functionTextWebo4kaRu').val('');}
if (functionTextWebo4kaRu == 'PRAVILA'){document.location.href = "http://webo4ka.ru/index/0-2"; $('#functionTextWebo4kaRu').val('');}
});
<!-- источник webo4ka.ru -->
</script>


3) css код вставляем куда угодно в коде сайта или в ваш css файл:

Код
<style>
.functionWebo4kaRu {background:#fff; border:1px solid #ddd; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.102) inset; border-radius:3px; width:200px; padding:3px; position:fixed; top:30px; left:30px; z-index:5; display:none;}
.functionWebo4kaRu2 {position:relative;}
.functionWebo4kaRu #functionTextWebo4kaRu {background:#fff; border:1px solid #ddd; border-radius:3px; width:200px; height:25px; line-height:25px; padding:0px 25px 0px 10px; position:relative; color:#999;}
.functionWebo4kaRu #voprosWebo4kaRu {position:absolute; top:8px; right:15px; color:#ff6666; text-shadow:1px 1px 1px #ddd; font-size:12px;}
.functionWebo4kaRu #voprosWebo4kaRu:hover {color:#ff0000; text-shadow:1px 1px 1px #ddd;}
.functionWebo4kaRu #voprosWebo4kaRu2 {position:absolute; top:8px; right:15px; color:#ff6666; text-shadow:1px 1px 1px #ddd; font-size:12px; display:none;}
.functionWebo4kaRu #voprosWebo4kaRu2:hover {color:#ff0000; text-shadow:1px 1px 1px #ddd;}
.functionWebo4kaRu #functionWebo4kaRuText {padding:5px 0px 5px 10px; color:#cdcdcd; text-align:left; text-shadow:1px 1px 1px #fff; font-size:10px; line-height: 1.7; display:none;}
<!-- источник webo4ka.ru -->
</style>


все установка окончена, не забываем комментировать и ставить +++))
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 1

BARABANTEMO
-1
BARABANTEMO написал: Написано 08 Февраля 2015 в 15:28
Комментарий №1
js код подправьте - в конце не должно быть этого <!-- источник webo4ka.ru -->

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Мда, у меня тоже не работает. Или нужно ждать обновление?
    Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
    Последние темы
    Опрос
    251
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: