картинка перемещается согласно новым кординатам

  • Автор темы Автор темы maridibelle
  • Дата начала Дата начала
Статус
Закрыто для дальнейших ответов.
M

maridibelle

hi guys) помогите плиз с JavaScript Code
Как вводя координаты в <Form> получить отображение картинки (absolute position) в соответствии с введенными координатами в форме например задать x и y put x = <input type="text" name="positionX" size="4" /> put y = <input type="text" name="positionY" size="4" />
<input type="submit"> нажать Submit и JavaScript выполняет код, то есть картинка перемещается согласно новым кординатам. как то наверное связано с pixelLeft, pixelTop..? и как это все соединить с Submit?
document.all.positionx, document.all.style.pixelLeft? :unsure:
надо сделать без PHP только JavaScript и CSS. Prize: Куча e-books по PHP, JavaScript, Perl, Asp.net, WebDesign (in english) могу поделиться.
 
JavaScript и CSS! Сам же ответил. Осталось action у формы исправить. :)
 
а зачем в форме делать?
1. Создаешь контейнер, в котором будет находится картинка. В стилях указываешь ему position: relative;
2. Для картинки используешь стиль position: absolute;
3. Управлять положением картинки можно путем задания свойств left и top. Что-то типа:
Код:
function moveImage(image, X, Y){
image.style.left = X + 'px';
image.style.top = Y + 'px';
}
 
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!