ajax form error

i am trying to use jquery form. however, what is happening instead of the success appearing in the div it is appearing in the php page that the form is passing too. i have attached the code and would be grateful if someone could tell me what is wrong? many thanks
this call the form from onpress

<script type="text/javascript">
function fileadd(){ 

          jQuery.facybox({ div: '#addform' });

form script

<script type="text/javascript">

// prepare the form when the DOM is ready 
    // bind form using ajaxForm 
        // target identifies the element(s) to update with the server response 
        target: '#htmlExampleTarget', 
        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() { 



<div id="addform" style="display:none;">
  <form action="filesadd.php" method="post" class="webform">
    <legend><span>Enter a File</span></legend>
    <label for="box">Select a Box</label>
    <select name="box">
      <option SELECTED VALUE="">Select a Box</option>
do {  
      <option value="<?php echo $row_Recordset1['boxref']?>"><?php echo $row_Recordset1['boxref']?></option>
} while ($row_Recordset1 = mysql_fetch_assoc($Recordset1));
  $rows = mysql_num_rows($Recordset1);
  if($rows > 0) {
      mysql_data_seek($Recordset1, 0);
	  $row_Recordset1 = mysql_fetch_assoc($Recordset1);
    <label for="fileno">File Number:</label>
    <input id="fileno" name="fileno" class="text" type="text" />
	<div id="htmlExampleTarget"></div>
    <label for="authorised">Authorised By:</label>
    <input name="authorised" type="text" class="text" id="authorised" value="<?php echo $_SESSION['kt_name_usr']; ?>" />
    <input class="submit" type="submit"  name="submit" value="Add File" />


$sql = "SELECT custref FROM files WHERE custref = '$fileno' ";
$result = runSQL($sql) or die(mysql_error());
if (mysql_num_rows($result)>0){
   echo '<div style="background-color:#ffa; padding:20px">' . $fileno . 'Is already in the database' . '</div>';

   //insert into db;
   echo '<div style="background-color:#ffa; padding:20px">' . $fileno . "Box: " . $box . $authorised . 'Successfull' . '</div>';
   $sql = "INSERT INTO `files` (customer, authorisation, boxstatus, boxref, custref, filestatus) VALUES ('$customer', '$authorised', '$boxstatus', '$box', '$fileno', $filestatus)";
   $result = runSQL($sql) or die(mysql_error());
   //echo 'This record is valid';
   //header("Location: http://localhost/sample/admin/files/index.php");

Open in new window

Who is Participating?
peter_coopConnect With a Mentor Author Commented:
thanks. i have narrowed it down to the facybox plugin. if i open the form in facybox then the form plugin does not work  does anyone know if facybox strips tags from form or html? thanks
Hugh McCurdyCommented:
I'm hardly an expert on this, just getting AJAX (without JQuery) to work last month.  But I did get it to work.

What I'd try is making the distance between <div> and </div> much smaller.  I had some trouble (like what you describe) when I used a large division.  When I get it small, very small, I have much more luck.
peter_coopAuthor Commented:
hi. sorry i'm not sure i'm following you. how can i make this smaller?

<div id="htmlExampleTarget"></div> do you mean the id?
Train for your Pen Testing Engineer Certification

Enroll today in this bundle of courses to gain experience in the logistics of pen testing, Linux fundamentals, vulnerability assessments, detecting live systems, and more! This series, valued at $3,000, is free for Premium members, Team Accounts, and Qualified Experts.

Hugh McCurdyCommented:
I was looking at the other div.  That was a mistake on my part.  

I looked at your code some more but I don't know enough about JQuery.  Sorry.
Hugh McCurdyCommented:
Since you solved this yourself and I'm the only person who has responded, I suggest you try the following (with the caveat that I've never tried this myself).

1. Accept your solution  (I don't know if you can just do that but I won't object and nobody else is likely to get the close notice other than moderators).  

I *think* that will give you a refund.  (You could ask in the moderator section).

2. Post a new question.
peter_coopAuthor Commented:
thanks. have closed the thread.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.