Is it possible to create custom javascript prompt boxes with multiple text boxes? : phpMyAnswers

Is it possible to create custom javascript prompt boxes with multiple text boxes?

demo 20 Dec 2008 09:27am
For example, say I would like to create something that contains:
name: [text box]
age: [text box]
<OK> <default> <cancel>

Is it possible to do that with javascript or is there a different language you would recommend for this? I'd like something that could be called as a script off of a different web page which is why I am currently looking into javascript.

Thanks in advance!
Also I would prefer it all to be within one window, so that I don't have to have multiple pop-ups.

Answers

demo 20 Dec 2008 10:14am
<head>
<style>
#pform {
position:absolute;
top:100px;
left:100px;
display:none;
border:2px solid blue;
padding:8px;
}
</style>
<script type="text/javascript">
function prompt() {
// get field to be validated
var pf = document.getElementById( 'pForm' );
pf.style.display = 'block';
}

function getPdata( arg ) {
var f = document.getElementById( 'pForm' );
if ( 'cancel' == arg ) {
f.style.display = 'none';// hide form
return;// exit immediately
}
else if ( 'default' == arg) {
// don't know what "default" means
f.style.display = 'none';// hide form
return;// exit immediately
}
else {
var n = f.name.value;
var a = parseInt( f.age.value );
f.style.display = 'none';// hide form
alert( 'name: ' + n + 'n age: ' + a );
}
}
</script>
</head>
<body>
<form>
<input type="button" value="prompt" onclick="prompt()" />
</form>
<div id="p">
<form id="pForm">
name: <input type="text" name="name" /><br><br>
age: <input type="text" name="age" /><br><br>
<input type="button" value="OK" onclick="getPdata()" />
<input type="button" value="default" onclick="getPdata( this.value )" />
<input type="button" value="cancel" onclick="getPdata( this.value )" />
</form>
</div>
</body>
</html>

Submit Answer

You must be logged in to post an answer. Please Login or Register.