Форум: Кнопка "вверх"

Просмотр темы

PHP-Fusion Russia » Поддержка 7 версии » Вопросы новичков

Страница 1 из 2: 12

Кнопка "вверх"
Oleg	#1 Опубликовано 15.12.2012 02:40
Пользователь Сообщений: 88 Зарегистрирован: 18.04.2011 22:07	Выложите пожалуйста скрипт, тот же что на этом сайте, "синяя стрелочка" на jquery, которая отправляет вверх полосу прокрутки.


panya	#2 Опубликовано 15.12.2012 04:21
Пользователь Сообщений: 94 Зарегистрирован: 09.12.2012 19:08	А чем тебя не устраивает тот, что уже есть в аддонах? Если лишь визуальное оформление, то ты можешь просто заменить его на эту "синюю стрелочку"


Oleg	#3 Опубликовано 15.12.2012 05:03
Пользователь Сообщений: 88 Зарегистрирован: 18.04.2011 22:07	Только что нашёл здесь данный аддон, http://rusfusion....mod_id=600, но почему-то не работает...


panya	#4 Опубликовано 15.12.2012 05:27
Пользователь Сообщений: 94 Зарегистрирован: 09.12.2012 19:08	Oleg написал: Только что нашёл здесь данный аддон, http://rusfusion....mod_id=600, но почему-то не работает... На твоем сайте все прекрасно работает же.
	x1 x1


Oleg	#5 Опубликовано 15.12.2012 05:33
Пользователь Сообщений: 88 Зарегистрирован: 18.04.2011 22:07	Мой сайт не относится к фьюжиону... на этом сайте: http://renisanse.ru ,но почему не работает, скорее всего потому, что уже стоят примочки на jquery. Панель "Заказать" слева конфликтует походу.


Rush	#6 Опубликовано 15.12.2012 12:32
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	<div style="position:absolute;bottom:0;right:0;"> <a href="#" id="go_to_top>Go TOP</a> </div> <script> $(document).ready(function(){ $('#go_to_top'.click(function(){ $('body'.scrollTop(0); }); }); </script> как то так. AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	Web

Polarfox	#7 Опубликовано 15.12.2012 16:00
Администратор Разработчики Группа поддержки Сообщений: 3377 Зарегистрирован: 20.08.2010 14:03	*Оффтопик* Я бы убрал смаелы но has no rights Так что убери сам. Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


lucky	#8 Опубликовано 15.12.2012 21:25
Опытный пользователь Сообщений: 381 Зарегистрирован: 05.09.2012 10:20	Поделюсь стрелкой которую нашёл в просторах интернета, только на IE чёта не работает значит так, открываем themes/templates/footer.php, находим строку >> GeSHi: PHP `echo "</body>\n</html>\n"; Добавлено за 0.039 секунд, используя GeSHi 1.0.8.10` она почти в самом конце, примерно 98 строка далее.. внимание, перед указанной строкой вставляем следующий код >> GeSHi: PHP echo "<script language='JavaScript' type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr('href'); if ($(window).scrollTop() >= '250') $(this).fadeIn('slow') var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() <= '250') $(scrollDiv).fadeOut('slow') else $(scrollDiv).fadeIn('slow') }); $(this).click(function() { $('html, body').animate({scrollTop: 0}, 'slow') }) } }); $(function() { $('#Go_Top').scrollToTop(); }); </script> \n"; echo "<a style='position: fixed; bottom: 25px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <img src='http://ВАШ САЙТ.РУ/images/strelka.png' alt='Наверх' title='Наверх'></a>\n"; Добавлено за 0.036 секунд, используя GeSHi 1.0.8.10 конечно не забываем загрузить изображение для стрелки "strelka.png" в папку "images" и вместо "ВАШ САЙТ.РУ" написать ваш домен. *Оффтопик* Ну после такой инструкции и первоклассник поймёт :) Пример работы стрелки на моём сайте. Прикрепляю стрелочку если нада.. lucky присоединено следующее:файл: images.rar [1.51кБ / 569 Загрузки]
	x2 x1 x1 x1


Oleg	#9 Опубликовано 16.12.2012 01:10
Пользователь Сообщений: 88 Зарегистрирован: 18.04.2011 22:07	lucky, спасибо тебе огромное. Вместо http://ВАШ САЙТ.РУ/ можно написать ".BASEDIR." ну и отступы от правого нижнего края подобрать bottom: 25px; right: 25px; как-то так...


lucky	#10 Опубликовано 16.12.2012 16:38
Опытный пользователь Сообщений: 381 Зарегистрирован: 05.09.2012 10:20	Oleg, и тебе спасибо за полезный совет


vudi	#11 Опубликовано 17.12.2012 08:45
Пользователь Сообщений: 60 Зарегистрирован: 16.09.2012 07:04	А какой вариант лучше использовать тот что в базе Аддонов или Этот предложенный lucky ??? В плане быстродействия нагрузки и тд что предпочтительней ? Код предложенный lucky можно ещё засунуть не в footer.php а создать панель в админке и туда запихнуть. Вот черновой вариант может где ошибся но работает Код // ?> <script language='JavaScript' type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr('href'); if ($(window).scrollTop() >= '250') $(this).fadeIn('slow') var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() <= '250') $(scrollDiv).fadeOut('slow') else $(scrollDiv).fadeIn('slow') }); $(this).click(function() { $('html, body').animate({scrollTop: 0}, 'slow') }) } }); $(function() { $('#Go_Top').scrollToTop(); }); </script> <a style='position: fixed; bottom: 25px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <img src='http://vashsite.ru/images/old-go-top.png' alt='Наверх' title='Наверх'></a> <?php //


Shtormik	#12 Опубликовано 12.07.2013 11:58
Начинающий Сообщений: 34 Зарегистрирован: 07.07.2013 13:49	lucky написал: только на IE чёта не работает в IE-8 видно стрелочку, только вот слово "Наверх" почему-то вопросики (кодировка UTF - 8 ) пришлось по английски написать Изменил(а) Shtormik, 12.07.2013 12:15


lucky	#13 Опубликовано 12.07.2013 12:26
Опытный пользователь Сообщений: 381 Зарегистрирован: 05.09.2012 10:20	если погуглить то можно разные скрипты для стрелки "вверх" найти и подобным образом прикрутить к фьюжену, я правда сейчас уже по другому стрелку прикрепил, код скрипта написал не themes/templates/footer.php а сразу в файле своей темы - theme.php после блока с футером, смысл один и тот же остался, только теперь стрелка прикреплена к моему шаблону, просто поэксперементировал) насчёт вопросиков.. можно ещё как вариант alt и title оставить пустыми всё равно подсказки не нужны и так понятно для чего это стрелка, хотя зачем подстраиваться под старые браузеры, я на них вообще не смотрю))


lucky	#14 Опубликовано 12.07.2013 12:35
Опытный пользователь Сообщений: 381 Зарегистрирован: 05.09.2012 10:20	у меня footer.php в win - 1251, если у Вас в UTF - 8 то конечно знаки вопроса будут..


Shtormik	#15 Опубликовано 12.07.2013 12:48
Начинающий Сообщений: 34 Зарегистрирован: 07.07.2013 13:49	Т.е тот же самый код можно дописать в theme.php без изменений? Да я и не подстраиваюсь под старое, просто сразу проверяю изменения в 5 браузерах, все браузеры как браузеры кроме IE, всегда что нибудь да не так отображает, даже удивился когда стрелку увидел! Вот есть же нормальные браузеры, нет все равно много еще таких кто пользуется IE! (Есть и такие которые даже сидят на старых версиях IE и обновлятся не хотят) ОК. ща посмотрю Все, разобрался с кодировкой, поменял в DW на windows, теперь "Наверх" правильно lucky, спасибо за подсказку. Хотя в принципе можно и не дублировать стрелку словом, но... мало ли, может кто не знает зачем стрелка Кстати, стрелочка идеально подходит под дизайн Stylo Изменил(а) Shtormik, 12.07.2013 14:07


