DIV 팝업 상자

1908 단어 div
예를 들어 어떤 상점에서 상품을 카트에 넣고 버튼을 누르면 DIV 상자가 나온다.
function inputadd(goodsid){
	    document.getElementById("gidtemp").value=goodsid;
		//document.getElementById("ggnum").focus();
		document.getElementById("showwin").style.display="block";
	}

 
DIV 상자가 나타납니다.
<div id="showwin" style='display:none;position:absolute;left:30%;top:30%;border:1px solid gray;background:url(<%=path%>/manager/images/bg2.gif);width:255px;height:113px;-moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow:#000 0 0 5px; border-radius:5px;'>
<span style="display:block;height:18px;padding-top:6px;">&nbsp;    </span>
<div style='border:3px solid #F0F0F0;height:80px;width:249px;background-color:#FFFFFF;'>
  <div style='width:99%;height:100%; border:1px solid #B6BCCC;background-color:#FFFBFF;'>
    <table width='100%' height='98%'>
	<tr><td height='40' align='center'><font color="#000" id="colors">       :</font><input style='width:120px;'  id="ggnum" type='text' value=''/></td></tr>
	<tr><td align='center'><input type='button' value='  ' onclick="addshopcar();" id='queding' />&nbsp;&nbsp;<input type="button" value='  ' onclick="closeadd();"/></td></tr>
	</table>
	</div>
	</div>
	</div>

위의 취소를 누른 다음 위의 DIV를 숨깁니다.
function closeadd(){
		document.getElementById("gidtemp").value="";
		document.getElementById("showwin").style.display="none";
	} 

좋은 웹페이지 즐겨찾기