| |
|
|
| | В общем, страница имеет такую структуру:
<!-- Какой-то статичный текст или еще что-то, не зависящее от ниженаписанного -->
<table border=1><tr><td>
<b>Содержание:</b>
<UL>
<LI>Пункт1;</LI>
<LI>Пункт2;</LI>
<LI>Пункт3;</LI>
</UL>
</td></tr></table>
<!-- Динамичный участок -->
<div></div>
|
То есть, это своего рода оглавление. Пользователь нажимает на первый пункт и в "Динамичном поле" (я сначала пытался через дивы это сделать) появляется заранее подготовленный текст или сгенерированный.
Как это можно сделать так, чтобы можно было менять стиль "ссылки" (пункта) ?
Спасибо за внимание. | |
| |
|
|
| |
|
|
| |
для: ilovesky
(03.11.2008 в 22:55)
| | | Что-то вроде этого:
<html>
<head>
</head>
<body>
<table border=1><tr><td>
<b>Содержание:</b>
<UL id="list">
<LI value="0">Пункт1;</LI>
<LI value="1">Пункт2;</LI>
<LI value="2">Пункт3;</LI>
</UL>
</td></tr></table>
<div id="plane"></div>
</body>
<script>
var name = new Array('Привет','Здраствуйте','Добрый день');
var list = document.getElementById('list').childNodes;
for(i=0; i<list.length; i++){
if(list[i].tagName == 'LI')
list[i].onclick = function(){setFolder(this)}
}
function setFolder(oThis){
for(i=0; i<list.length; i++){
if(list[i].tagName == 'LI')
list[i].style.background = '#FFFFFF';
}
oThis.style.background = '#ccddff'
document.getElementById('plane').innerHTML = name[oThis.value];
}
</script>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: ONYX
(04.11.2008 в 09:09)
| | | Спасибо, то что надо!
В первый раз встречаю выражение onclick = function() {SmFunc(this)}
А можно как-то узнать (внутри скрипта, конечно), какой текст написан между тегами <LI value="номер"> и </LI>? | |
| |
|
|
| |
|
|
| |
для: ONYX
(04.11.2008 в 09:09)
| | |
oThis.innerText - для текста
или
oThis.innerHTML - для текста вместе с HTML
|
| |
| |
|
|
