Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.09.2008, 23:26
Новичок на форуме
Отправить личное сообщение для dust Посмотреть профиль Найти все сообщения от dust
 
Регистрация: 23.09.2008
Сообщений: 4

Пропорциональное шкалирование объекта
Неполучается попорционально уменьшить/увеличить объект вот код может подскажет кто в чём проблема ?

<html><head><title>Test</title>
<script type="text/javascript">
var flag = 1;
function Stop() {
flag = null;
}
function Mausklick (Ereignis) {
  if(flag != null) {
  if (!Ereignis)
    Ereignis = window.event;
  if (document.getElementById('sklalDiv')) {
    document.getElementById("test123").style.width  = Ereignis.clientX - document.getElementById('test123').offsetLeft + "px" ;
    document.getElementById("test123").style.height = Ereignis.clientY - document.getElementById('test123').offsetTop + "px" ;
	 document.getElementById("ausgabe").innerHTML = Ereignis.clientX + "px" + Ereignis.clientY + "px";
  } else if (document.all) {
    document.all.Springer.style.width = Ereignis.clientX;
    document.all.Springer.style.height = Ereignis.clientY;
  }
}
}

function ausfuehren () {
document.onmousemove = Mausklick;
flag = 1;
document.onmouseup = Stop;
}
</script>

</script>
</head><body>
<div style="position:absolute;"></div>
<div id="test123" style="background-color:#666;width:200px;height:200px;left:300px;top:100px;position:absolute;cursor:move;" >
<div id="sklalDiv" style="width:10px;height:10px;position:absolute;right:0px;bottom:0px;"><img src="status_rot.gif"  alt="" onmousedown="ausfuehren();" /></div>
</div>
<div id="ausgabe"></div>
</body></html>

Последний раз редактировалось Андрей Параничев, 24.09.2008 в 16:48. Причина: Используйте bb-коды [html] и [js] для оформления листингов кода в теле сообщения
Ответить с цитированием
  #2 (permalink)  
Старый 24.09.2008, 00:20
Новичок на форуме
Отправить личное сообщение для dust Посмотреть профиль Найти все сообщения от dust
 
Регистрация: 23.09.2008
Сообщений: 4

Вот вроде получилось http://www.belprintmark.info/javascript/ , но остался один нюанс . Как мне сделать ,чтобы при нажатии на красный пункт(mousedown) мышка двигалась-бы вместе с красным пунктом а не отрывалавсь-бы от него.
Ответить с цитированием
  #3 (permalink)  
Старый 24.09.2008, 08:36
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 24.07.2008
Сообщений: 1,271

function Mausklick (e) {
  if(flag != null) {
  if (document.getElementById('sklalDiv')) {
    var d = document.getElementById("test123");
    d.style.width = e.clientX - d.offsetLeft + "px" ;
    d.style.height = e.clientY - d.offsetTop + "px" ;
    document.getElementById("ausgabe").innerHTML = e.clientX + "px" + e.clientY + "px";
  }
  }
}

function ausfuehren (e) {
  e = e||window.event;
  if (e.preventDefault) e.preventDefault();
  else e.returnValue = false;
  document.onmousemove = Mausklick;
  flag = 1;
  document.onmouseup = Stop;
}

<img src="status_rot.gif" alt="" onmousedown="ausfuehren(event);" />
Ответить с цитированием
  #4 (permalink)  
Старый 24.09.2008, 14:52
Новичок на форуме
Отправить личное сообщение для dust Посмотреть профиль Найти все сообщения от dust
 
Регистрация: 23.09.2008
Сообщений: 4

Огромное спасибо за помощь !!
Но нужно пропорционально шкалировать объект , тоесть при движении
красного круга квадрат должен уменьшатся/увеличиватся ,но
при этом остоваться квадратом а не прямоугольником.
Ответить с цитированием
  #5 (permalink)  
Старый 24.09.2008, 16:19
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 24.07.2008
Сообщений: 1,271

что за слово "шкалировать"???
Есть вполне русское слово "масштабировать".
Ну так сохраняй пропорции. Пропорции по-моему в начальных классах по математике проходят...
Ответить с цитированием
  #6 (permalink)  
Старый 24.09.2008, 22:18
Новичок на форуме
Отправить личное сообщение для dust Посмотреть профиль Найти все сообщения от dust
 
Регистрация: 23.09.2008
Сообщений: 4

Сообщение от ZoNT Посмотреть сообщение
что за слово "шкалировать"???
Есть вполне русское слово "масштабировать".
Сказывается жизнь вдали от родины.
А по существу пропорций изменил одну строку и всё заработало.

var koeffizient = 1;
....

d.style.height = e.clientX - d.offsetLeft + "px" ;
d.style.width = (parseInt(d.style.height) / koeffizient);
.......................
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает перебор свойств объекта BANick Общие вопросы Javascript 1 16.09.2008 21:46
Определить координаты объекта в таблице ner2000 Events/DOM/Window 2 14.06.2008 00:56
как выполнить движение объекта scuter Элементы интерфейса 5 08.06.2008 22:57
Теряется event при перемещении объекта (Drag&Drop) seagor Events/DOM/Window 16 25.07.2007 00:28