The OpenNET Project / Index page

[ новости /+++ | форум | wiki | теги | ]

форумы  помощь  поиск  регистрация  майллист  ВХОД  слежка  RSS
"Нетривиальный вопрос по js+css."
Вариант для распечатки  
Пред. тема | След. тема 
Форумы WEB технологии (Public)
Изначальное сообщение [Проследить за развитием треда]

"Нетривиальный вопрос по js+css."  
Сообщение от lx (??) on 18-Мрт-06, 20:18 
<html>
<head>
<script>
var fl = false;
function set( id, evt )
{
    if( fl ) return;
    fl = true;
    var div = document.createElement( "div" );
    div.id = "menu" + id;
    var text = document.createTextNode( "текст:" );
    var select = document.createElement( "select" );
    var option1 = document.createElement( "option" );
    var option2 = document.createElement( "option" );
    var option_text1 = document.createTextNode( "опция1" );
    var option_text2 = document.createTextNode( "опция2" );
    option1.appendChild( option_text1 );
    option2.appendChild( option_text2 );
    select.appendChild( option1 );
    select.appendChild( option2 );
    div.appendChild( text );
    div.appendChild( select );
    div.style.width = "100px";
    div.style.height = "100px";
    div.style.backgroundColor = "rgb( 100, 255, 100 )";
    div.style.left = "" + (evt.clientX - 5) + "px";
    div.style.top = "" + (evt.clientY - 5) + "px";
    div.style.position = "absolute";
    div.style.zindex = "100"
    div.setAttribute( "onMouseOut", "javascript: free(" + id + " )" );  

//    document.getElementById( "top" + id ).appendChild( div );
    document.body.appendChild( div );
}

function free( id )
{
//    document.getElementById( "top"+id).removeChild( document.getElementById( "menu" + id ) );
     document.body.removeChild( document.getElementById( "menu" + id ) );
     fl = false;
}
</script>
</head>
<body>
<div  id="top1" onMouseOver="set( 1, event )"  
     style="background-color: yellow; width:100px; position:relative; zindex:50">menu<br>
</div><br>
<div  id="top2" onMouseOver="set( 2, event )"  
      style="background-color: yellow; width:100px; position:relative; zindex:50">menu2<br>
</div>
<p id="text"></p>
</body>
</html>
Это закрывает попап слой раньше времени. Не могу по нему толком мышкой повозить.
Что нужно добавить?
Заранее спасибо.


Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

 Оглавление

Сообщения по теме [Сортировка по времени, UBB]


1. "Нетривиальный вопрос по js+css."  
Сообщение от ftpuser email(??) on 19-Мрт-06, 20:40 
>    div.setAttribute( "onMouseOut", "javascript: free(" + id + "
ну вот, как просил, так скрипт и закрывает окно после выхода мышки. все как просил.

И вообще, выкинь эти все попы в туда же!

Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

2. "Нетривиальный вопрос по js+css."  
Сообщение от lx (??) on 20-Мрт-06, 20:11 
>>    div.setAttribute( "onMouseOut", "javascript: free(" + id + "
>ну вот, как просил, так скрипт и закрывает окно после выхода мышки.
>все как просил.
>
>И вообще, выкинь эти все попы в туда же!

Все не так просто. Но ответ я уже знаю. По поставленной задаче.

Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

Архив | Удалить

Индекс форумов | Темы | Пред. тема | След. тема
Оцените тред (1=ужас, 5=супер)? [ 1 | 2 | 3 | 4 | 5 ] [Рекомендовать для помещения в FAQ]




Спонсоры:
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2021 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру