Регистрация    Забыли пароль?        Правила форума    FAQ (читать перед созданием новой темы)
Имя   Пароль  запомнить
  
Просмотр темы
Вернуться на сайт: PHP-Fusion SF Russian Support Site

Форум поддержки PHP-Fusion SF | PHP-Fusion SF - Моды/Плагины | Плагины/Plugins
# 1 Тема: Jscript - скрыть/показать
Psc
SF Team

Avatar пользователя

Psc

SF Support Team

Почетный SF

Сообщений: 2515
Откуда: As is
Зарегистрирован: 10 Ноября 2007, 13:15:07
Сказали спасибо 353 раз
Статус: offline
Опубликовано 15 Ноября 2008, 19:42:38
Люблю я прикольные феньки, а которые не грузят серв - люблю еще больше.

Цель: добиться плавного эффекта исчезания/появления в 3ойке браузеров, причем так чтоб оно работало и в других браузерах (сафари, хром) пусть и не в полную силу.
Результат: Работает в IE6 ; Последней FF (3), последней Опере (9,6) (в принципе работать должно везде)

Код свободный, на этот раз почти (на 80%) не ворованый :)


Как это делать: (НАПОМНЮ ЧТО ЭТО НЕ PHP!)
Инклюдим файл со скриптом : (кста справка небольшая есть в нем)

if(typeof jhs_loaded == 'undefined')
document.write('<scr'+'ipt type="text/java'+'script" src="jhideshow.js"></scri'+'pt>');



Далее для нужного вам объекта (поддержка только именованых объектов)
вызываем одну из функций:

Основная функция - плавное исчезание / появления объекта:
autoinshadow(obj,sparam,param,correctparam) по порядку - имя объекта, функция(или выражение) которое исполняется ДО появления/исчезания , функция(или выражение) которое исполняется ПОСЛЕ появления/исчезания
пример

<a href="#" onclick="autoinshadow('test','alert(\'Now we see it!!\')','alert(\'bye bye!\')','yes');return false;">AUTO</a>
<div id="test">test word HELLO</div>



set_opacity(obj,now_opacity) универсальная (кросс) прозрачность (быстрая) первый параметр - объект, второй - число от 0 до 100

inshadow(obj,showhide,sparam,param) параметры те же что и в autoinshadow добавлен параметр showhide - может принимать значения show и hide (скрыть и показать)


Переменные (для тех любит конфиги)
fadecycle - задержка перед следующим измнением видимости
countofshadow - на какое число менять прозрачность (в % от 1 до _наверно_ 25)


PS Поддержка предоставляется.
PPS Навеяно WP (15% кода оттуда :P)
Прикрепленные файлы
Для просмотра вложения зарегистрируйтесь


--------------------
Retired
^ наверх ^
# 2  
dicoz
Пользователь

Avatar пользователя

dicoz

Любитель Fusion

Сообщений: 215
Откуда: Украина
Зарегистрирован: 19 Октября 2008, 21:16:55
Сказали спасибо 5 раз
Статус: offline
ICQ статус 248570740
Опубликовано 28 Августа 2009, 04:06:05
Прикольно а теперь можно на примере Наша кнопка, языком доступным человеку из планеты Нублитер. smiley


--------------------
Осваиваю 3тий палец в изучении движка, нечего их всего 5 smiley
<hr>
Чем больше я узнаю, тем больше понимаю что нечего не знаю (с)
^ наверх ^ 248570740
# 3  
Psc
SF Team

Avatar пользователя

Psc

SF Support Team

Почетный SF

Сообщений: 2515
Откуда: As is
Зарегистрирован: 10 Ноября 2007, 13:15:07
Сказали спасибо 353 раз
Статус: offline
Опубликовано 28 Августа 2009, 11:55:10
Ты скрипт смотрел? Наверно нет.

Кидаем в папку с html файлом jhideshow.js
в этот аштиэмэль пишем:

Инклюд скрипта
<script type='text/javascript'>
if(typeof jhs_loaded == 'undefined')
document.write('<scr'+'ipt type="text/java'+'script" src="jhideshow.js"></scri'+'pt>');
</script>



Тест (пишем ниже по тексту)
<a href="#" onclick="autoinshadow('test','alert(\'Now we see it!!\')','alert(\'bye bye!\')','yes');return false;">AUTO</a>
<div id="test">test word HELLO</div>



Offtopic: PS На семерке рекомендую юзать jQuery там уже все есть :)


--------------------
Retired
^ наверх ^
# 4  
dicoz
Пользователь

Avatar пользователя

dicoz

Любитель Fusion

Сообщений: 215
Откуда: Украина
Зарегистрирован: 19 Октября 2008, 21:16:55
Сказали спасибо 5 раз
Статус: offline
ICQ статус 248570740
Опубликовано 29 Августа 2009, 20:35:05
Клева, теперь буду в свой сайт вставлять в разные места, Спасибо.

Прости за вопрос но куда Инклюд в субхедере вписать?


[Изменил(а) dicoz, 29 Августа 2009, 20:47:05]

--------------------
Осваиваю 3тий палец в изучении движка, нечего их всего 5 smiley
<hr>
Чем больше я узнаю, тем больше понимаю что нечего не знаю (с)
^ наверх ^ 248570740
# 5  
Psc
SF Team

Avatar пользователя

Psc

SF Support Team

Почетный SF

Сообщений: 2515
Откуда: As is
Зарегистрирован: 10 Ноября 2007, 13:15:07
Сказали спасибо 353 раз
Статус: offline
Опубликовано 29 Августа 2009, 23:25:41
По типу того что там (в хеадере) есть.

Offtopic: Кстати рекомендую жквери все таки попробовать, эффекты красивые же smiley


--------------------
Retired
^ наверх ^
# 6  
dicoz
Пользователь

Avatar пользователя

dicoz

Любитель Fusion

Сообщений: 215
Откуда: Украина
Зарегистрирован: 19 Октября 2008, 21:16:55
Сказали спасибо 5 раз
Статус: offline
ICQ статус 248570740
Опубликовано 30 Августа 2009, 03:22:12
Ну вот прописываю так, а мне в ответ на странице на белом пишет ошибку

}
echo "<script type='text/javascript'>
if(typeof jhs_loaded == 'undefined')
document.write('<scr'+'ipt type="text/java'+'script" src='".INCLUDES."jscript.js'></scri'+'pt>')";
</script>

echo "<script type='text/javascript' src='".INCLUDES."jscript.js'></script>
</head>



[Изменил(а) dicoz, 30 Августа 2009, 03:22:29]

--------------------
Осваиваю 3тий палец в изучении движка, нечего их всего 5 smiley
<hr>
Чем больше я узнаю, тем больше понимаю что нечего не знаю (с)
^ наверх ^ 248570740
# 7  
Psc
SF Team

Avatar пользователя

Psc

SF Support Team

Почетный SF

Сообщений: 2515
Откуда: As is
Зарегистрирован: 10 Ноября 2007, 13:15:07
Сказали спасибо 353 раз
Статус: offline
Опубликовано 30 Августа 2009, 12:07:47
Если он у тебя в хеадере прописывается то делай так

echo " <script type='text/javascript' src='".INCLUDES."jscript.js'></script>";



Мой код для подключения скрипта четко один раз, даже если его вызывают с разных мест. (то есть тебе он не нада пока)


--------------------
Retired
^ наверх ^
Перейти на форум:


94,169,893 уникальных посетителей
сейчас: 29 Марта 2024, 14:04:51
Генерация страницы: 0.37 сек.