Form Success popup

windows · Jan 11, 2008

Hi, 
I have a form that should popup a popup mentioning Success so i am using alert() box but it shows a yellow explanation which i dont want. Is there any other more intuitive kind of success box i can use? 
 
TIASorry for the bad explanation...need some sleep i guess. So re-writing here again: 
 
Hi, 
I have a form that should popup mentioning Success so i am using an alert() box but it shows a yellow exclamation(!) which i dont want. Is there any other more intuitive kind of success message box i can use? 
 
TIAUse window.open() and create your own popup. Why are you using a popup anyway? Why not display your success message on the page your form submits to?Use window.open() and create your own popup. Why are you using a popup anyway? Why not display your success message on the page your form submits to? 
 
Using popup because i need to take the user back to the form that would reset to initial values. Any other way other than window.open(). 
 
TIAYou can simulate a pop-up window with CSS. As an example: 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang='en'> 
<head> 
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'> 
<title>Untitled</title> 
<style type="text/css"> 
#popup { 
display: none; 
border: outset gray 2px; 
background-color: silver; 
padding: .5em; 
position: absolute; 
z-index: 2; 
top: 33%; 
left: 50%; 
width: 10em; 
margin: 0 -6em; 
text-align: center; 
} 
#popup p { 
margin: 0; 
padding: 1em; 
border: inset 1px silver; 
} 
</style> 
<script type="text/javascript"> 
/* pop up div with message */ 
function popUp(msg) 
{ 
document.getElementById('popup').innerHTML = ""+msg+" \ 
<button onclick='popDown();'>Close Window</button>"; 
document.getElementById('popup').style.display="block"; 
} 
/* pop down div */ 
function popDown() 
{ 
document.getElementById('popup').innerHTML = ""; 
document.getElementById('popup').style.display="none"; 
} 
</script> 
</head> 
<body> 
 
<form action="#" onsubmit="popUp('Success!');return false;" method="post"> 
<fieldset> 
<label>This is a test. 
<input type="submit" value="Submit"></label> 
</div> 
</fieldset> 
</form> 
 
 
<div id="popup"></div> 
 
</body> 
</html>Very good. Love it. If validation is a concern, I would make changes to the script as shown and delete bottom </div> tag just before the </fieldset> tag: 
 
<script type="text/javascript"> 
/* pop up div with message */ 
function popUp(msg) 
{ 
document.getElementById('popup').innerHTML = ""+msg+" \ 
<button onclick='popDown();'>Close Window<\/button><\/p>"; 
document.getElementById('popup').style.display="block"; 
} 
/* pop down div */ 
function popDown() 
{ 
document.getElementById('popup').innerHTML = ""; 
document.getElementById('popup').style.display="none"; 
} 
</script> 
 
Ron

Form Success popup

windows

Guest