ФорумПрограммированиеJavaScript → драг энд юзамар

драг энд юзамар

  • mvp

    Сообщения: 29 Репутация: N Группа: Кто попало

    Spritz 28 июля 2010 г. 17:30

    извини друзья, туплю третий день…

    есть изображение с юземапой, наведение на зону которой меняет изображение одно на другое
    есть красный кубик, который драгается и должен при "пролете" над зоной как-то активировать моусовер
    и задача максимум:
    если "бросить" над зоной мапа кубик и убрать мышу моусоут отменить и картинку не менять на исходную.
    типа фиксатора.
    + теоретический вопрос можно ли при броске кубика алерт вывести с имени зоны мапа?

    <!–script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script–>
    <div id="testarea">
    <img src="http://www.etfmarketpro.com/assets/images/blog-images/upstream2.jpg" width="200" usemap="#test">
    <map name="test">
    <area shape="rect" coords="0,0,100,200" href="javascript://" onmouseover="tt()" onmouseout="td()">
    </map>
    <div id="testit"></div>
    </div>
    <style>
    #testarea { position: relative; }
    #testit { width: 10px; height: 10px; background: red; position: absolute; top: 0px; left: 300px; }
    </style>
    <script>
    function tt(){
    $( '#testarea img' ).attr('src','http://www.etfmarketpro.com/assets/images/blog-images/naturalgas.jpg');
    }
    function td(){
    $( '#testarea img' ).attr('src','http://www.etfmarketpro.com/assets/images/blog-images/upstream2.jpg');
    }

    $( '#testit' ).draggable();
    </script>

Пожалуйста, авторизуйтесь, чтобы написать комментарий!