VPF::Как это сделать? - Форум программистов

t77

Дата 28.4.2010, 11:09 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 27.7.2008

Репутация: нет
Всего: нет

Доброе время суток.
На страничке имеется кнопка. При нажатии на кнопку появляется, что то вроде всплывающей посказки(div), с линками - "подменю". При нажатии на пустое место дива я скрываю видимость подменю. Также при нажатии на один из линков подменю, скрываю видимость дива(подменю).
Проблема в том, что этот самый див не исчезает после первого раза. Тоесть он всегда остается на экране.

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <script language="javascript">
    function func1()
    {
        //blabla
    }
    
    function func2()
    {
        //blabla
    }
    
    function hidePopupMenu()
    {               
        try
        {
            var currActionPopupMenu = document.getElementById("actionPopupDiv");
            currActionPopupMenu.style.display = "none";
            currActionPopupMenu.innerHTML = "";
            currActionPopupMenu.style.top = 0;
            currActionPopupMenu.style.left = 0;    
            currActionPopupMenu.style.zIndex = "0";
        }
        catch(e)
        {
        }            
    }
    
    function showActionPopupMenu()
    {        
        //debugger;
        hidePopupMenu();
        
        // create links for popup menu        
        var linkset = new Array();
        linkset[0] = "<TABLE width='100%' border='1px' cellpadding='0' cellspacing='0'><TR onclick='hidePopupMenu()'><TD><a href='#' onclick='func1();hidePopupMenu();'>function1</a></TD></TR><TR onclick='hidePopupMenu()'><TD><a href='#' onclick='func2();hidePopupMenu();'>function2</a></TD></TR></TABLE>";
                        
        
        // create popup div                
        var oPopupActionDiv = document.createElement("div");
        oPopupActionDiv.id = "actionPopupDiv";
        oPopupActionDiv.attachEvent("onclick",hidePopupMenu);
        
        // set styles for popup div menu
        oPopupActionDiv.style.visibility = "hidden";
        oPopupActionDiv.style.position = "absolute";
        oPopupActionDiv.style.left = "0";
        oPopupActionDiv.style.top = "0";
        oPopupActionDiv.style.borderStyle = "solid";
        oPopupActionDiv.style.borderColor = "#000000";
        oPopupActionDiv.style.borderWidth = "1px";
        oPopupActionDiv.style.width = "110px";
        oPopupActionDiv.style.height = "40px";
        oPopupActionDiv.style.backgroundColor = "#f5f5f5";
        oPopupActionDiv.style.padding = "0px";
        oPopupActionDiv.style.zIndex = "1000";          
        
        // append links to popup div        
        oPopupActionDiv.innerHTML = linkset[0];        
                  
        oPopupActionDiv.style.left = window.event.clientX - 55;
        oPopupActionDiv.style.top =  window.event.clientY - 55;
        oPopupActionDiv.style.visibility = "visible";
        
        // append div to the document
        document.body.appendChild(oPopupActionDiv);        
    }
    </script>
</head>
<body>    
    <br />
    <br />
    <br /><br /><br /><br /><br /><br /><br /><br />
    <center>    
        <!-- create button that show popup menu by click -->
        <input type="button" onclick="showActionPopupMenu()" value="click Me" />    
    </center>    
</body>
</html>

Что я делаю не так ?

нуп

Дата 28.4.2010, 11:22 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Убивай его сам

Код


 var el = document.getElementById('actionPopupDiv');
 el.parentNode.removeChild(el);

Кстати в фф не работает див, не показывается

t77

Дата 2.5.2010, 21:30 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 27.7.2008

Репутация: нет
Всего: нет

нуп , благодарю вас.
Спасибо, тема закрыта.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »