Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Помогите с меню
 
 автор: Buhen   (19.08.2008 в 21:54)   письмо автору
4.8 Кб
 
 

В аттаче прикреплен скриншот меню и вот что мне нужно сделать, но не получается:(
1. Нужно сделать полноценное меню т.е. нажав на ссылку например home она будет красной как на скриншоте.
2. Как вообще разрезать или как лучше сделать?(мой вариант: сделать 2 вида кнопок - обычный и красный но стоит вопрос как сделать красными другие кнопки вообще хз как делать:()

  Ответить  
 
 автор: ddhvvn   (19.08.2008 в 22:48)   письмо автору
 
   для: Buhen   (19.08.2008 в 21:54)
 

А что тут знать? Знаете про псевдоклассы (наприм, a:hover, a:visited, a:active)?
Если нет, зайдите в поиск, если да, то тогда вообще не вижу проблемы.

Описываете стиль для обычной ссылки и для нажатой. И ВСЕ! =)

  Ответить  
 
 автор: PAT   (19.08.2008 в 22:49)   письмо автору
 
   для: Buhen   (19.08.2008 в 21:54)
 

<html>
<head>
<style>
#myMenu td {cursor: pointer; background-color: #44342c; padding: 25px 18px; color: #fff; font-size: 18px}
</style>
<script>
var OBJ;
function myClick (o)
{
if (self.OBJ) OBJ.style.backgroundColor = '#44342c';
o.style.backgroundColor = '#c34d1c';
OBJ = o;
alert ('Переход к пункту меню, например, к ' + o.bimbom);
}
</script>
</head>
<body>
<table id="myMenu" cellpadding="0" cellspacing="0"><tr>
<td onclick="myClick (this)" bimbom="http://google.com">Home</td>
<td onclick="myClick (this)">Shows</td>
<td onclick="myClick (this)">Race</td>
<td onclick="myClick (this)">Foundation</td>
<td onclick="myClick (this)">Contacts</td>
</tr>
</table>
</body>
</html>

  Ответить  
 
 автор: Buhen   (19.08.2008 в 23:21)   письмо автору
 
   для: PAT   (19.08.2008 в 22:49)
 

Большое спасибо) то что хотел) а то я нуб полны в javascript'ах . Посоветуйте учебничек плз по яваскриптам))
Как еще вместа алерта сделать редирект на нужную страницу? а то как то странно сделал

<td onclick="myClick (this)"><A HREF="http://index.php" >Shows</A></td>
сначала делается красным Shows а потом только редирект...

  Ответить  
 
 автор: PAT   (19.08.2008 в 23:36)   письмо автору
 
   для: Buhen   (19.08.2008 в 23:21)
 

замените
alert ('Переход к пункту меню, например, к ' + o.bimbom); 

на
setTimeout ('document.location.href = OBJ.bimbom', 100);

Никаких тегов <A> не нужно.

  Ответить  
 
 автор: Buhen   (19.08.2008 в 23:56)   письмо автору
 
   для: PAT   (19.08.2008 в 23:36)
 

спасибо) но почему то в IE работает на ура а в опере идет загрузка и так уже минута прошла и ничего не происходит:(

  Ответить  
 
 автор: PAT   (20.08.2008 в 00:02)   письмо автору
 
   для: Buhen   (19.08.2008 в 23:56)
 

В HTML-коде замените bimbom на class.
В функции замените bimbom на className.

  Ответить  
 
 автор: Buhen   (20.08.2008 в 09:26)   письмо автору
 
   для: PAT   (20.08.2008 в 00:02)
 

Супер:) все работает:) большое спасибо=)))

  Ответить  
 
 автор: Buhen   (19.08.2008 в 23:56)   письмо автору
 
   для: PAT   (19.08.2008 в 23:36)
 

спасибо) но почему то в IE работает на ура а в опере идет загрузка и так уже минута прошла и ничего не происходит:( Opera 9.27

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования