js---ポップアップ層効果



			
		   function show(p_id)
		   {
		   		//       ,       
		   		var div = document.getElementById("showDiv");
		   		if (div){
		   			document.body.removeChild(div);
		   		}

		   		//    div
	   			var showDiv=document.createElement("DIV");
	   			//  id
		   		showDiv.id = "showDiv"

		   		//      
		   		showDiv.innerHTML = "<div style='width:500px;height:50px;text-align:right'><input type='button' value='  ' οnclick='disabale()'></div><div>"

		   		//    iframe, div      
		        var iframe=document.createElement("IFRAME");
		        iframe.height = 500
		        iframe.width = 500
		        iframe.frameBorder="0"
		        showDiv.style.cssText+=";background-color:white;position:absolute;top:50px;left:400px;width:500px;height:600px;border:solid 1px gray;";
		        //         div   
		        iframe.src="showProduct.asp?p_id="+p_id;
				showDiv.appendChild(iframe);

				//  
				document.body.appendChild(showDiv);

		   }
		   //     
		   function disabale(){
		   		
		   		var div = document.getElementById("showDiv");
		   		document.body.removeChild(div);
		   }