Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.10.2010, 15:34
LA_ LA_ вне форума
Новичок на форуме
Отправить личное сообщение для LA_ Посмотреть профиль Найти все сообщения от LA_
 
Регистрация: 15.10.2010
Сообщений: 9

Выпадающий список не помещается в div'е
Не знаю проблема ли с javascript или c css...
Использую стили и скрипты с сайта ВКонтакте.
В следующем коде почему-то:
1) выпадающий список не помещается в div'e в Internet Explorer'е (в FF - все хорошо);
2) кнопка-ссылка не становится не доступной после нажатия как в IE, так и в FF.
Как поправить?

<html>
    <script type="text/javascript">    
        var albums_list = [];
        
        function showPageAlbumExisting() {
            albums_list.unshift([1,'title1']);
            albums_list.unshift([2,'title2']);
            albums_list.unshift([3,'title3']);
            albums_list.unshift([4,'title4']);
            albums_list.unshift([5,'title5 title5 title5 title5 title5 title5 title5 title5 title5 title5 title5 ']);
            albums_list.unshift([6,'title6']);
            albums_list.unshift([7,'title7']);
            albums_list.unshift([8,'title8']);
            new Dropdown(ge('album'), albums_list, {
                width: 250,
                selectedItems: '4',
                multiselect: false
              });
        }
    </script>
    <head>
        <link rel="stylesheet" href="http://vkontakte.ru/css/rustyle.css?83" type="text/css" />
        <link rel="stylesheet" href="http://vkontakte.ru/css/photos2.css?39" type="text/css" />
        <link rel="stylesheet" href="http://vkontakte.ru/css/nopadding.css" type="text/css" />
        <link rel="stylesheet" href="http://vkontakte.ru/css/ui_controls.css?20" type="text/css" />
        <script src="http://vkontakte.ru/js/common.js?195"></script>
        <script type="text/javascript" src="http://vkontakte.ru/js/lib/ui_controls.js?77"></script>        
    </head>
    <body onload="javascript:showPageAlbumExisting()">
        <center>
            <div id="pageContainer">
                <div id="pageLayout">

                    <div id="pageHeader">
                        <div id="pageHeaderRight">

                            <h1 id="home"><a href="javascript:void(0)">ВКонтакте</a></h1>

                            <div id="topNav" class="headNav">
                                <a href="javascript:void(0)">текст</a>
                            </div>

                        </div>
                    </div>
                    <div id="sideBar">
                        <ol id="nav">
                            <li><a href="javascript:showPageAlbumExisting();">Раздел</a></li>
                        </ol>
                    </div>
                    <div id="pageBody" class="pageBody">
                        <div id="wrap2">
                            <div id="wrap1">
                                <div id="content">
                                    <div class="editorPanel clearFix">
                                        <div class="editAlbum" id="album_name_existing">
                                            <form>
                                                <h5 style="color: rgb(54, 99, 142); font-size: 12px; font-weight: bold; margin: 10px 0px;">Список</h5>
                                                <div class="labeled"><input type="hidden" id="album" name="album"/></div>

                                                <ul class="nNav">
                                                    <li>
                                                        <b class="nc"><b class="nc1"><b></b></b><b class="nc2"><b></b></b></b>
                                                        <span class="ncc"><a href="javascript:this.disabled=true; void(0);" tabindex="3">Кнопка</a></span>
                                                        <b class="nc"><b class="nc2"><b></b></b><b class="nc1"><b></b></b></b>
                                                    </li>
                                                </ul>
                                            </form>
                                        </div>                                        
                                    </div>    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="boxHolder"></div>
                    <div id="bFooter">
                        <p>some text<br /><small><a href="http://vkontakte.ru/">vkontakte.ru</a></small></p>
                    </div>

                </div>
                <br />
            </div>
        </center>        
    </body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 31.10.2010, 16:09
LA_ LA_ вне форума
Новичок на форуме
Отправить личное сообщение для LA_ Посмотреть профиль Найти все сообщения от LA_
 
Регистрация: 15.10.2010
Сообщений: 9

Со списком разобрался - надо было добавить
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

в начало документа.
Остался вопрос с кнопкой.
Ответить с цитированием
  #3 (permalink)  
Старый 01.11.2010, 10:26
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от LA_
Остался вопрос с кнопкой.
С этой?

<span class="ncc"><a href="javascript:this.disabled=true; void(0);" tabindex="3">Кнопка</a></span>


Таки это не кнопка... Это ссылка.
Ответить с цитированием
  #4 (permalink)  
Старый 01.11.2010, 10:29
LA_ LA_ вне форума
Новичок на форуме
Отправить личное сообщение для LA_ Посмотреть профиль Найти все сообщения от LA_
 
Регистрация: 15.10.2010
Сообщений: 9

да, с этой ссылкой (визуально ссылка оформлена в виде кнопки, потому так её назвал)
Ответить с цитированием
  #5 (permalink)  
Старый 01.11.2010, 10:32
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

От того, что вы оформили ссылку как кнопку, она кнопкой не стала. У ссылок нет понятия недоступности, она не умеет быть disabled.
Ответить с цитированием
  #6 (permalink)  
Старый 01.11.2010, 10:43
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

LA_, как вариант, меняй ей стиль на какой-то другой, дабы сделать её похожей на неактивную кнопку...
Или таки переделай в кнопку.

<button>
<содержимое>
</button>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выпадающий список с возможностью ввода текста LA_ Элементы интерфейса 6 27.10.2010 16:30
Помогите вставить в форму не только чекбоксы но и выпадающий список seva_81 Серверные языки и технологии 3 20.09.2010 10:02
как сделать выпадающий список, чтобы второй зависил от значения первого???? zsaz jQuery 2 16.07.2010 20:12
Выпадающий список и php faiq Серверные языки и технологии 3 24.03.2010 13:50
ВЫПАДАЮЩИЙ СПИСОК ni_09 Events/DOM/Window 5 20.10.2009 11:27