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


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

588
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    402
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 2
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: