CSS를 사용하면 링크를 클릭하면 양식이 포함 된 숨겨진 DIV가 표시됩니다. 사용자는 정보를 입력 한 다음 양식을 제출합니다. 숨겨진 DIV가 보이도록 남겨두고 제출 후 '성공 메시지'를 표시하고 싶습니다. 그런 다음 사용자는 DIV를 닫을 수 있습니다. 페이지가 다시로드되지 않으면 작업을 수행 할 수 없으므로 DIV가 다시 숨겨집니다. 어떤 아이디어?CSS 숨겨진 DIV 양식 제출
<body>
<a href="javascript:showDiv()" style="color: #fff;">Click Me</a>
<!--POPUP-->
<div id="hideshow" style="visibility:hidden;">
<div id="fade"></div>
<div class="popup_block">
<div class="popup">
<a href="javascript:hideDiv()">
<img src="images/icon_close.png" class="cntrl" title="Close" />
</a>
<h3>Remove Camper</h3>
<form method="post" onsubmit="email.php">
<p><input name="Name" type="text" /></p>
<p><input name="Submit" type="submit" value="submit" /></p>
</form>
<div id="status" style="display:none;">success</div>
</div>
</div>
</div>
<!--END POPUP-->
<script language=javascript type='text/javascript'>
function hideDiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'hidden';
}
else { // IE 4
document.all.hideshow.style.visibility = 'hidden';
}
}
}
function showDiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'visible';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'visible';
}
else { // IE 4
document.all.hideshow.style.visibility = 'visible';
}
}
}
</script>
</body>
나는 IE/Netscape 4를 지원해야 할 필요가있는 것 같아 사과드립니다. 와우. –
@ 러셀 : 사과 하시겠습니까? 그래서 그것은 당신 잘못입니다! @ 모두들 : '메신저! – Pops
다른 러셀이었다, 나는 맹세한다! –