javascript — кнопка оповещения в innerhtml
У меня есть функция JavaScript, чтобы вызвать этот результат в div innerhtml. Как предупредить «Функция оповещения» при нажатии кнопки?
$html.='<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th width="5%">#</th>
<th>Title</th>
<th>Action</th>
</tr>
</thead>
<tbody>';
$c=1;
foreach($titles AS $item){
$html.='<tr>
<td>'.$c.'</td>
<td>'.urldecode($item->title_content).'</td>
<td><button type="button" class="btn btn-danger" onclick="alert(\'**Alert Function**\')">Delete</button></td>
</tr>';
$c++;
}
$html.='</tbody>
</table>';
echo $html;
Спасибо
Решение
Поскольку это PHP, вы можете напрямую вставить onClick() событие как это:
<td><button type="button" id="deleteButton" class="btn btn-danger" onclick="alertFunction()">Delete</button></td>
А затем в файле JavaScript:
function alertFunction()
{
alert('My custom text');
}
Дайте мне знать, если это решит вашу проблему и правильно ли я понял ваш вопрос.
Если это onClick() написан на самом JavaScript, затем удалите эту часть и добавьте дополнительную строку в скрипт JavaScript:
document.getElementById("deleteButton").addEventListener("click", alertFunction);
Другие решения
Создайте отдельную функцию для обработки onclick событие. Это будет полезно в будущем, если вы хотите передать любой аргумент
<td><button type="button" class="btn btn-danger" onclick="clickButton()">Delete</button></td>
Где-то в вашем коде внутри тега script создайте вызов функции clickButton()
function clickButton(){
alert('Alert Function')
}