Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
sergey-novik
1

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

18.08.2012, 21:03. Показов 1427. Ответов 2
Метки нет (Все метки)

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

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

Так же вылаживаю пример кода, который использован на странице (Это только пример! На странице код немного другой, но суть та же!).
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<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>
Миниатюры
После разворачивания списка страница обновляется. Нужно остаться на предыдущей позиции после обновления  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
18.08.2012, 21:03
Ответы с готовыми решениями:

Остаться на текущем вапросе после обновления страницы
Поясните пожалуйста эти цитаты, я не могу в них понять как это реализовать. А суть моей...

Страница обновляется после выполнения скрипта
Собственно, проблема указана в названии. Как прекратить эти самообновления?...

Страница обновляется после отправки формы - php
На странице html добавлена форма обратной связи на php кодом &lt;?php include (&quot;index.php&quot;); ?&gt;...

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

2
супермизантроп
Эксперт JS
3869 / 2943 / 685
Регистрация: 18.04.2012
Сообщений: 8,562
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>. Буду пробовать сделать "по уму".
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
19.08.2012, 01:16

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Почему после отправки формы, страница обновляется ?
&lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta...

Не обновляется datagrid после обновления коллекции List
Всем привет! Столкнулся вот с такой проблемой. Загружаю данные из БД в public List&lt;stroka&gt; list {...

Обновление списка после обновления другого списка
У меня есть таблица следующего вида : Наименование(список) , количество , стоимость. Но из-за...

Число элементов списка после N-ой позиции
Hello World! Осталось последнее задание по прологу и в нем случилась запарка, не могу разрулить...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.