Options on page exit(only for the brave!! not because it's hard it's just a bit long)

Codewalkers Forums Sponsor:

November 27th, 2002, 04:11 AM

Anonymous

Registered User

Codewalkers God 35th Plane (22000 - 22499 posts)

Join Date: Apr 2007

Posts: 22,309

Time spent in forums: < 1 sec
Reputation Power: 25

Options on page exit(only for the brave!! not because it's hard it's just a bit long)

Hi all:
We have this problem that we cannot solve, if anybody can help it'll be great...

We have a window with a text box with some default value inside and a submit button, when the user alters the default text in anyway and then clicks the submit button, the title field in the window will indicate there's a change and he/she will be prompt with another pop-up window(note: NOT window.prompt or wondow.confirm kind) asking if user wants to keep what is typed in the text box, uswer has a choice of "yes", "no" and "cancel", however if the user leave the text box untouched and press submit button, no window will pop up to ask the user.

Here's what's "supposed" to happen in each case:

case "yes" : pop up window will close and user will be left with the same page and things in input box will also be left as user has changed it, after this happens, if the user click submit again without changing the text box, nothing will come up as the new text has become the default text.

case "no": pop up window will close and user will be left with the original values in the text box BEFORE user alters it the first time.

case "cancel": pop up window will close and user will be left with input box same as the "yes" case but should the user press the submit button again the pop-up window will still show up(as only cancel is clicked).

Now... i know i've bored you enough.... here's the problem....

we had codings for two different windows, one for the pop-up window and one for the 'parent' window that calls it, we managed to link them in a way that the "yes" case works alright... but then we're stuck in the "no" case... here's our code....

<html>
<head>
<script type="text/javascript">
changed = false;
function show()
{
parent.document.title="Warning: The content in this page has been altered."
changed = true;
}
//***taken out the openwindow() and closewindow() functions to save space on here...
function promptUser(value)
{
if(value == 't')
{
if (changed)
openwindow();
}
if(value == 'y')
closewindow();
if(value == 'n')
{
closewindow();
opener.document.my.reset();
}
if(value == 'c')
// closewindow(); //****stuck afterwards
}
</script>
</head>
<body>
<form name="my" action="Project6(test).php" method="POST">
Submit Box: <br>
<?php
if ($userinput == "")
echo('<input name="userinput" onkeyup="show()" size="45" value="Quick fox" >');
else
echo('<input name="userinput" onkeyup="show()" size="45" value="'.$userinput.'" >');
?>
<br><br>
<INPUT TYPE="submit" NAME="submitButton" VALUE="Submit" onClick= "promptUser('t')">
</form>
</body>
</html>

if somebody can tell us what part is wrong it'll be VERY GREAT!!! we've been stuck on this for so long.. it could be because there's something REALLY WRONG we've done since the beginning that we couldn't see.....please help!

Bo&Vic

November 29th, 2002, 05:23 PM

-vertigo-

Join Date: Apr 2007

Location: Louth, Lincolnshire

Posts: 314

Time spent in forums: 3 m 24 sec
Reputation Power: 3

RE: Options on page exit(only for the brave!! not because it's hard it's just a bit long)

Bo & Vic:

Hi guys. (or guy and girl, could be victoria, vicky)

I don't know exactly why you want a custom confirmation dialog. To me, the standard one works well enough. It is also much easier to code. Also, the logic of your confirm dialog seems strange. Why have a cancel option? Surely it would be fine for people to press OK because it doesn't automatically submit the form if you say OK. They could then make updates anyway. On the other hand, if you wanted pressing OK in the dialog to submit the form, you would need a custom one.

I have never tried to use a custom dialog box, but it seems easy enough. My code seems to work fine. The only problem is I haven't found out how to position the dialog on the screen. I tried using an absolutely positioned div as a dialog, but it has issues...

Some things about your code:

When you press an arrow key in the text box, it tells you that the content is modified, when it isn't yet.

