Как выполнить оба поля colorbox и submit для одного типа ввода submit?

Question

Как выполнить оба поля colorbox и submit для одного типа ввода submit?

Я хочу выполнить функцию вставки colorbox и php при отправке формы одним кликом.

Это моя форма:

 <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 отлично вставляет данные, но после оператора вставки мне нужно открыть раздел #inline_content для colorbox. Он не выполняется. Как я могу открыть colorbox после вставки данных формы в базу данных?

0

colorbox forms php submit

Решение

Другие решения

Наконец я добился своей потребности. Просто вызовите функцию сценария Java после того, как данные формы будут вставлены.

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

0

Источник

Accepted Answer

Вы должны использовать 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