Суть такова: есть страничка с инфой которая скролится стрелочками, колёсиком мыши итд, инфа находится в div'e с owerflow:hidden. И всё бы хорошо но поиск при этом хоть и работает, да вот не скролит до найденного, т.е. фраза находится, выделяется но где-то за пределами экрана.
Идей по этому поводу было две: найти координаты области выделения и отскролить по ним, или же хотя бы прилепить к этой области какой-нить объект и по нему уже скролить.
Но увы моих знаний на реализацию не хватило, а трёхчасовой сеанс гугля чуть не вскипятил несчастные остатки моего мозга.
Хотяб намекните как к этому делу подобраться. =\
Пример:
<html>
<head>
<script type="text/javascript">
function tM(order) //скролл стрелками
{
switch (order) {
case 72 :
document.getElementById('main').scrollTop +=25;
break;
case 70 :
document.getElementById('main').scrollTop -=25;
break;
default :
break;
}
return false;
}
</script>
</head>
<body onkeydown="tM(event.keyCode ? event.keyCode + 32 : event.charCode);" >
<div id="main" style="width:250px;height:250px;border:1px solid black;overflow:hidden;">
прам мам пам0<br>
прам мам пам1<br>
прам мам пам2<br>
прам мам пам3<br>
прам мам пам4<br>
прам мам пам5<br>
прам мам пам6<br>
прам мам пам7<br>
прам мам пам8<br>
прам мам пам9<br>
прам мам пам10<br>
прам мам пам11<br>
прам мам пам12<br>
прам мам пам13<br>
прам мам пам14<br>
прам мам пам15<br>
прам мам пам16<br>
прам мам пам17<br>
прам мам пам18<br>
прам мам пам19<br>
прам мам пам20<br>
прам мам пам21<br>
прам мам пам22<br>
прам мам пам23<br>
прам мам пам24<br>
прам мам пам25<br>
прам мам пам26<br>
прам мам пам27<br>
прам мам пам28<br>
прам мам пам29<br>
</div>
</body>
</html>