Коллеги приветствую, прошу помощи.
Есть данные, которые выводятся из базы данных MySQL, циклом php.
По факту таблица, состоит из пяти колонок, в пятой колонки находится ссылка, нажимая на которую открывается модальное окно, в котором помещается информация (о причине ошибки),
Т.е таблица (пример)
Ошибка время тип кол-во инфа
0x80044150 Generic 23:50 входящая 40 ссылка
0x80030245 Task 23:50 исходящая 2 ссылка
0x8004022e Object 23:50 исходящая 3 ссылка
Количество ошибок ,за определённый период разное.
Долга бился в итоги, у меня получилась, что в модальном окне отражается инфа только об первой позиции, во всех остальных позициях нажимая по ссылке, инфа считывается с первой позиции
Помогите мне пожалуйста,
мне необходимо, при нажатии на ссылку получать в модальном окне информацию, соответствующая конкретной ошибке. Что мне нужно подправить изменить, дабы дубится нужного мне.
К сожалению не являюсь на данный момент мастером программирования, но я учусь ))
for( $i=0,$rows = mysqli_fetch_assoc($result);$rows; $i++,$rows = mysqli_fetch_assoc($result) )
{
<tr>
<td><?php echo $rows[error_name];?></td>
<td><center>$dates </td>
<td><center><?php echo $rows[messagetypes];?></td>
<td><center><a class='notpodcherk' href='<?php echo $rows[url];?>'><?php echo $rows[itog];?></a></td>
<td><center><a href="#>" id='go' data-id="<?php echo $rows[id];?>">ссылка</a>
<input class='test' type="hidden" value="<?php echo $rows[id];?>">
</td>
}
</tr>
<!-- Модальное окно -->
<div id='modal_form'>
<span id='modal_close'>X</span>
<h3><center>модальное окно</h3>
<div id="output"></div>
</div>
<div id='overlay'></div>
ajax обработчик
<script type="text/javascript">
$(document).ready(function(){
var output = $('#output'); // блок вывода информации
var testt = "<?php echo $_GET[id];?>";
$('a#go').on('click', function(){
var ttt = $("input[type=hidden]").attr("value");
var ggg = "id=" + ttt;
$.ajax({
cache: false,
url: 'handler.php',
type: 'POST',
dataType: 'json',
data: ggg,
success:
function(json){
var comm = json[0][0];
output.html("<center>" +comm+ "</center>");
}
});
});return false;
});
</script>
<script type="text/javascript">
$(document).ready(function()
{
$('a#go').click( function(event){
event.preventDefault();
$('#overlay').fadeIn(400,
function(){ //
$('#modal_form')
.css('display', 'block')
.animate({opacity: 1, top: '50%'}, 200);
});
});
$('#modal_close, #overlay').click( function(){
$('#modal_form')
.animate({opacity: 0, top: '45%'}, 200,
function(){
$(this).css('display', 'none');
$('#overlay').fadeOut(400);
}
);
});
});
</script>
handler.php
<?php
include("db_conn.php");
if(isset($_POST['id'])){
$id=$_POST[id];
$rows = array();
$result = mysqli_query("SELECT comments FROM mji_v5_error_services_in where id='$id'");
while ($row = mysqli_fetch_array($result)) {
$rows[] = $row;
}
echo json_encode($rows);
exit;
}