lucky	#16 Опубликовано 12.07.2013 15:13
Опытный пользователь Сообщений: 381 Зарегистрирован: 05.09.2012 10:20	тут можно много всяких иконок найти - http://www.iconfi... , жаль сайт только на английском


Shtormik	#17 Опубликовано 12.07.2013 16:21
Начинающий Сообщений: 34 Зарегистрирован: 07.07.2013 13:49	Неплохой сайт, можно много качественных иконок взять (бесплатных). Спасибо! Пробовал как то сам рисовать в Ps, вроде хорошо получается, но времени много уходит на все дела


Juvenick	#18 Опубликовано 30.11.2013 23:32
Начинающий Сообщений: 21 Зарегистрирован: 05.12.2010 00:28	vudi написал: А какой вариант лучше использовать тот что в базе Аддонов или Этот предложенный lucky ??? В плане быстродействия нагрузки и тд что предпочтительней ? Код предложенный lucky можно ещё засунуть не в footer.php а создать панель в админке и туда запихнуть. Вот черновой вариант может где ошибся но работает Код // ?> <script language='JavaScript' type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr('href'); if ($(window).scrollTop() >= '250') $(this).fadeIn('slow') var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() <= '250') $(scrollDiv).fadeOut('slow') else $(scrollDiv).fadeIn('slow') }); $(this).click(function() { $('html, body').animate({scrollTop: 0}, 'slow') }) } }); $(function() { $('#Go_Top').scrollToTop(); }); </script> <a style='position: fixed; bottom: 25px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <img src='http://vashsite.ru/images/old-go-top.png' alt='Наверх' title='Наверх'></a> <?php // Странно, но у меня при наведении курсора на стрелку, она резко перемещается в левый угол. Но все равно указанное курсором место остается кликабельным и при нажатии происходит движение вверх. И в чем же дело?
	Web

Zaxap	#19 Опубликовано 01.12.2013 04:54
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	Screenshot бы...) Зло не дремлет, а я добрый...


Pisatel	#20 Опубликовано 01.12.2013 05:44
Ветеран Сообщений: 678 Зарегистрирован: 08.02.2013 05:51	Наипростейшее Код `add_to_head("<script type='text/javascript'> $(document).ready(function(){ $('.uptop').click(function(){ $(document).scrollTo(0,500); }); }); </script>"); <a href='#' class='uptop' title='наверх'>Вверх ▲</a>`
	x1
	Web

Поделиться этой темой
Социальные закладки:
URL:
BBcode:
HTML:

Страница 1 из 2: 12

Перейти на форум:

Темы	Форум	Ответов / Просмотров	Последние сообщения
Не работает "выйти" Maxthon 5.2.3.3000 →	Ошибки, баги	1 / 1262	22.02.2020 18:43
showsublinks [активная кнопка] →	Темы оформления 7 версии	5 / 926	22.02.2020 18:43
Говорим "Спасибо" →	Книга жалоб и предложений	14 / 3127	02.02.2020 14:58
Каким ява скриптом приделать выбор цвета для поля input type="text"? →	Вопросы новичков	1 / 2766	10.01.2020 20:47
Instagram ВК FaceBook - ведение аккаунтов "под ключ" →	Платные услуги	0 / 933	01.12.2019 18:37
Панель "последние статьи" в зависимости от языка сайта и категории статьи →	Моды	9 / 2998	31.10.2019 22:59
В разных статьях "краткого содержания" картинки "налазят" друг на друга →	Ошибки, баги	5 / 1537	14.01.2019 13:09
Как найти в БД для панели "похожие статьи, новости, темы"? →	Пожелания и предложения	0 / 2857	23.04.2018 17:29
Скидки 40% на "Безлимитный хостинг 2018" от ABCD.Host →	Хостинг	0 / 2189	28.03.2018 18:33
Каталог "PHP-функций и функций CMS PHP-Fusion" →	Народное творчество	5 / 10671	20.05.2017 10:17