Как запустить две функции в одном событии (onclick)?

416

09 апреля 2017, 00:45

В верхней части сайта есть поиск, в нижней - таблица, в которой должны выводиться данные о результате, по которому кликнет юзер. После нажатия кнопки, поиск, допустим, вывел 3 результата:

Имя: Василий, Фамилия: Пупкин.
Имя: Дмитрий, Фамилия: Соколов.
Имя: Иван, Фамилия: Иванов.

Например, пользователь кликает на первый результат. Все данные элемента должны вывестись в таблицу(которую я описывал выше).

HTML:

<div class="f_result">
    <h5>Имя</h5>
    <p id="name">_</p>
</div>
<div class="s_result">
    <h5>Фамилия</h5>
    <p id="surname">_</p>
</div>

JavaScript:

function cock(n1) {
    document.getElementById('name').textContent = n1;
}
function cock1(n2) {
    document.getElementById('surname').textContent = n2;
}

PHP:

echo '<div onclick=n1("' . $row['user_name'] . '"); n2("' . $row['user_surname'] . '");>
        <p>Имя: ' . $row['user_name'] . '</p>
        <p>Фамилия: ' . $row['user_surname'] . '</p>
    </div>';

И всё бы ничего, но в таблицу выводится только имя. Кто знает решение?

Answer 1

Как-то так

PHP:

echo '<div onclick=nFull("' . $row['user_name'] . '","' . $row['user_surname'] . '");>
        <p>Имя: ' . $row['user_name'] . '</p>
        <p>Фамилия: ' . $row['user_surname'] . '</p>
    </div>';

JS:

function nFull(name, surname) {
    document.getElementById('name').textContent = name;
    document.getElementById('surname').textContent = surname;
}

Ну и почему-то отдельно захотелось прикрепить в ответ линку на различие между textContent и innerText. Авось пригодится.