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

689
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
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    258
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: