Делаем перетаскиваемую картинку/текст/таблицу

Тема в разделе "Статьи и Co", создана пользователем Fang One, 18 июн 2006.

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

    Fang One Прохожие

    Хочешь такое сделать?
    http://www.walterzorn.com/dragdrop/dragdrop_e.htm - читай и делай, там англ но понятно все будет.
    http://www.brainjar.com/dhtml/drag/ - вот еще.

    На страницах полно разнообразных примеров.

    Кто не понял, что собсно делать, чтобы та картинка двигалась?
    <img name="name1" src="someImg.jpg" width="240" height="135"> - вот пример картинки.

    Потом вставте этот <script type="text/javascript" src="wz_dragdrop.js"></script> скрипт СРАЗУ после открытого тега <body>

    Пример
    PHP:
    <body><script type="text/javascript" src="wz_dragdrop.js"></script> остальной код
    А теперь вставте
    PHP:
    <script type="text/javascript">
    <!--

    SET_DHTML("name1""name2""anotherLayer""lastImage");

    //-->
    </script>
    Прямо перед закрытым тегом </body>


    Пример:
    PHP:
    <script type="text/javascript">
    <!--

    SET_DHTML("name1""name2""anotherLayer""lastImage");

    //-->
    </script></body>

    Вот и всё, только в head еще укажите путь к http://www.walterzorn.com/scripts/wz_dragdrop.zip - этому скрипту, предварительно распоковав в любую директорию.

    Пример см. рраньше (там где надо после <body>)

    Ну а с остальным сами разбирайтесь =)


    (c) Fang One
     
  2. FunksoulBrother

    FunksoulBrother Постоялец

    Регистр.:
    27 мар 2006
    Сообщения:
    53
    Симпатии:
    8
    http://script.aculo.us/ - неплохая коллекция javaскриптиков для создания различных эффектов. Описывать долго, да и зачем - это надо видеть. В дистрибьютиве много демок, всё очень легко настраивается и интегрируется
     
Статус темы:
Закрыта.