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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем maridibelle, 6 фев 2007.

Статус темы:
Закрыта.
  1. maridibelle

    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) могу поделиться.
     
  2. zugr

    zugr Гость

    JavaScript и CSS! Сам же ответил. Осталось action у формы исправить. :)
     
  3. Andrew Stephanoff

    Andrew Stephanoff Гость

    а зачем в форме делать?
    1. Создаешь контейнер, в котором будет находится картинка. В стилях указываешь ему position: relative;
    2. Для картинки используешь стиль position: absolute;
    3. Управлять положением картинки можно путем задания свойств left и top. Что-то типа:
    Код (Text):
    function moveImage(image, X, Y){
    image.style.left = X + 'px';
    image.style.top = Y + 'px';
    }
     
Загрузка...
Похожие Темы - картинка перемещается согласно
  1. R4z0R
    Ответов:
    16
    Просмотров:
    1.304
  2. YGol
    Ответов:
    9
    Просмотров:
    1.343
  3. mirkul
    Ответов:
    2
    Просмотров:
    1.779
  4. nayke
    Ответов:
    7
    Просмотров:
    2.348
  5. поросенок
    Ответов:
    6
    Просмотров:
    6.316
Статус темы:
Закрыта.

Поделиться этой страницей