User Defined Dialog Box in Javascript

vaidhiswaran · 02-13-2006, 11:58 PM

Hello ,

Can any one tell me how to create a user defined Dialog box with any no of options or buttons for the user to choose from (Yes/No/Cancel/Submit../..).
Should be a javascript.Can be a javascript function.

Thanks,
Vaidhi

sde · 02-14-2006, 12:15 AM

I don't know that you can do that. You might want to look into making a hidden div which you can toggle the visibility attribute on.

here's code that does what i'm talking about, except you would have to work on making your div look like the dialog box you want.

HTML Code:

<html>
<head>
	<title>Toggle Div</title>
<style>
#mydiv {
	background-color: #CCCCCC;
	border: 1px solid #000000;
  width: 200px;
  height: 100px;
  visibility: hidden;
  position: absolute;
  left: 150px;
  top: 50px;
}
</style>

<script>
function toggleDiv() {
	var o = document.getElementById("mydiv");
	o.style.visibility = o.style.visibility=="visible" ? "hidden" : "visible";
	return false;
}
</script>
</head>
<body>
<div id="mydiv">&nbsp;</div>

<a href="#" onclick="return toggleDiv();">Toggle Div</a>
</body>
</html>

i could be wrong though. you may want to search on the regular javascript dialog box thing, but i've never seen one.

vaidhiswaran · 02-14-2006, 12:40 AM

Hi Sde,

I tried your code looks great, But Iam searching for a Javascript dialog box with alert buttons like(Yes/No/Cancel..).User should be able to define the options.

Thanks,
Vaidhi

sde · 02-14-2006, 12:51 AM

if you find one, post back here to let me know. i don't think browsers support that like windows form programming does though.

when you say 'user', do you mean the html programmer? or the person using your web page? i suppose it doesn't matter since i don't have any other answer for ya

.. good luck.