Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Функция показа скрытого дива.
 
 автор: namo   (24.08.2006 в 14:46)   письмо автору
 
 

Здравствуйте,

Есть одна функция которая показывает скрытый дви:

function showCol(id, parent)
{
 document.getElementById(id).style.left=309;
 document.getElementById(id).style.top=event.y;
 document.getElementById(id).style.display="block";
}


Вот только неустраивает в нем кординаты event.y, как сделать, чтото подобное:

function showCol(id, parent, divID)
{
 document.getElementById(id).style.left=309;
 document.getElementById(id).style.top=getElementById(divID).y;
 document.getElementById(id).style.display="block";
}

   
 
 автор: Padonak   (24.08.2006 в 16:33)   письмо автору
 
   для: namo   (24.08.2006 в 14:46)
 

что-то я не понял разницы между id и divID

   
 
 автор: namo   (24.08.2006 в 17:27)   письмо автору
 
   для: Padonak   (24.08.2006 в 16:33)
 

Все очень просто, ИД это елемент рядом с которым показывается див, в этом скрипте есть значение top, тоесть растояние от верней части страници где будет показан див, так вот это растояние строится по принципу на какой элемент навел, там он и будет показан, а хочется чтобы показ дива был на растоянии определенного элемента, 3-е значение у функии это всеголиш предположение как эту функцию можно реализовать.

   
 
 автор: AlexSol   (24.08.2006 в 17:47)   письмо автору
 
   для: namo   (24.08.2006 в 17:27)
 

узнать значение y у элемента можно так:

<div id='yy' style="position:absolute; top:40px">a as</div>
<script type="text/javascript">
alert(document.getElementById('yy').offsetTop)
</script>


----
проверено в эксплорере.

   
 
 автор: namo   (24.08.2006 в 22:18)   письмо автору
 
   для: AlexSol   (24.08.2006 в 17:47)
 

Получилось чтото вроде этого:


function showCol(id, catID)
{
 document.getElementById(id).style.left    = 309;
 document.getElementById(id).style.top     = document.getElementById(catID).offsetTop;
 document.getElementById(id).style.display ="block";
}


Но работает както неправильно, дело в точ что значение top:40px у элемента getElementById(catID) не заданно, это просто список категорий в меню, и он определяет топ как пару пикселей от верхушки, хотя на самом деле там их около 150 :) ... может есть ещё способы узнать Топ ? :)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования