| |
|
|
| | Здравствуйте!
хочу сделать закладки страниц как тут http://www.htmlbook.ru/books/?id=1
в этом коде разобраться не смог, поэтому написал свою
это js
function product(id) {
var arr = ['about', 'parameter','sale']
for(var i=0; i<arr.length; i++) {
if (arr[i] == id) {
document.getElementById(arr[i]).style.display = 'block';
document.getElementById(arr[i]+"_off").style.display = 'none';
document.getElementById(arr[i]+"_on").style.display = 'block';
}
else {
document.getElementById(arr[i]).style.display = 'none';
document.getElementById(arr[i]+"_on").style.display = 'none';
document.getElementById(arr[i]+"_off").style.display = 'block';
}
}
}
|
нтмл-код
<table cellspacing='0' cellpadding='0'>
<tr>
<td><a href='#' id='about_off' onClick="product('about')" style='display:none'>описание</a>
<span id='about_on'>описание</span>
</td>
<td><a href='#' id='parameter_off' onClick="product('parameter')">характеристики</a>
<span id='parameter_on' style='display:none'>характеристики</span>
</td>
<td><a href='#' id='sale_off' onClick="product('sale')">дороже-дешевле</a>
<span id='sale_on' style='display:none'>дороже-дешевле</span>
</td>
</tr>
</table>
<br />
<div id='about'>описание</div>
<div id='parameter' style='display:none'>характеристики</div>
<div id='sale' style='display:none'>дороже-дешевле</div>
|
так вот у меня такая проблема, когда нажимаю по закладках то страничка в браузере перемещается вверх, тут как выход можно якорь поставить но просто на том сайте экран вообще не перемещается когда клацаеш по закладкам
вобщем два вопроса:
- мне кажется что мой js слишком сложный, может есть вариант попроще
- главный вопрос, как сделать чтобы после нажатия по ссылке экран не перемещался ни по каким якорям ни в самый верх страницы | |
| |
|
