вывод данных в скрытых блоках

@wredyatina · Регистрация: 06.09.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте, у меня вопрос как сделать правильно? Надеюсь написала в той теме
Есть ссылка

HTML5
1
<a href="" onmouseover="func('<?=$n?>')"><?=$name?></a>

JavaScript
1
2
3
function func(recordId)
{ $("#block_none_"+recordId).show(); 
}

Как сделать, чтобы при наведении отображался скрытый блок

HTML5
1
2
3
4
<div style="display:none;" id="block_none_<?=$n?>">
<? $menu_left=mysql_query('select * from info where id=\'<?=$n?>\'') or die (mysql_error()); 
// вывод данных?>
</div>

Надо чтобы при наведении (нажатии) на ссылку отображался скрытый блок с данными относящимися к ссылке.
чтобы не писать бесконечно, да и думаю это не правильно:

JavaScript
1
2
3
4
5
6
7
8
function func(recordId)
{ 
if (recordId == '1') { $("#block_none_1").show(); $("#block_none_2").hide(); 
}
else if (recordId == '2') { $("#block_none_2").show(); $("#block_none_1").hide(); 
}
 
}

HTML5
1
2
3
4
5
6
7
8
<div style="display:none;" id="block_none_1">
<? $menu_left=mysql_query('select * from info where id=\'1\'') or die (mysql_error()); 
// вывод данных?>
</div>
<div style="display:none;" id="block_none_2">
<? $menu_left=mysql_query('select * from info where id=\'2\'') or die (mysql_error()); 
// вывод данных?>
</div>

@Jewbacabra · 06.06.2015, 12:53

HTML5
1
2
3
4
<div class="hover-me">
    <div>Hover Me</div>
    <div class="hidden-block">I am hidden</div>
</div>

CSS
1
2
.hidden-block { display: none; }
.hover-me:hover .hidden-block { display: block; }

Не по теме:

Сообщение от wredyatina

Надеюсь написала в той теме

нет :)

@wredyatina · 06.06.2015, 12:57 **[ТС]**

Сообщение от Jewbacabra

Код HTML5
1
2
3
4
<div id="hover-me">
* * <div>Hover Me</div>
* * <div id="hidden-block">I am hidden</div>
</div>
Код CSS
1
2
#hidden-block { display: none; }
#hover-me:hover #hidden-block { display: block; }

Так мне надо чтобы он и выводил данные, т.е. передавал так скажем номер id, чтобы я привязала сразу с выводом из бд данных, а не только появлялся при наведении)

@Jewbacabra · 06.06.2015, 13:05

Сообщение от wredyatina

Так мне надо чтобы он и выводил данные, т.е. передавал так скажем номер id

Не совсем понял. Подгружать аяксом или что?

Сообщение от wredyatina

чтобы я привязала сразу с выводом из бд данных, а не только появлялся при наведении)

Ну подставить в html-разметку что угодно можно

PHP/HTML
1
2
3
4
<div class="hover-me">
    <div><?php echo $title; ?></div>
    <div class="hidden-block"><?php echo $something; ?></div>
</div>

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .