2016-09-20 94 views
0

我想在单击表单提交时执行colorbox和php插入功能。如何对单个提交输入类型执行colorbox和提交操作?

这是我的形式:

<form name="album" id="album" action="#"> 
     <table> 
      <tr> 
       <td>Album Name</td> 
       <td><input type="text" value="" name="album_titlee" required></td> 
      </tr> 
      <tr> 
       <td colspan="2"><input class="button_new" type="submit" name="submit_album" id="submit_album" value="ADD"></td> 
      </tr> 
     </table> 
</form> 

这是我的颜色框编码

<div style='display:none'> 
     <div id='inline_content' style='padding:10px; background:#fff;'> 
      <p>We recommend the following resolutions for different print sizes.</p> 
      <table> 
        <tbody> 
         <tr> 
          <th width="80" height="25">Size</th> 
          <th>Minimum Resolution</th> 
         </tr> 
         <tr> 
          <td height="25">3.5" x 5"</td> 
          <td>525 x 750 pixels (0.4 megapixels)</td> 
         </tr> 
        </tbody> 
      </table> 
     </div> 
    </div> 
</div> 

这是我的PHP函数[对于表单提交]:

<?php 
if(isset($_REQUEST['submit_album'])) 
{ 
$album_titlee=$_REQUEST['album_titlee']; 
$user_id=$_SESSION['ses_userid']; 


$sql=mysqli_query($conn,"INSERT INTO tbl_album(user_id,album_title,album_status) VALUES ('".$user_id."','$album_titlee','Y')"); 

echo("<script type='text/javascript'>$.colorbox({inline:true,width:'50%', href:'#inline_content'});</script>"); 

} 
?> 

上面PHP代码只是插入数据完美,但插入语句后,我需要在colorbox上打开#inline_content分区。它不' t执行。如何在将表单数据插入到数据库后打开colorbox。

回答

0

最后我实现我的need.Just调用java脚本功能后,表格数据将插入。

echo "<script type='text/javascript'>window.onload = function() 
{ 
    popup(); 
} 
</script>"; 
0

您需要为此使用ajax。 的Javascript:

albumTitleeFromInput = $("input[name=album_titlee]").val(); 

$.ajax({ 
     url: "/urlToYourPhpScript", 
     type: "POST", 
     dataType: 'json', 
     data: { 
      album_titlee: albumTitleeFromInput 
     }, 
     success: function (data) { 
      //Open your colorbox in there 
     } 
    }); 
+0

我有同一页上的php和colorbox代码。那么我怎样才能将单独的url传递给php脚本。 –

+0

所以你可以把PHP代码放在不同的文件中。 – Eimsas

+0

我达到了我的需要......感谢您的支持。 –