[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: При нажатии на кнопку перенести экран ниже
nikki4
пока сделал так:


<form method="post" name="forma" action="<?=$_SERVER['PHP_SELF'].'#table';?>">


и после нажатия страница переходит к
<a name="table"></a>


однако сейчас заметил, что адрес в браузере становиться таким:
http://site.ru/index.php#table


соответственно всякие кнопки типа поделиться, или просто кто-то скопирует ссылку, то будет она..
а надо чтобы было http://site.ru/
как же сделать, чтобы экран при нажатии на кнопку опускался ниже, а не на самый верх по умолчанию при этом сохранялась строка ввиде site.ru без всяких индексов?



Спустя 26 минут, 39 секунд (11.05.2012 - 16:06) Renden написал(а):
$_SERVER['SERVER_NAME'] может попробывать?, тогда ссылка будет вида: http://site.ru/#table

Спустя 6 минут, 19 секунд (11.05.2012 - 16:13) TranceIT написал(а):
Можно использовать анкоры. Они же якоря.
Для гламура можно на jquery плагин scrollTo.

Спустя 4 минуты, 23 секунды (11.05.2012 - 16:17) nikki4 написал(а):
Цитата
$_SERVER['SERVER_NAME'] может попробывать?, тогда ссылка будет вида: http://site.ru/#table

так надо чтоб было http://site.ru/
но при этом экран опускался на уровень http://site.ru/#table


Цитата
Можно использовать анкоры. Они же якоря.
Для гламура можно на jquery плагин scrollTo.

а как в первом случае можно с якорями без #table?
а второе сейчас искать буду..

Спустя 11 минут, 44 секунды (11.05.2012 - 16:29) TranceIT написал(а):
#table - и есть якорь. Используйте JQuery. Наверно самый простой вариант после якорей.

Спустя 1 час, 17 минут, 38 секунд (11.05.2012 - 17:46) nikki4 написал(а):
наконец-то удалось найти!
вот работающий, однако тут немного не то.. тут при нажатии на ссылку происходит переход, а нужно чтобы при нажатии на кнопку

<input type="submit" value="ok">

что тут изменить я не пойму.. что-то не получается

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>	
<script
type="text/javascript" src="http://likbezz.ru/_source/_js/lib/jq.scrollTo-min.js"></script>


<div
id="scrollPanel">
<a
id="scrollPanel" href="#table">перейти к таблице</a>
</div>
<br><br><br><br><br
<br><br><br><br><br><br><br><br><br><br><br ><br><br><br><br><br><br><br><br><br><br& gt;<br><br><br><br><br><br><br><br><br><br&g t;<br><br><br><br><br><br><br><br><br><br> ;<br><br><br><br>

<div
id="table">
table
</div>

<script
type="text/javascript">
$('#scrollPanel a').click(function(){
var str=$(this).attr('href');
$.scrollTo(str,500);
return false;
});
</script>

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.