пережелать mod_mainmenu (прикруть javascript)

Тема в разделе "Модернизация расширений", создана пользователем JJ_, 23.12.2007.

  1. Offline

    JJ_ Недавно здесь

    Регистрация:
    23.12.2007
    Сообщения:
    1
    Симпатии:
    0
    есть скрипт скроллинга подпунктов меню кнопками "Вверх", "Вниз"
    массив названий и ссылок забивается вручную.

    посмотреть в действии можно тут
    помогите организовать заполнение пунктов меню в массив из базы MySQL.



    код скроллинга

    Код (html):
    1. <form name="form1">
    2. <script type="text/javascript">
    3. var links = [
    4.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=8", caption: "- АЗОВ"},
    5.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=14", caption: "- Васильківська Голандія"},
    6.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=15", caption: "- Віденська кава"},
    7.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=16", caption: "- Затишок"},
    8.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=17", caption: "- Капітанівка"},
    9.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=18", caption: "- Карамельова башта"},
    10.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=19", caption: "- Київське море"},
    11.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=20", caption: "- Київська дача"},
    12.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=21", caption: "- Ольстер"},
    13.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=22", caption: "- Органіка"},
    14.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=23", caption: "- Птах"},
    15.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=24", caption: "- Рудики"},
    16.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=25", caption: "- Сімейна справа"},
    17.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=26", caption: "- Спогади про Елладу"},
    18.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=27", caption: "- Стара Англія"},
    19.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=28", caption: "- Червоний Лев"},
    20.     {href: "http://www.site.ua/index.php?option=com_easygallery&Itemid=29", caption: "- Човнова станція"}
    21.    
    22.     /* и так далее */
    23. ];
    24. var linkCount = 7;
    25. var firstButtonVisible = 0;
    26.  
    27. function golink(index)
    28. {
    29.     window.location.href = links[index].href;
    30. }
    31.  
    32. function movebuttons(direction)
    33. {
    34.     var newFirst = firstButtonVisible + direction;
    35.     if (newFirst >= 0 && newFirst <= links.length - linkCount)
    36.     {
    37.         var allels = (document.all) ? document.all : document.forms["form1"].getElementsByTagName("input");
    38.         var regexp = new RegExp('(^| )navBtn( |$)');
    39.         for (var i = 0, j = 0; i < allels.length; i++)
    40.         {
    41.             if (regexp.test(allels[i].className))
    42.             {
    43.                 allels[i].style.display = (j < newFirst || j > newFirst + linkCount - 1) ? "none" : "block";
    44.                 j++;
    45.             }
    46.         }
    47.         firstButtonVisible = newFirst;
    48.     }
    49. }
    50. </script>
    51. <input type="button" value="" onClick="movebuttons(-1)" style=" background-color:#FFFFFF; border:0; width:90px; background-image:url(http://www.site.ua/arrow_up.png)"/><br />
    52. <script type="text/javascript">
    53. for (var i = 0; i < links.length; i++)
    54. {
    55.     document.write('<input class="navBtn" type="button" value="' + links[i].caption + '" onclick="golink(' + i + ')" style="display:' + (i < linkCount ? 'block' : 'none') + '" />');
    56. }
    57. </script>
    58. <input type="button" value="" onClick="movebuttons(1)" style=" background-color:#FFFFFF; border:0; width:90px; background-image:url(http://www.site.ua/arrow_down.png)"/>
    59. </form>


    подскажите, пожалуйста, решение... [!!!][!!!][!!!]
     
  2.  
  3. Dead Krolik
    Offline

    Dead Krolik Недавно здесь => Cпециалист <=

    Регистрация:
    13.04.2007
    Сообщения:
    3 685
    Симпатии:
    101
    Пол:
    Мужской
    Ответ: пережелать mod_mainmenu (прикруть javascript)

    Берешь и пишешь модуль рисующий меню. Надо знать пхп. А так - никаких проблем.
     

Поделиться этой страницей

Загрузка...