Как прменить скрипт в другом месте

Тема в разделе "JavaScript", создана пользователем typus, 31 окт 2013.

Модераторы: ZiX
  1. typus

    typus

    Регистр.:
    25 июл 2007
    Сообщения:
    630
    Симпатии:
    152
    Всем привет, возникли трудности с реализацией эффекта от одного java-скрипта в другом месте шаблона - вот сайт
    Дело в верхнем меню, выполненном в метро стиле - от Home до Kontakt
    Там с помощью скриптов реализован эффект горизонтального скролла, при переходе от одного к другому между данными пунктами меню. Переход по ним по сути по ссылкам вида http://mandasoft.eu/#home1 до http://mandasoft.eu/#home5 - т.е. этот как бы скролл есть только между этими пунктами меню.
    Проблема в том, что при просмотре сайта с мобильных устройств это верхнее меню скрыто, его не видно, следовательно, приходится пункты из данного меню дублировать.
    Так вот, если я создам в любом другом месте ссылки такого вида, будь то псевдонимы этих пунктов меню (как в выпадающем списке меню "menu"), или просто ссылки (как в нижней части страницы), то перехода между этими, внешне абсолютно идентичными с верхними, ссылками, нет никакого,ни скрола, ни перезагрузки страницы. А мне бы очень хотелось бы, чтобы этот переход был. Временно пока сделал ссылки все с разными адресами, одни с www , другие без, третьи с /index.php/#home1 и т.п., т.е. чтобы при кликах ссылки были всегда разные и страницы хотя бы перезагружались. Но сам знаю, что это не решение, а как реализовать то что мне нужно и сделать это как положено, надеюсь узнать от местных гуру java-скрипта.
    пс. если важно, шаблон на joomla, если будет нужно, могу выложить или сам шаблон, или быстрый старт с ним.
     
  2. Aserus

    Aserus Постоялец

    Регистр.:
    16 ноя 2013
    Сообщения:
    78
    Симпатии:
    4
    Как вариант можно сделать переход на js
    Код:
    <a href="http://mandasoft.eu/#home1" onclick="return link(this);">Home</a>
    <script language="JavaScript" type="text/javascript">
    function link(obj){
      location=obj.getAttribute('href');
     return false;
    }
    
    </script>