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




Начать новую тему Новая тема / Ответить на тему Ответить  Сообщений: 8 
  Пред. тема | След. тема 
В случае проблем с отображением форума, отключите блокировщик рекламы
Автор Сообщение
 

Есть задача по 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>



Партнер
 

Member
Статус: Не в сети
Регистрация: 07.05.2003
Откуда: Москва
можно так попробовать-засунуть таблицу в слой.размеры таблицы дать относительно слоя,т.е. 100%
а потом слой мучать-увеличивать,уменьшать размеры

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


 

Member
Статус: Не в сети
Регистрация: 07.05.2003
Откуда: Москва
или еще-можно через переписывание кода

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


 

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

<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>


 

Member
Статус: Не в сети
Регистрация: 07.05.2003
Откуда: Москва
ндаа...тупо и просто,даже сразу не догадаешься)))

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

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


 

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

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


 

Member
Статус: Не в сети
Регистрация: 07.05.2003
Откуда: Москва
не,лучше запихнуть в каждую ячейку по слою статичному-тогда будет растягиваться с любого места ячейки

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


 

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

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


Показать сообщения за:  Поле сортировки  
Начать новую тему Новая тема / Ответить на тему Ответить  Сообщений: 8 
-

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


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

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


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

Перейти:  
Создано на основе phpBB® Forum Software © phpBB Group
Русская поддержка phpBB | Kolobok smiles © Aiwan