Главная » Раздел uCoz » Авторство Webo4ki


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

1004
10 из 10
Проголосовало: 6






Добрый день пользователям 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 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 433
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Гость, авторизуйся и общайся в чате...
Последние комментарии
  • dalamkontak написал:
    • Попробуйте социальную сеть Dalam Kontak !
    Сайт сети: Dkon.app
  • mrnoobsky написал:
    • Это моя работа, которая велась давольно таки давно smile Времени было мало, поэтому я скачал полностью все, что было и сделал архив happy
  • Snoopak написал:
    • 111 мегабайт? wtf? Что в архив напихали?
  • mrnoobsky написал:
    • Левое меню это BLG. Возможны какие-то баги, но в целом все должно работать корректно!
  • geleson2222 написал:
    • ?
    Последние темы
    Опрос
    337
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    		 0
    наших
    		 0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Друзья сайта:
    Связаться с администратором для дружбы! В Вовчик
    Nk-CS.Ru - Лучшие шаблоны для uCoz n na3uTuB4uk94
    Web-мастер системы uCoz R Roman_Domnin
    Связаться с администратором для дружбы! В Вовчик
    Связаться с администратором для дружбы! В Вовчик
    Топ пользователей: