Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.03.2011, 17:11
Интересующийся
Отправить личное сообщение для Antonios Посмотреть профиль Найти все сообщения от Antonios
 
Регистрация: 14.03.2011
Сообщений: 10

Срипт для меню без перезагрузки страницы
на сайте rusokon.ru/service/ , а конкретнее на странице "УСЛУГИ" есть вкладки
* Доставка * Монтаж * Рассрочка * Личный менеджер

вот при нажатии одной из этих вкладок меняется содержимое (информация) ниже, без перезагрузки страницы. Мне нужно сделать тоже самое. С помощью чего можно сделать подобное? и как это сделать?

Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 22.03.2011, 21:57
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Antonios
как это сделать?
Самое простое для тебя:
- все иметь на одной странице
- часть спрятать
- нужное показывать, не нужное опять прятать
Ответить с цитированием
  #3 (permalink)  
Старый 22.03.2011, 22:21
Интересующийся
Отправить личное сообщение для Antonios Посмотреть профиль Найти все сообщения от Antonios
 
Регистрация: 14.03.2011
Сообщений: 10

как прятать? с помощью чего?

есть примеры скриптов и их реализации?
Ответить с цитированием
  #4 (permalink)  
Старый 22.03.2011, 23:01
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

<html>
<head>
<script>
var current = 'page1';
function show(id) {
	document.getElementById(current).style.display = 'none';
	document.getElementById(id).style.display = 'block';
	current = id;
}
</script>
<style>
#page2, #page3 {
	display: none;
}
</style>
</head>
<body>
<a href="#" onclick="show('page1'); return false;">Page 1</a> | 
<a href="#" onclick="show('page2'); return false;">Page 2</a> | 
<a href="#" onclick="show('page3'); return false;">Page 3</a> | 
<div id="page1">page1 page1 page1 page1 page1 page1 </div>
<div id="page2">page2 page2 page2 page2 page2 page2 </div>
<div id="page3">page3 page3 page3 page3 page3 page3 </div>
</body>
</html>

Сообщение от Antonios
как прятать? с помощью чего?
Меняешь стили.
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #5 (permalink)  
Старый 23.03.2011, 09:03
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Antonios
как прятать? с помощью чего?
Т.е. ты вообще не в курсе дел?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Форма для добавления отзывов без перезагрузки страницы Luter1984 Общие вопросы Javascript 4 09.11.2010 09:59
Как можно сделать подгрузку и смену изображения без перезагрузки страницы с другого Евгений Болгов jQuery 11 21.10.2010 18:18
Изменение содержания страницы без полной перезагрузки самой страни gelo Events/DOM/Window 7 29.08.2010 02:03
Подскажите как в VLC плеере переключать канал без перезагрузки страницы? mff Events/DOM/Window 0 10.05.2010 17:28
Автообновление <div> без перезагрузки страницы Antihrist AJAX и COMET 14 28.07.2008 06:06