Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: При наведении на ссылку отобразить блок div
 
 автор: OLi   (19.08.2010 в 00:50)   письмо автору
 
 

Ребята, у кого есть наработка такая - поделитесь пожалуйста. Только, чтоб окно закрывалось по клику на свободную область!

  Ответить  
 
 автор: OLi   (19.08.2010 в 00:53)   письмо автору
 
   для: OLi   (19.08.2010 в 00:50)
 

Поспешил:
<style>
#header .notOfficial { visibility: hidden; }
#header.showNotOficcial .notOfficial { visibility: visible; }
</style>
<div id="header">
    <DIV id="smile" class="notOfficial">Smile</DIV>
    <DIV id="tabletWithChips" class="notOfficial">Tablet With Chips</DIV>
    <DIV id="cigarettes" class="notOfficial">Cigarettes</DIV>
    <DIV id="ashTray" class="notOfficial">Ash Tray</DIV>
    <DIV id="beer" class="notOfficial">Beer</DIV>
    <DIV id="magazinesPorno" class="notOfficial">Porn Zines</DIV>
    <DIV id="notepadPorno" class="notOfficial">Porn Pad</DIV>
</div>

<a href="javascript://" onmouseover="document.getElementById('header').className = 'showNotOficcial'" onmouseout="document.getElementById('header').className = ''">Блекджек </a>

  Ответить  
 
 автор: OLi   (19.08.2010 в 01:17)   письмо автору
 
   для: OLi   (19.08.2010 в 00:53)
 

Осталось подумать как закрепить всплывающее окно до клика на пустую область

  Ответить  
 
 автор: Gubichev   (19.08.2010 в 01:44)   письмо автору
 
   для: OLi   (19.08.2010 в 01:17)
 

Осталось не подумать, а начать учить JS.
Нажатие на любую область документа скроет div.

<style>
#header .notOfficial { visibility: hidden; }
#header.showNotOficcial .notOfficial { visibility: visible; }
</style>
<body onClick="document.getElementById('header').className = ''">

<div id="header">
    <DIV id="smile" class="notOfficial">Smile</DIV>
    <DIV id="tabletWithChips" class="notOfficial">Tablet With Chips</DIV>
    <DIV id="cigarettes" class="notOfficial">Cigarettes</DIV>
    <DIV id="ashTray" class="notOfficial">Ash Tray</DIV>
    <DIV id="beer" class="notOfficial">Beer</DIV>
    <DIV id="magazinesPorno" class="notOfficial">Porn Zines</DIV>
    <DIV id="notepadPorno" class="notOfficial">Porn Pad</DIV>
</div>

<a href="javascript://" onmouseover="document.getElementById('header').className = 'showNotOficcial'">Блекджек </a>

  Ответить  
 
 автор: OLi   (19.08.2010 в 02:30)   письмо автору
 
   для: Gubichev   (19.08.2010 в 01:44)
 

Да,согласен с вами, надо учить
Подскажите пожалуйста, вот создаю объект A (ССЫЛКА) в JS

var control = document.createElement("a");

   control.id="four";
                control.href = "license.html"; // so browser shows it as link

control.setAttribute("onmouseover", "document.getElementById('header').className = 'showNotOficcial'; document.getElementById('header').style.Top = rzY; document.getElementById('four').style.Left = rzX;" );
             control.setAttribute("onmouseout", "document.getElementById('header').className = ''");

Хочу задать несколько событий при наведении и отпуска курсора на ссылку, на писал, но не работает!
Вывод - непраильная запись! Подскажите как верно будет

  Ответить  
 
 автор: OLi   (20.08.2010 в 00:56)   письмо автору
 
   для: OLi   (19.08.2010 в 02:30)
 

Тема закрыта - выход найден - пару часов и готово!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования