말풍선 레이어 팝업 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

<script type="text/javascript">
function help(id, left, top)
{
    menu(id);

    var el_id = document.getElementById(id);

    //submenu = eval(name+".style");
    submenu = el_id.style;
    submenu.left = tempX - 50 + left;
    submenu.top  = tempY + 15 + top;

    selectBoxVisible();

    if (el_id.style.display != 'none')
        selectBoxHidden(id);
}
</script>

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="layer1.jpg" border="0" onclick="help('help1', 0, 0);" style='cursor:hand;'></td>
    <td><img src="layer2.jpg" border="0" onclick="help('help2', 0, 0);" style='cursor:hand;'></td>
    <td><img src="layer3.jpg" border="0" onclick="help('help3', 0, 0);" style='cursor:hand;'></td>
    <td><img src="layer4.jpg" border="0" onclick="help('help4', 0, 0);" style='cursor:hand;'></td>
    <td><img src="layer5.jpg" border="0" onclick="help('help5', 0, 0);" style='cursor:hand;'></td>
  </tr>
</table>

<div id="help1" style='position:absolute; display:none; z-index:9999;'><?php include "view1.php"; ?></div>
<div id="help2" style='position:absolute; display:none; z-index:9999;'><?php include "view2.php"; ?></div>
<div id="help3" style='position:absolute; display:none; z-index:9999;'><?php include "view3.php"; ?></div>
<div id="help4" style='position:absolute; display:none; z-index:9999;'><?php include "view4.php"; ?></div>
<div id="help5" style='position:absolute; display:none; z-index:9999;'><?php include "view5.php"; ?></div>


참고자료
http://html.nhndesign.com/uio_factory/ui_pattern/popup