0 / 0 / 2
Регистрация: 06.10.2012
Сообщений: 33

Выпадающее вверх меню

07.10.2013, 13:09. Показов 1266. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день! Помогите пожалуйста, необхдимо сделать выпадающее вверх меню При нажатии на кнопку, выпадает таблица
Вот функция
JavaScript
1
2
3
4
5
<script type="text/javascript">
function f(){
    document.getElementById("active").style.display = block
    }
</script>
блок который должен выпадать, сначала скрыт
HTML5
1
<div id ="active" style="display:none;">
Сама кнопка
HTML5
1
2
3
<div id="Tab3">
                    <a class="compared"  href=""onclick="f()"><a>
                    </div>
Что я делаю не так? не выпадает ничего....

Добавлено через 33 минуты
функцию сделала, но теперь все меню проваливается вниз!! Господа!! Отзовитесь, хоть кто-нибудь
JavaScript
1
2
3
4
5
function f(id_div){
div=document.getElementById(id_div);
if(div.style.display == "none") div.style.display = "block";
}
</script>
Вот стиль меню, в котором кнопка:
CSS
1
2
3
4
5
6
7
8
9
 .footer {
    bottom:0px;
    height: 100px;
    margin: 0;
    padding: 0;
    position:fixed;
    background:#74b985;
 
}
При нажтии опускается вниз на длину всплывающего контента
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
07.10.2013, 13:09
Ответы с готовыми решениями:

Выпадающее меню
Здравствуйте, как задать скорость выпадающего меню и чтобы меню при наведении курсора не просто появлялясь, а с определенной скоростью...

Выпадающее меню
Делаю выпадающее меню: при щелчке по кнопке меню раскрывается, если еще раз щелкнуть меню сворачивается...но есть проблема, нужно сделать...

Выпадающее меню
Привет всем. Сегодня пытался найти скрипт выпадающего меню, но столкнулся с такой проблемой. Дело в том, что во всех скриптах, если начнешь...

2
 Аватар для resource2008
111 / 112 / 18
Регистрация: 11.03.2011
Сообщений: 421
07.10.2013, 13:40
попробуйте у родительмкого контейнера меню указать (хотя если оно у вас плавает по странице - оставляйте fixed)
CSS
1
position:relative;
а для выпадающего элемента
CSS
1
position: absolute; bottom: 0;
0
0 / 0 / 2
Регистрация: 06.10.2012
Сообщений: 33
07.10.2013, 14:54  [ТС]
не помогает. Как я понимаю, контент, который выпадает при нажатии кнопки, толкает меню вниз

Добавлено через 22 минуты
Ну неужели никто не знает?????
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
07.10.2013, 14:54
Помогаю со студенческими работами здесь

Выпадающее меню
$('#header-link-title').click(function () { if ($(this).hasClass('active')) { $('#mobile-link-top').animate({ ...

Выпадающее меню
Приветствую. Имеется вот такое меню: Оно формируется из массива: foreach($arResult as $arItem){ ...

Выпадающее меню по клику
Здравствуйте. Имеем такое меню: &lt;ul&gt; &lt;li&gt; yggthjyukilo &lt;ul&gt; &lt;li&gt;&lt;a href=&quot;#&quot; title=&quot;&quot;&gt;gtg&lt;/a&gt;&lt;/li&gt; ...

Выпадающее меню и слайдер
Приветствую всех! Есть менюшка: &lt;div class=&quot;sidebar&quot;&gt; &lt;nav&gt; &lt;ul class=&quot;menu-sidebar&quot;&gt; &lt;li&gt;&lt;a...

Выпадающее меню замыкает
всем доброго времени суток. есть выпадающее меню. &lt;ul class=&quot;top_menu&quot;&gt; &lt;li class=&quot;gg&quot;&gt;&lt;a...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru