Javascript.RU

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

не кликабельная картинка в ссылке списка
Добрый день коллеги:

у меня есть списочек. слева каждого элемента рисуночек (минус). А возле той что нажали рисуночек плюс.
Сейчас работает что когда по этой картинке нажимаем она меняется (с минуса на плюс) ну и при нажатии на сам текст. А нужно чтоб только по тексту нажималось.

Код:
	
<link href="styles.css" rel="stylesheet" type="text/css" />
<table class="main">
  <tr>
    <td class="left"> <h1>TXT</h1>
        <ul id="menu_ul">
            <li><a href="general.html" target="help">TXT1</a></li>
            <li><a href="btype.html" target="help">TXT2</a></li>
            <li><a href="htp.html" target="help">TXT3</a></li>
...

Код:
...
var menu = document.getElementById('menu_ul');
var liArr = menu.getElementsByTagName('li');
...
for (var i = 0; i < liArr.length; i++)
    {
        var liEl = liArr[i];
        var aArr = liEl.getElementsByTagName('A');
        liEl.onclick = function (e) {
            clearClass();
            event.cancelBubble  = false;
            this.className = '';
            if ('undefined' != typeof(event))  {
                event.cancelBubble  = true;
                this.className = "selected";
            }
Код:
...
table.main {
    width: 700px;
    height: 500px;
    margin: 0 auto 0 auto;
    border: 1px solid white;
    table-layout:fixed;
    text-align:left;
}
table.main tr td.left {
 width: 180px;
 background-color: #258E9B;
 color: #273021;
 vertical-align:top;
}
table.main tr td.left a {
    color: #FFFFFF;    
}
table.main tr td.left h1 { /* name game left*/
    color:#FFFFFF; /*#F3A82A;*/
    font-size:12pt;
    font-style: normal;
    font-weight: bold;
}
table.main tr td.left ul {
 list-style-type:disc;
 padding-left: 20px;
 margin: 5px;
}
table.main tr td.left ul li{
 padding-left: 5px;
 padding-top: 3px;
 list-style-image:url("contents/images/icoMinus.gif");
}
table.main tr td.left ul li.selected {
 list-style-image:url("contents/images/icoPluss.gif");
}
table.main tr td.left ul li{
 padding-left: 0px;
}
table.main tr td.left ul ul {
 list-style-type:square;
}
table.main tr td.left ul li ul li {
 padding: 0;
}
table.main tr td.right {
    width: auto;
    background-color: #909FA2;
    color: #909FA2;
    vertical-align:top;    
}
...
вот моя проблемка
http://www.filehoster.ru/files/bh4359


п.с. код не мой. изучаю css js совсем чуток...
Как заставить картинку не нажиматься?

Последний раз редактировалось fiery_js, 30.07.2008 в 18:28.
Ответить с цитированием
Ответ


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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавить значения из одного списка в другой XAOC Events/DOM/Window 10 28.08.2008 13:18
Динамическое обновление списка select (продолжение мытарств) macam Элементы интерфейса 2 25.06.2008 16:04