За последние 24 часа нас посетили 21888 программистов и 988 роботов. Сейчас ищет 691 программист ...

Выпадающее меню

Тема в разделе "JavaScript и AJAX", создана пользователем Tvar, 5 мар 2006.

  1. Tvar

    Tvar Активный пользователь

    С нами с:
    5 мар 2006
    Сообщения:
    7
    Симпатии:
    0
    Господа, подскажите, пожалуйста. Представьте себе таблицу из двух ячеек. В левой находится выпадающий список. Как сделать так, чтобы при выборе пункта, в другой ячейке появлялся определенный текст?

    Аналогичный вопрос и для обычных ссылок.
     
  2. simpson

    simpson Активный пользователь

    С нами с:
    11 фев 2006
    Сообщения:
    1.650
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    AJAX'ом это все можно сделать.
    или же просто яваскриптом. зависит от объема данных для выбора/вставки.
     
  3. Tvar

    Tvar Активный пользователь

    С нами с:
    5 мар 2006
    Сообщения:
    7
    Симпатии:
    0
    Ну а, как конкретно?
     
  4. Tvar

    Tvar Активный пользователь

    С нами с:
    5 мар 2006
    Сообщения:
    7
    Симпатии:
    0
    Неужели никто не может подсказать?
     
  5. Diver

    Diver Активный пользователь

    С нами с:
    19 фев 2006
    Сообщения:
    144
    Симпатии:
    0
    Адрес:
    Владивосток
  6. Markizza

    Markizza Активный пользователь

    С нами с:
    4 июл 2006
    Сообщения:
    23
    Симпатии:
    0
    вообщем сравнительно недавно я тоже искала такую хрень..
    вообщем воть..
    <script language="javascript">
    function folder(id) {
    var folder = document.getElementById(id);
    if(folder.style.display == 'none') {
    folder.style.display = 'block';
    } else {
    folder.style.display = 'none';
    }
    }
    </script>




    а в теле пишешь

    <a href..... onClick="folder('service');">УСЛУГИ</a>

    дальше пишешь: <br>
    и то что будет выпадать..


    <ul id='service' style='display: none;'>
    тут какая-то инфа
    </ul>



    или тебе обязательно на php надо??
     
  7. Markizza

    Markizza Активный пользователь

    С нами с:
    4 июл 2006
    Сообщения:
    23
    Симпатии:
    0
    а кстати, встречный вопрос..
    Ребята, не знаете случаем, почему когда кнопки меню засовываешь в форму.. то выпадающее меню перестаёт работать.. оно открывается и сразу же сворачивается??

    Вообщем код такой:

    Код (Text):
    1.  
    2. <script language="javascript">
    3. function folder(id) {
    4. var folder = document.getElementById(id);
    5. if(folder.style.display == 'none') {
    6. folder.style.display = 'block';
    7. } else {
    8. folder.style.display = 'none';
    9. }
    10. }
    11. </script>
    12.     <form>
    13. <table>
    14.  
    15.     <tr>
    16.  <td>
    17.     <INPUT TYPE=IMAGE SRC="2.jpg" BORDER=0 onClick="folder('service')">
    18. </td>
    19.     </tr>
    20. </table>
    21.     </form>
    22.  
    23. <table  style="display: none;"  id='serviсe'>
    24. <tr ><td><a href='' >открывающаяся ссылка</a></td></tr>
    25.  
    26. </table>
     
  8. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда
    1. совпадает имя функции и имя переменной
    2. service - резервное слово

    я бы сделал так:
    http://440hz.ru/trash/markizza/1/
     
  9. vasa_c

    vasa_c Активный пользователь

    С нами с:
    22 мар 2006
    Сообщения:
    1.760
    Симпатии:
    0
    Адрес:
    гор.Ленинград
    440hz, пардон, что вмешиваюсь, но зачем там ветка на IE, он же давно уже прекрасно getElementById понимает?
     
  10. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда
    vasa_c

    это ты о чем?
    а-а-а ... да скрипт тарый был. я для примера сделал. ты прав. там уже не надо ...
     
  11. Denkos

    Denkos Активный пользователь

    С нами с:
    6 июл 2006
    Сообщения:
    1
    Симпатии:
    0
    А как сделать тоже самое только не при нажатии а при наведении мауса
     
  12. Markizza

    Markizza Активный пользователь

    С нами с:
    4 июл 2006
    Сообщения:
    23
    Симпатии:
    0
    ну тогда при чём тут форма?
     
  13. Markizza

    Markizza Активный пользователь

    С нами с:
    4 июл 2006
    Сообщения:
    23
    Симпатии:
    0
    ну скорее всего вместо onClick взять onMouseUp..
     
  14. Markizza

    Markizza Активный пользователь

    С нами с:
    4 июл 2006
    Сообщения:
    23
    Симпатии:
    0
    ой нет... прошу прощения.. там другое событие..
     
  15. Markizza

    Markizza Активный пользователь

    С нами с:
    4 июл 2006
    Сообщения:
    23
    Симпатии:
    0
    ой нет... прошу прощения.. там другое событие.. onMouseOver кажется
     
  16. Goryn

    Goryn Активный пользователь

    С нами с:
    4 апр 2006
    Сообщения:
    398
    Симпатии:
    0
    Адрес:
    Ярославль
    Копай в сторону JavaScript. Пример
    www.oldi.ru
    Выпадающие менюхи есть и код Javы можно подглядеть :D