ajax form error

hi
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 
    $('#addform').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() { 
            $('#htmlExampleTarget').fadeIn('slow'); 
        } 
		
    }); 


</script>

form
------------------------------------------------------

<div id="addform" style="display:none;">
  <form action="filesadd.php" method="post" class="webform">
    <fieldset>
    <legend><span>Enter a File</span></legend>
    <label for="box">Select a Box</label>
    <select name="box">
      <option SELECTED VALUE="">Select a Box</option>
      <?php
do {  
?>
      <option value="<?php echo $row_Recordset1['boxref']?>"><?php echo $row_Recordset1['boxref']?></option>
      <?php
} 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);
  }
?>
      
    </select>
    <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']; ?>" />
    </fieldset>
    <input class="submit" type="submit"  name="submit" value="Add File" />
  </form>
</div>

fileadd.php
-------------------------------------------------------

$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>';

}else{
   //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");
		//exit();
}

Open in new window

peter_coopAsked:
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
0
 
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.
0
 
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?
 thanks
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

 
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.
0
 
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.
0
 
peter_coopAuthor Commented:
thanks. have closed the thread.
0
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.