Выпадающий список не помещается в 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>
|
Со списком разобрался - надо было добавить
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> в начало документа. Остался вопрос с кнопкой. |
Цитата:
<span class="ncc"><a href="javascript:this.disabled=true; void(0);" tabindex="3">Кнопка</a></span> Таки это не кнопка... Это ссылка. |
да, с этой ссылкой (визуально ссылка оформлена в виде кнопки, потому так её назвал)
|
От того, что вы оформили ссылку как кнопку, она кнопкой не стала. У ссылок нет понятия недоступности, она не умеет быть disabled.
|
LA_, как вариант, меняй ей стиль на какой-то другой, дабы сделать её похожей на неактивную кнопку...
Или таки переделай в кнопку. <button> <содержимое> </button> |
| Часовой пояс GMT +3, время: 18:01. |