Question

I am trying to create a button on my chat that will allow someone to print the conversation. So I made the button that runs a PHP script that creates a new file, writes the conversation to file, and also writes the following jQuery.

jQuery AJAX Call

  function OnBeforeUnLoad () {
            $.ajax({
               type: 'GET',
               url: 'deleteFile.php',
               data: {  
                           pageName: ".$pageName."
                     },
               dataType: 'text',
               success: function(data){alert('Good bye 1!');}
            });

            return;
          }

HTML Put into page

<br/><br/><form method="get" action="deleteFile.php"> <input type="submit" value="Close this Window"/> 
             <input type="text" value="'.$pageName.'" name="pageName" style="visibility:hidden"/></form>

deleteFile.php

<?php
$pageName = $_GET['pageName'];
$fullURL = 'PrintPage'.$pageName.'.php';
unlink($fullURL);

echo '<script>window.close();</script>';

?>

When the page shows up and I click the “Close this Window” button it does exactly what I want. It deletes the file and closes the window. But I do not get the same results when I close the window (aka OnBeforeUnLoad()). I even tried triggering submit by giving the form an id of deleteFiles and then doing $(‘#deleteFiles’).submit() and it still didn’t work.

How do I get the AJAX to work within the OnBeforeUnLoad function?

Answer 1

Feel like a dummy…. After making all those changes… I found out all I needed to do was add

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

to the header.

Because I was dynamically creating the page in php, I forgot I needed to readd the jQuery.

Always the small things.. Thanks everyone for the help.