Using onclick on the submit button, instead of onsubmit on the form. Notice I used "return promptUser();".

Relying on register_globals. If you are using PHP4, you should be doing it the new way. Check out the php code section.

After the dialog has returned, the title was not being reset.

Hope this helps.

*** bovic.php ***

php Code:

Original - php Code

 
<html>
<head>
<script type="text/javascript">
changed = false;
oldtitle = '';
confirmbusy = false;
 
function show()
{
    if ((!changed) && (document.my.userinput.value != textorig))
    {
        oldtitle = document.title;
        document.title="Warning: The content in this page has been altered."
        changed = true;
    }
}
 
function promptUser()
{
    if (confirmbusy) return false;
    if (!changed) return true;
    //I haven't worked out how to position the window on the screen yet.
    window.open('confirm.html', 'confirm', 'height=120,width=180');
    confirmbusy = true;
    return false;
}
</script>
</head>
<body>
<form name="my" action="Project6(test).php" method="POST" onsubmit="return promptUser();">
Submit Box: <br>
<?php
if (!array_key_exists('userinput', $_POST)) // or get or session or whatever
echo('<input name="userinput" onkeyup="show();" size="45" value="Quick fox" >'
   .'<script type="text/javascript">textorig = "Quick fox"</script>');
else
echo('<input name="userinput" onkeyup="show();" size="45" value="'.$_POST['userinput']
   .'"><script type="text/javascript">textorig = "'.$_POST['userinput'].'"</script>');
?>
<br><br>
<INPUT TYPE="submit" NAME="submitButton" VALUE="Submit">
</form>
</body>
</html>

*** confirm.html ***

php Code:

Original - php Code

 
<html>
<head>
<title>Sample Confirm Dialog</title>
</head>
<script type="text/javascript">
 
function confirmyes()
{
    opener.textorig = opener.document.my.userinput.value;
    opener.changed = false;
    opener.document.title = opener.oldtitle;
    opener.confirmbusy = false;
    window.close();
}
 
function confirmno()
{
    opener.document.my.userinput.value = opener.textorig;
    opener.changed = false;
    opener.document.title = opener.oldtitle;
    opener.confirmbusy = false;
    window.close();
}
 
function confirmcancel()
{
    opener.confirmbusy = false;
    window.close();
}
 
</script>
<body>
<form name=neversubmitted method=POST action=#>
<p>Would you like to accept your changes?</p>
<input type=button name=yes value=Yes onclick="confirmyes();">
<input type=button name=no value=No onclick="confirmno();">
<input type=button name=cancel value=Cancel onclick="confirmcancel();">
</form>
</body>
</html>

Viewing: Codewalkers Forums > Other Technologies > Client Side Things > Options on page exit(only for the brave!! not because it's hard it's just a bit long)

« Previous Thread | Next Thread »

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump

Free IT White Papers!

How to Present Effectively Online
This white paper offers practical and actionable advice on the key steps that any presenter should consider as they plan and execute a Webinar or online meeting.
Request Your Free Technology Downloads!

Open Source Security Myths
Open Source Software (OSS) is computer software whose source code is available to the general public with relaxed or non-existent intellectual property restrictions (or arrangement such as the public domain), and is usually developed with the input of many contributors.
Request Your Free Technology Downloads!

Power and Cooling Capacity Management for Data Centers
This paper describes the principles for achieving power and cooling capacity management.
Request Your Free Technology Downloads!

Scalable, Fault-Tolerant NAS for Oracle - The Next Generation
For several years NAS has been evolving as a storage alternative for Oracle databases, and for good reason: NAS is quite often the simplest, most cost-effective storage approach for Oracle. Learn about the benefits that HP's approach to scalable NAS brings to Oracle environments in this comprehensive white paper.
Request Your Free Technology Downloads!

Understanding Web Application Security Challenges
This white paper discusses many common threats and preventive measures for Web application security, and explains what you can do to help protect your organization.
Request Your Free Technology Downloads!

More Free IT White Papers!