Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » AJAX Tabs или простой DHTML

Ответить
Настройки темы
AJAX Tabs или простой DHTML

Пользователь


Сообщения: 59
Благодарности: 3

Профиль | Отправить PM | Цитировать


Здравствуйте, уважаемые форумцы.

Подскажите пожалуйста, мне необходимо сделать миниблок, как на newsland.ru (правый миниблок Новости, Источники)

Поясню что хотелось бы сделать. Есть блок, две вкладки. Вкладка 1 и вкладка 2. Жмешь вкладку 1 внизу появляется контент, уже заранее известный, тоесть лежит в слое к примеру. Нажимаешь вкладку 2 и в том же слое появляется другой контент, который собственно лежит в другом слое.

Подскажите каким образом реализовать, все слоями и стилями? И если не сложно с примером.

Смотрел разработку http://www.zapatec.com/website/main/...jsp#basic.html но мне кажется что можно сделать как-то проще.

Заранее спасибо за ответ.

Отправлено: 03:35, 30-08-2007

 

Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


HTML код: Выделить весь код
<html><head><title>1</title> </head> <body> <a href=# onClick="changeDiv('news')">Новости</a> | <a href=# onClick="changeDiv('nenews')">Источники</a> <div id="news" style="position:absolute; top:50; left:50">Тут идёт разный текст 1</div> <div id="nenews" style="position:absolute; top:-50000; left:-50000">Тут совершенно другой текст О_О</div> <script> <!-- function changeDiv(myaso) { if (myaso == 'news') // проверяем: если нужно показать слой news, то { shashlik = 'nenews'; // переменной "шашлык" присваиваем имя другого слоя } else if (myaso == 'nenews') // если надо показать слой nenews, то { shashlik = 'news'; // шашлыку - имя другого слоя. } kyu = document.getElementById(shashlik); // выбираем слой с именем, хранящимся в переменной "шашлык" kyu.style.top = -50000; // и уносим его за край экрана kyu.style.left = -50000; nya = document.getElementById(myaso); // потом выбираем слой, который надо показать (имя передано в переменную "мясо" nya.style.top = 50; // и переносим в нужное место nya.style.left = 50; } //--> </script> </body> </html>

Это сообщение посчитали полезным следующие участники:

Отправлено: 09:57, 30-08-2007 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Аватара для Prisoner

Engrossed by the Void


Сообщения: 2229
Благодарности: 60

Профиль | Отправить PM | Цитировать


Или так. См. первый пост в топике там ссылка на homepage проекта.

-------
Не могу дать более дельный совет - не хватает системных ресурсов...

Это сообщение посчитали полезным следующие участники:

Отправлено: 16:12, 30-08-2007 | #3


Пользователь


Сообщения: 59
Благодарности: 3

Профиль | Отправить PM | Цитировать


Хм, Prisoner, поглядел ссылку, в лисе работает нормально тестовый вариант, а вот при использовании у себя, слои разбегаются, весь диз на слоях. А в IE все отлично. С чем связано? С разным восприятием? Вроде как я проверил на демке он кроссбраузерный.

Возможно диз кривой?

Вставляется как просто текст и все, может стили виноваты?

Coutty, не завелся.

Отбой, завелся и везде заработало. Всем спасибо еще раз за помощь.

Отправлено: 20:53, 30-08-2007 | #4



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » AJAX Tabs или простой DHTML

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Любой язык - Нужно создать простой скрипт или программу(прошу помощи) Bushbasher Скриптовые языки администрирования Windows 1 13-01-2010 20:08
Проверка данных пользователя (PHP + JavaScript или Ajax) darksmoke Вебмастеру 2 15-06-2009 17:28
Медиа - [решено] Можно ли в Winamp (или WMP) добавить обложку альбома из простой картики и как? roniro Microsoft Windows 2000/XP 2 07-10-2008 22:26
Службы - [решено] Простой ftp-server стандартными средствами (или сторонними) __sa__nya Microsoft Windows 2000/XP 7 20-08-2008 02:07
DHTML Drem Вебмастеру 3 20-06-2006 16:09




 
Переход