Custom prompt box using javascript and CSS
I have been working on a custom prompt box and so far I used a hidden div that is shown on a button click with javascript:
here is the div:
Now I need to return to the function openPromptBox the value of textbox result whenever btnOK button is clicked. Is there any way to do that?
function openPromptBox() {
var pos = FindXY(document.promptForm);
var cont = $('promptContainer');
var searchBox = $('promptBox');
searchBox.style.left = (pos.x - 20) + "px";
searchBox.style.top = (document.body.scrollTop + 100) + "px";
cont.style.display = "block";
}here is the div:
<div id="promptContainer">
<div id="promptBox">
<table>
<tr>
<td colspan="2">
<input type="text" name="result" id="result" size="25"/>
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOK" value="OK" />
</td>
<td>
<input type="button" id="btnCancel" value="Cancel" />
</td>
</tr>
</table>
</div>
</div>Now I need to return to the function openPromptBox the value of textbox result whenever btnOK button is clicked. Is there any way to do that?
As Kim says you need to put an event handler on the btnOk and in that event handler process the value of the input
Example
Example
...
$('#btnOk').click(function() {
var val = $('#result').val();
alert('Do something with val[' + val + '] here');
});
...ASKER
I cannot use JQuery, must use javascript
I cannot use JQuery, must use javascript
What is this line doing (line 3 of your first listing)
var cont = $('promptContainer');What library are you using for the $()?
Otherwise you are probably wanting to do something like this
In your popup
In your popup
...
<input type="button" id="btnCancel" value="Cancel" onclick="processForm()"/>
...function processForm()
{
var textvalue = document.getElementById('result').value;
document.getElementById('targetid').value = textvalue;
}ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Please note that the value entered by the user is retained in the DOM even when the custom prompt box is hidden unless you intend to empty and reuse the custom prompt box. If these input elements are part of the main form, their values will be submitted when the main form is submitted.
Can you provide more details on your objective so we can address them directly.