Кнопка оповещения в 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;

Спасибо

Author: Mohd Hadrulladtfi Bin Mamat, 2016-07-19
Source

2 answers

Поскольку это 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);
 3
Author: Gytis Tenovimas, 2016-07-19 06:21:38

Создайте отдельную функцию для обработки события onclick. Это будет полезно в будущем, если вы захотите передать какой-либо аргумент

<td><button type="button" class="btn btn-danger" onclick="clickButton()">Delete</button></td>

Где-то в вашем коде внутри тега скрипта создайте вызов функции clickButton()

function clickButton(){
 alert('Alert Function')
}
 2
Author: brk, 2016-07-19 04:56:33