Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

(на Drupal) прикрутить к меню прокрутку страницы до нужного места

Обсуждение темы (на Drupal) прикрутить к меню прокрутку страницы до нужного места в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; вот собственно нашел такой кусочек кода Код: <Script Language="JavaScript"> function scrollit() {for (I=1; I<=500; I++) {self.scroll(1,I)}} </Script> Код: onClick="scrollit()" а как его к ...


Закрытая тема
 
Опции темы
Старый 26.02.2010, 11:37   #1
вот собственно нашел такой кусочек кода
Код:
<Script Language="JavaScript">  
  function scrollit()
  {for (I=1; I<=500; I++)
   {self.scroll(1,I)}}  
</Script>
Код:
onClick="scrollit()"
а как его к друпалу прикрутить в ступоре ,
может кто сталкивался?
ато я его в первый раз живъем вижу

Добавлено через 54 минуты

нашел даже проще
вот
Код:
<a href="javascript:window.scrollTo(0,1300);"><b>Прокрутить вверх</b></a>
а вот где ему (друпалу) его вставить так и ненашел покаместь

Последний раз редактировалось vitaly-go; 26.02.2010 в 11:37.. Причина: Добавлено сообщение
 
Старый 26.02.2010, 11:37
Ссылки
Старый 26.02.2010, 11:38   #2
vitaly-go, эээээээ..... ооооо..... уууууу....
Это делается якорями вообщето:
итак в меню ссылку писать надо так: /mypage#myancor
а уже в тексте в нужном месте написать
<a name="myancor"></a>
И будет вам прокрутка. Без всякого js
 
Этот пользователь сказал спасибо Асмодиан за это полезное сообщение:
vitaly-go (26.02.2010)
Старый 26.02.2010, 11:53   #3
Асмодиан Суппер!
 
Старый 26.02.2010, 11:58   #4
Код HTML:
<script>
function goToByScroll(id){
	$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
</script>
работает с jquery
Код HTML:
<a onClick="goToByScroll('1')">123</a>
<div id="1">123</div>
Плавный скрол.
соответственно, указываем id в линке и в элементе к которому нужно попасть и все.
как пример можно посмотреть тут little-plus.ru/diagnosis/ (Предметный указатель, и далее любой пункт) было лень плавный скрол обратно вверх дописать, но сделаю. как-нибудь потом.
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
vitaly-go (26.02.2010)
Старый 26.02.2010, 12:12   #5
такс. пишу по памяти...
Код:
$.ready(function()
{
  $('a').each(function()
  {
    var st = $(this).attr('href').indexOf('#');
    if (st > 0)
    {
      var ancor = $(this).attr('href').substring(st + 1);
      var target = $("[@name = '" + ancor + "']") // возможно нужно без собаки (не помню точно как в jquery)
      if (target.length > 0)
      {
        $(this).click(function()
        {
          $('html,body').animate({scrollTop: target.offset().top},'slow');
        }
      }
    }
  });
});

вот это всё вместе с моим приёмом будет нормально работать без javascript, и плавно прокручивать с включённым js.

PS. Скорее всего работать не будет, так как я наверняка не раз ошибся. В целом тут идея
 
Старый 26.02.2010, 12:22   #6
Асмодиан, не понял, а что делать то должен этот скрипт?
 
Старый 26.02.2010, 13:05   #7
При полной загрузке страницы он просматривает все ссылки на странице. Если в какой-то ссылке есть якорь, то он ищет: нет ли такого-же якоря на самой странице.
Если якорь есть, то при нажатии на ссылку он делает плавную перемотку до этого якоря. вот. (то есть не моментальный переход, а плавный)
 
Старый 26.02.2010, 13:06   #8
а я что написал выше?
 
Старый 26.02.2010, 13:09   #9
спасибо, уже все "зроблена" правда без плавностей, там такой задачи небыло
а вот на будущее и плавность пригодится
 
Старый 26.02.2010, 13:13   #10
Nimans, понимаешь в чём разница.
1. Если у человека отключен js, то твой пример не будет работать ВООБЩЕ, а мой просто будет крутить не плавно.
2. html-код не захлямляется яваскриптом, так как это всё идёт в отдельном js файле
 
Старый 26.02.2010, 13:13
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как убрать прокрутку Volkodavteua ASP, Perl, PHP и MySQL 0 07.02.2010 19:18
php.ini и drupal Dejust ASP, Perl, PHP и MySQL 4 08.01.2010 23:12
вопрос по Drupal BleSSeD ASP, Perl, PHP и MySQL 9 11.08.2008 18:34
настройка CMS Drupal Stalker ASP, Perl, PHP и MySQL 6 26.11.2007 13:37
как округлить число до нужного количества символов после запятой? sl_play Технологии Flash 8 14.06.2005 21:26


Текущее время: 16:44. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум