A popup form that works without changing the whole page

**cruzcredo** · 07-20-2007 10:26 PM

I've seen this on Tiffany.com (after you choose a country)

they have on the bottom left a button, and when you click on it you get the form to join the mailing list. when you submit it's processing and show you a "thank you" instead of the button, without changing the whole page.

I'm new to javascript so please be gentle, thank you in advance.

**cruzcredo** · 07-21-2007 12:17 PM

*bump*

**pugs421** · 07-21-2007 03:04 PM

Code:

<html>
<head>
<script type="text/javascript">
function showHide(ElementID){
	var oElement = document.getElementById(ElementID);
	if(oElement.style.display == 'none'){
		oElement.style.display = '';
	}else{
		oElement.style.display = 'none';
	}
}
</script>
</head>
<body>
<a href="Javascript:void(0);" onclick="showHide('divFormParent');return false;">showform</a>
<div style="position:relative;">
<div id="divFormParent" style="display:none;position:absolute;z-Index:1;">
<a href="Javascript:void(0);" onclick="showHide('divFormParent');return false;">close</a><br>
<SELECT NAME=sections size="5">
<OPTION>Web Authoring Reference</OPTION>
<OPTION>FAQ Archives</OPTION>
<OPTION>Design Elements</OPTION>
<OPTION>Tools</OPTION>
<OPTION>Feature Article</OPTION>
</SELECT>
</div>
</div>
</body>
</html>

**cruzcredo** · 07-23-2007 04:26 PM

Thank you for your very helpful reply!

I was busy implementing it, and I appreciate it a lot.

Thread: A popup form that works without changing the whole page

Thread Tools

Display

A popup form that works without changing the whole page

Thank you very much

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions