После разворачивания списка страница обновляется. Нужно остаться на предыдущей позиции после обновления

18.08.2012, 21:03. **Показов** 1703. **Ответов** 2

Студворк — интернет-сервис помощи студентам

Есть сайт http://landpda.ru/ На нём установлены 2 кнопки. Нажатие на любую вызывает отдельный DIV с информацией, в процессе страница обновляется и просмотр начинается с начала страницы. Нужно, чтоб после обновления страницы пользователь продолжал просмотр с предыдущей позиции.

Для наглядности дал ссылку на сайт выше, так же даю скрин, чтоб было понятно, о чём говорю.

Так же вылаживаю пример кода, который использован на странице (Это только пример! На странице код немного другой, но суть та же!).

HTML5

<html>
<title>1</title>
<head>
    <style>
        #but {position: absolute; width:100px; heigth:50px; margin-top:150px; margin-left:50%; background-color:gray;}
        #see {position: absolute; width:87px; heigth:150px; margin-top:200px; margin-left:49%; background-color:yellow; display:none;}
    </style>
    <script language="JavaScript" type="text/javascript">
        function show(divid)
        {
            if (document.getElementById(divid).style.display=="inline")
            {
                document.getElementById(divid).style.display="none";
            }
            else document.getElementById(divid).style.display="inline";
        }
    </script>
</head>
<body>
    <div id="but">
        <a onclick="show('see');" href="#"><button>Развернуть</button></a>
    </div>
    <div id="see">
        Проверка<br>
    </div>
</body>
</html>

@kalabuni · 19.08.2012, 00:41

sergey-novik, да уж... кодер вы знатный

Чудесно у вас - надпись в кнопке, кнопка в ссылке, ссылка в див'е.
Прям как в сказке про Кощея - смерть на конце иглы, игла в яйце, яйцо в утке, утка в зайце, заяц в сундуке, сундук на дубе...

Проблема ваша в том, что любая ссылка (любой тег <A>) обладает замечательным свойством - по клику на ссылке происходит переход страницы по адресу, указанному в атрибуте HREF этой ссылки.

В данном случае, когда вы зачем-то используете ссылку в своей хитрой конструкции, этот переход страницы вам совсем не нужен. А он у вас происходит и в этом вы можете убедиться сами: запустите страницу, кликните на кнопочку и посмотрите на адресную строку в браузере - там к URL в конце добавится символ решётки.

Этот ненужный вам переход страницы надо отменить. Вот так:
<a onclick="show('see'); return false" href="#">
-----

Ну а "по уму" вам надо убрать и тег <A>, и тег <button>, а оставить лишь тег <div>, на который и надо повесить обработку события onclick (где уже никакого return false не надо, ибо это не ссылка).

19.08.2012, 01:16

Спасибо большое) Да, кодер из меня не очень, но пытаюсь научиться.) Спасибо за совет с дивом без <a> и <button>. Буду пробовать сделать "по уму".

@kalabuni супермизантроп 3940 / 2978 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	19.08.2012, 00:41	2
	sergey-novik, да уж... кодер вы знатный Чудесно у вас - надпись в кнопке, кнопка в ссылке, ссылка в див'е. Прям как в сказке про Кощея - смерть на конце иглы, игла в яйце, яйцо в утке, утка в зайце, заяц в сундуке, сундук на дубе... Проблема ваша в том, что любая ссылка (любой тег <A>) обладает замечательным свойством - по клику на ссылке происходит переход страницы по адресу, указанному в атрибуте HREF этой ссылки. В данном случае, когда вы зачем-то используете ссылку в своей хитрой конструкции, этот переход страницы вам совсем не нужен. А он у вас происходит и в этом вы можете убедиться сами: запустите страницу, кликните на кнопочку и посмотрите на адресную строку в браузере - там к URL в конце добавится символ решётки. Этот ненужный вам переход страницы надо отменить. Вот так: <a onclick="show('see'); return false" href="#"> ----- Ну а "по уму" вам надо убрать и тег <A>, и тег <button>, а оставить лишь тег <div>, на который и надо повесить обработку события onclick (где уже никакого return false не надо, ибо это не ссылка). 1

sergey-novik
	19.08.2012, 01:16	3
	Спасибо большое) Да, кодер из меня не очень, но пытаюсь научиться.) Спасибо за совет с дивом без <a> и <button>. Буду пробовать сделать "по уму".

Опции темы