Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   не кликабельная картинка в ссылке списка (https://javascript.ru/forum/dom-window/1493-ne-klikabelnaya-kartinka-v-ssylke-spiska.html)

fiery_js 30.07.2008 18:15

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

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

Код:

       
<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 совсем чуток...
Как заставить картинку не нажиматься?


Часовой пояс GMT +3, время: 14:56.