scrollTo

[rrock]

Народ кто может помочь.

Ничего не получается

Нужно сделать следующее.

Есть Список представленный в виде

<div id='layer'>
<div id='in1'>1</div>
<div id='in2'>2</div>
...
<div id='in...>...</div>
</div>

находящийся здесь.

DIV.layer {
	overflow: auto; 
    height: 100px;
    padding: 1px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px ;
	font-weight: bold;
    /* border: solid 1px black;
	scrollbar-3d-light-color: #DCDCDC;
    scrollbar-arrow-color: #DCDCDC;
    scrollbar-base-color: #DCDCDC;
    scrollbar-dark-shadow-color: #DCDCDC;
    scrollbar-face-color: #DCDCDC;
    scrollbar-highlight-color: #DCDCDC;
    scrollbar-shadow-color: #DCDCDC;
    scrollbar-track-color: #DCDCDC;
	overflow-x: hidden;

}

так же есть таблица вида

<table width="100%" border="1">
  <tr>
    <td id="no1_1" onMouseOver="onover('no1_1','in1');" onMouseOut="onout('no1_1','in1');">1_1</td>
    <td id="no1_1" onMouseOver="onover('no1_2','in2');" onMouseOut="onout('no1_2','in2');">1_2</td>
  </tr>
  <tr>
    <td id="no2_1" onMouseOver="onover('no2_1','in5');" onMouseOut="onout('no1_2','in5');">2_1</td>
    <td id="no2_2" onMouseOver="onover('no2_2','empty');" onMouseOut="onout('no1_2','empty');">2_2</td>
  </tr>
  <tr>
    <td id="no3_1" onMouseOver="onover('no3_1','empty');" onMouseOut="onout('no3_1','empty');">3_1</td>
    <td id="no3_2" onMouseOver="onover('no3_2','empty');" onMouseOut="onout('no3_2','empty');">3_2</td>
  </tr>
....
</table>

есть скрипт.

function onover(source,destination){

	document.getElementById(source).style.background = '#FEFECA';

	if (destination == 'empty'){
		...
	}else{
		document.getElementById(destination).style.background = '#FEFECA';
// ЧТО СЮДА НАДО ДОБАВИТЬ?
	}
}
function onout(source,destination){

	document.getElementById(source).style.background = '#DCDCDC';

	if (destination == 'empty'){
		...
	}else{
		document.getElementById(destination).style.background = '#FEFECA';
// И СЮДА?
	}
}

В общем высота DIV.layer = 100 а позиций очень много.

Подсвечивается все хорошо

Мне же нужно чтобы при наведении мыши не только подсвечивалось, но и из списка, что расположен выше, первым кодом, в центре находилась нужная мне строчка(подсвеченая) и проскроленная на центр.

Спасибо.

[ZoNT]

Спасибо.

scrollTop

Пожалуйста.

[rrock]

Что то не получается осилить

[ZoNT]

Что то не получается осилить

Значет сил не хватает, значит кашу с утра не ел.

Я вот с утра поел гречки с молоком и сахаром - и всё отлично!

[Dimitry Wolotko]

Флудер.

[rrock]

Значет сил не хватает, значит кашу с утра не ел.

Я вот с утра поел гречки с молоком и сахаром - и всё отлично!

Молодец.

А ты бы по делу написал

[ZoNT]

Молодец.

А ты бы по делу написал

Я по делу во втором посте написал. За тебя я писать не буду. Выкладывай код, тогда посмотрим, что там у тебя не так...

[rrock]

дёргается строка

$.post('info.php',{id: '$id', table: 'abonents'},show_abonents_content);

info.php скрипт генерит $out и выводит на echo

$out .= "<div id=\"abonent_$id\" onMouseOver=\"on_abonent(this);\" onMouseOut=\"out_abonent(this);\" onClick=\"click_abonent(this);\">
						".$name['address']." | ".$name['shortly']."</div>";

передается сюда

function show_abonents_content(content){
        document.getElementById("abonents").innerHTML = content;
    }

div abonents загружается здесь

index.php
....
<script type="text/javascript" src="java/switch.js"></script>
<script type="text/javascript" src="java/jquery.scrollTo.js"></script>
....

....
<td colspan="2" valign="top"><div id="abonents" class="layer">
      <!-- Здесь размещается контент абонентов //-->
    </div></td>
.....

.....
<!-- Есть такой абонент abonent_1985, дёргаем //-->
<div id="empty" onclick = "$('abonents').scrollTo('abonent_1985', 800);">EMPTY</div>
....

нехочет....

[ZoNT]

А ты пост №2 читал?

[rrock]

А ты пост №2 читал?

читал а куда применить то????

Вы меня извините но я не очень то по JS

div abonents находится не с самого верха body а в середине экрана в ячейке таблицы

Edited October 8, 2008 by rrock

[ZoNT]

читал а куда применить то????

Вы меня извините но я не очень то по JS

div abonents находится не с самого верха body а в середине экрана в ячейке таблицы

Надо: вычислить положение div abonents по вертикали оносительно родительского блока. Вычилить видимую часть родительского блока. и установить родителю scrollTop на такую величину, чтобы div abonents был по середине.

[rrock]

Надо: вычислить положение div abonents по вертикали оносительно родительского блока. Вычилить видимую часть родительского блока. и установить родителю scrollTop на такую величину, чтобы div abonents был по середине.

ладно попробую разобраться.

Спасибо

[rrock]

Надо: вычислить положение div abonents по вертикали оносительно родительского блока. Вычилить видимую часть родительского блока. и установить родителю scrollTop на такую величину, чтобы div abonents был по середине.

нашел положение div abonents по вертикали относительно родительского блока (выше него только document)

Видимая часть его известна так как сам ее и задавал

только не пойму что значит "установить родителю scrollTop на такую величину чтобы div abonents был по середине"

может имелось в виду div abonent_bla_bal а не div abonents и кому устанавливать scrollTop?

Подскажите пожалуйста синтаксис.

[ZoNT]

http://www.webmaster.ee/javascript/JavaScr...l#scrollLeftTop