Помогите с javascript

Overclockers.ru

Конференция

FAQ по конференции

Текущее время: 09.12.2025 0:31

Сообщения без ответов | Активные темы

Список форумов » Специализированные форумы » Программирование

Часовой пояс: UTC + 3 часа

Новая тема /

Ответить

Сообщений: 8

	Пред. тема \| След. тема
В случае проблем с отображением форума, отключите блокировщик рекламы

Автор

Сообщение

no_name

Добавлено: 20.01.2005 12:50

Есть задача по javascript:
Дать возможность пользователю изменять размер картинки при перетаскивании ее мышкой. Ограничить минимальный и максимальный размеры картинки. То же самое сделать для ячейки таблицы. Оформить это одной функцией.
Первую часть я сделал(ресайз картинки), но не знаю как сделать тоже самое с таблицей. У кого какие будут идеи? Вот то, что уже есть:

<html>
<body>
<script language="JavaScript">
minimumXsize = 50;
minimumYsize = 50;
maximumXsize = 300;
maximumYsize = 250;
function dragResizeImage(dragEvent,which){
posX = eval("document."+which+".offsetLeft");
posY = eval("document."+which+".offsetTop");
newXsize = dragEvent.x - posX;
newYsize = dragEvent.y - posY;
if (newXsize >= maximumXsize) newXsize = maximumXsize;
if (newYsize >= maximumYsize) newYsize = maximumYsize;
if (newXsize <= minimumXsize) newXsize = minimumXsize;
if (newYsize <= minimumYsize) newYsize = minimumYsize;
eval("document."+which+".width=newXsize");
eval("document."+which+".height=newYsize");
}

</script>

<img src="1.jpg" name="imageOne" onDrag="dragResizeImage(event,this.name)">

<table border=2><td height=70 width=80 name="image3">sdgf</td></table>

</html>

Реклама
Партнер

Smoke

Добавлено: 20.01.2005 15:51

[профиль]

Member
Статус: Не в сети
Регистрация: 07.05.2003
Откуда: Москва

можно так попробовать-засунуть таблицу в слой.размеры таблицы дать относительно слоя,т.е. 100%
а потом слой мучать-увеличивать,уменьшать размеры

_________________
Вы все еще жарите на AMD??? Тогда мы идем к Вам!
подпись: Intel & Ko -----------------------> (C) Smoke

Smoke

Добавлено: 20.01.2005 16:03

[профиль]

Member
Статус: Не в сети
Регистрация: 07.05.2003
Откуда: Москва

или еще-можно через переписывание кода

_________________
Вы все еще жарите на AMD??? Тогда мы идем к Вам!
подпись: Intel & Ko -----------------------> (C) Smoke

no_name

Добавлено: 20.01.2005 18:51

Проблема решена. Всем спасибо. Вот готовый текст:

<HTML>
<BODY>
<SCRIPT language=JavaScript>
function resize(evt,id){
newX=evt.x;
newY=evt.y;
if(newX>400)newX=400;
if(newY>300)newY=300;
if(newX<40)newX=40;
if(newY<30)newY=30;
eval(id+".width=newX");
eval(id+".height=newY");
}
</SCRIPT>

<IMG ondrag=resize(event,this.id) src="1.jpg" id=df>
<table border=3>
<TR>
<td ondrag=resize(event,this.id) id=cell1>ячейка1</td>
<td ondrag=resize(event,this.id) id=cell2>ячейка2</td>
</TR>
<TR>
<td ondrag=resize(event,this.id) id=cell3>ячейка3</td>
<td ondrag=resize(event,this.id) id=cell4>ячейка4</td>
</TR>
</table>

</BODY>
</HTML>

Smoke

Добавлено: 26.01.2005 3:49

[профиль]

Member
Статус: Не в сети
Регистрация: 07.05.2003
Откуда: Москва

ндаа...тупо и просто,даже сразу не догадаешься)))

Добавлено спустя 3 минуты, 20 секунд:
хм..кривовато как-то работает таблица..только при выделении текста можно двигать..

_________________
Вы все еще жарите на AMD??? Тогда мы идем к Вам!
подпись: Intel & Ko -----------------------> (C) Smoke

no_name

Добавлено: 26.01.2005 10:00

Smoke писал(а):

ндаа...тупо и просто,даже сразу не догадаешься)))

Главное работает, а оказалось действиетльно просто.

Smoke

Добавлено: 26.01.2005 11:20

[профиль]

Member
Статус: Не в сети
Регистрация: 07.05.2003
Откуда: Москва

не,лучше запихнуть в каждую ячейку по слою статичному-тогда будет растягиваться с любого места ячейки

_________________
Вы все еще жарите на AMD??? Тогда мы идем к Вам!
подпись: Intel & Ko -----------------------> (C) Smoke

no_name

Добавлено: 26.01.2005 11:28

Smoke писал(а):

не,лучше запихнуть в каждую ячейку по слою статичному-тогда будет растягиваться с любого места ячейки

Может и лучше, но мне это уже не нужно - это была задача к экзамену, который я уже сдал.

Новая тема /

Ответить

Сообщений: 8

Список форумов » Специализированные форумы » Программирование

Часовой пояс: UTC + 3 часа

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти: