Добрый день коллеги:
у меня есть списочек. слева каждого элемента рисуночек (минус). А возле той что нажали рисуночек плюс.
Сейчас работает что когда по этой картинке нажимаем она меняется (с минуса на плюс) ну и при нажатии на сам текст. А нужно чтоб только по тексту нажималось.
|
Код:
|
<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 совсем чуток...
Как заставить картинку не нажиматься?
