Есть загрузка jquery функции по ссылке Код (Text): echo "<a href='#' onclick='detali($id)'>Детали >>></a> "; Код (Text): function detali(id_dna){ $('.detali'+id_dna).load('dnevnik_dop.php'); } при нажатии на ссылку загружается куча всякой информации, которая не помещается на страницу и в результате страница проматывается до самого верха, как сделать чтобы при нажатии на ссылку ничего не проматывалась и положение ссылки на которую идет нажатие было такое же
Страница прокручивается не потому что много данных, а потому что ты жмакаешь на ссылку с якорем... Либо вообще убери href="#", либо отмени действие по-умолчанию: event.preventDefault();
Ничего и никуда прокручиваться не должно, если вы сами не сделали прокрутку вверх страницы. 1. Во-первых, убираем из html всякого рода onclick и т.д. Если используете jQuery, то пользуемся методами, которые выполняют обработку событий. Код (Text): $('selector').on('event', function(){ // чего-то делаем }); Где "selector" - это, как ни странно, селектор элемента, а "event" - событие (ваш К.О.). Если же на чистом JS, то addEventListener. 2. Если в качестве кнопки используете элемент <a>, то нужно отменять обычное действие по клику на эту кнопку: или preventDefault(), или return false. Исходя из всего вышесказанного, ваш код должен быть такого рода: Код (PHP): echo '[url="" class="]>[/url]'; jQuery Код (Text): $(function(){ $('.my_link').on('click', function(e){ e.preventDefault(); var id_dna = $(this).data('id'); $('.detali'+id_dna).load('dnevnik_dop.php'); }); });
Пока не разобрался dapperkop Если убрать # из ссылки то ничего не работает вставляю event.preventDefault(); в javascript функцию, она перестает работать Deonis А можно пример на чистом javascript с addEventListener ? у меня по ссылке в функции onclik передаются два параметра из PHP и я непойму как их вставить в ваш пример на jQuery Код (Text): echo "<a href='#' onclick='detali($id_dna, $i)'>Детали >>></a> ";
sound, можно. Переходите по этой ссылке, для запуска нажимаете Run или F9. Да хоть 33. Можно создать несколько data-* атрибутов или же все параметры разместить в одном с разделителем (в примере так и сделал для наглядности). P.S. Кстати, если всё-таки решите писать на чистом JS, то можете почитать эту статью. Там достаточно подробно описано.
Deonis dapperkop Спасибо, остановился на самом простом способе удалил href и создал css стиль для линка, все заработало как я и хотел.