Не отрабатывают onMouseOver из-за таблицы

Discussion in 'PHP' started by ZneP, 14 Aug 2008.

  1. ZneP

    ZneP Elder - Старейшина

    Joined:
    7 Nov 2006
    Messages:
    55
    Likes Received:
    5
    Reputations:
    0
    Добрый день!


    Сделал интерактивную карту (<map>).

    событие onMouseOver работает отлично.


    поверх карты сделал объект <div>, в котором разместил таблицу и теперь из-за нее событие не срабатывает, так как карта находится за таблицей.


    Можно ли как-то сделать таблицу "прозрачной" для событий?
     
  2. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    Интересный вопрос! Попробуй z-index выставить, хотя тут лучше использовать flash.
     
  3. banned

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,194
    Reputations:
    252
    Меня данная тема тоже интересует....есть реклама адсенс и надо если кликнули, то сначала сделать свое действие, а потом перейти по рекламе :)
     
  4. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    Можно так сделать:
    В первом слое сделать баграундом свою картинку и вставить таблицу (либо сделай картинку баграундом таблицы), не важно, далее сделай второй слой с прозрачным гифом в виде мапа, того же размера что и баграунд:
    HTML:
    <div style="position:absolute; z-index:1; background-image:url(/antichat/pic/logo.gif); width:262px; height:74px;">
        <table border="0" cellspacing="0" cellpadding="0" width="262" height="74" style="color:#FFFFFF; text-decoration:underline; font-weight:bold;">
            <tr>
                <td align="center">antichat.ru</td>
                <td align="center">ontechat.ru</td>
            </tr>
        </table>
    </div>
    <div style="position:absolute; z-index:2;">
        <img src="http://i54.servimg.com/u/f54/12/44/55/09/map10.gif" width="262" height="74" alt="map" usemap="#map">
        <map name="map">
            <area shape="rect" coords="0,0,131,74" title="www.antichat.ru" href="/">
            <area shape="rect" coords="131,0,262,74" title="www.ontichat.ru" href="http://www.ontichat.ru">
        </map>
    </div>
     
  5. Helios

    Helios Elder - Старейшина

    Joined:
    14 Jan 2007
    Messages:
    414
    Likes Received:
    180
    Reputations:
    103
    Повесь поверх него прозрачный слой, который по клику будет вызывать твой обработчик, после работы которого слой будет убираться и/или будет эмулироваться сам клик по ссылке
     
  6. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    1) Иерархия
    root->level1->level2->реклама

    2) Нужно почитать о обработке событий, а конкретно о этапах - захват, определение получателя и перемещение

    пс будет время отпишу более подробно