Как к кнопки с onclick прикрутить якорь?

Question

[nata32]

Добрый день, есть кнопка с onclick которая отправляет запрос по ajax

<div class="block form-content"><button class="product-thumb__add-to-cart add_to_cart btn" onclick="getLink(<?php echo $selection['product_selection_id']; ?>,<?php echo $selection['search_group']; ?>)"; data-toggle="tab"><?php echo $selection['title']; ?></button></div>
/* тут разный текст и т.д */
<div class="tab-content">
<div id="tab"> сюда приходит результат запроса по ajax </div>
 </div>

если бы не было запроса то понятно что через
onclick="location.href='#tab'"
а сейчас как прикрутить к кнопке якорь что бы после нажатия страница прокручивалась до результата запроса ?

Comments

[alzneo]

добавь после getlink(...); location.hash='tab';

[nata32]

alzneo,

onclick="getLink(<?php echo $selection['product_selection_id']; ?>,<?php echo $selection['search_group']; ?>); location.hash='tab'";

не работает

[alzneo]

у тебя getLink синхронный? оберни location.hash в промис:

onclick="getLink(<?php echo $selection['product_selection_id']; ?>, <?php echo $selection['search_group']; ?>).then(() => location.hash = 'tab')"

[nata32]

alzneo, не работает, дает ошибку
Uncaught TypeError: can't access property "then", (intermediate value).getLink(...) is undefined

[alzneo]

видимо, getLink всё-таки асинхронный и ничего не возвращает. вариантов решения несколько, зависит от того, что у тебя в getLink. лучше задай вопрос любой бесплатной нейронке, она тебе починит.

[nata32]

alzneo, в общем нейронка предложила вариант

onclick="getLink(<?php echo $selection['product_selection_id']; ?>,<?php echo $selection['search_group']; ?>); setTimeout(function() { document.getElementById('tab').scrollIntoView({ behavior: 'smooth', block: 'start'}); }, 300);"

работает )

[alzneo]

мощно

[Aetae]

nata32, нейронка предложила говнокод. Если getLink займёт больше 300мс то результат будет хз, в зависимости от остального кода. Может никакой. Может ошибка. Может не тот что нужно.

[Василий]

Aetae, он же у него асинхронный.

Answer 1

[Иван Недзвецкий]

можно так сделать

onclick="location.href='#tab';getLink(<?php echo $selection['product_selection_id']; ?>,<?php echo $selection['search_group']; ?>):

магическая точка с запятой решит ваши проблемы

Comments

[nata32]

ваш вариант не работает, при клике перебрасывает на главную страницу