VPF::Drag & Drop на Web-странице - Форум программистов

Sanek123

Дата 5.11.2008, 19:36 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 201
Регистрация: 22.10.2008

Репутация: нет
Всего: нет

Здравствуйте!
Тема: Задумал я как-то написать нечто похожее на фрейм (IFrame). Использую слои (Layers) и формы (Forms) на *.htm-страничке.
Цель: организовать прокрутку текста, вместе с графикой и т.д. в пределах, скажем, ячейки таблицы. Прокрутка работает при нажати кнопок "Вверх" и "Вниз", а хотелось бы поставить нечто визуально похожее на полосу прокрутки как в окнах Windows.
В качестве ScrollBar - использую рисунок (объект image). рисунок движется вверх и вниз, выполняя в тоже время прокрутку содержимого слоя, но при событии onmousemove, а необходимо чтобы при событии onmousedown - начало движения и при onmouseup - завершение движения.
Вопрос: Какими доступными средствами (желательно JavaScript) и способами можно реализовать задуманное?
Исх. код:

Код


<script language=javascript>

function MyScrollDown()
{
  if (event.y < 250 || event.y - 50 > 0) 
        {
        img1.style.marginTop=(event.y - 200);
        }
}
</script>

Код


<div align="center">

<table border="1" width="800" cellspacing="0" cellpadding="0" bordercolorlight="#000000" style="border-collapse: collapse" height="500" id="table1">
    <tr>
        <td align="right" bgcolor="#D8DBE4" rowspan="3">
        <p align="center">&nbsp;</td>
        <td height="22" background="1.bmp" align="right" width="15">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" width="15" bgcolor="#D8DBE4" >


<img id="img1" border="0" src="3.bmp" width="15" height="250"  onmousemove="MyScrollDown();"></td>
    </tr>
    <tr>
        <td height="23" background="2.bmp" width="15">&nbsp;</td>
    </tr>
</table>

</div>

--------------------

Вас разыскивают бойцы 139-го порта...

Itsys

Дата 6.11.2008, 11:23 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 12
Всего: 34

ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »