Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Код в меню

Обсуждение темы Код в меню в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Есть код в меню <TD onmouseover="this.bgColor='#ff9900';this.style.col or='white';" style="border:1px solid #000000; FONT-SIZE: 12px; CURSOR: default; FONT-FAMILY: verdana; color:#333333" onclick="location.href='#';" onmouseout="this.bgColor='#FFCC00';this.style.colo r='black';" borderColor=#ffcc00 borderColorLight=#000000 width=139 ...


Закрытая тема
 
Опции темы
Старый 27.10.2004, 21:59   #1
ork

Есть код в меню
<TD
onmouseover="this.bgColor='#ff9900';this.style.col or='white';"
style="border:1px solid #000000; FONT-SIZE: 12px; CURSOR: default; FONT-FAMILY: verdana; color:#333333"
onclick="location.href='#';"
onmouseout="this.bgColor='#FFCC00';this.style.colo r='black';"
borderColor=#ffcc00 borderColorLight=#000000
width=139 bgColor=#ffcc00
borderColorDark=#000000 height=18><FONT
size=1>:: <SPAN
lang=ru>ЧАТ</SPAN></FONT>
</TD>

Непероходит по ссылкам. В строке стутуса Пишет сначала название сайта моего, а потом ссылку. Помогите как сделать нормальные ссылки.
 
Старый 27.10.2004, 21:59
Ссылки
Старый 27.10.2004, 22:42   #2
так ты ссылку-то впиши и будет переходить...

onclick="location.href=' #';"


Слушай, а если у тебя таких ссылок 30 на сайте? ты собираешься каждый раз этот код для неё прописывать? Предлагаю такой вариант:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<STYLE>
.over {width:100px;height:20px;background-color:blue;color:red; cursor:hand;}
.out {width:100px;height:20px;background-color:aqua;color:black;}
</STYLE>


<SCRIPT language="JavaScript">

function link_over(id, my_class){
document.getElementById(id).className = my_class;
}

function link_out(id, my_class){
document.getElementById(id).className = my_class;
}

</SCRIPT>


<body>

<div class="out" id="1" onmouseover="link_over('1', 'over');" onmouseout="link_out('1', 'out');" onclick="location.href='http://www.beroks.de';">Ссылка 1</div>

<div class="out" id="2" onmouseover="link_over('2', 'over');" onmouseout="link_out('2', 'out');" onclick="location.href='http://www.beroks.de';">Ссылка 2</div>

</body>
</html>

Смысл заключается в следующем: создаёшь два класса для одной ссылки - out и over.
А потом просто динамически меняешь один на другой при наведении мауса и обратно...
JavaScript код универсальный если у тебя ещё миллион различных ссылок ппрописываешь классы для них и передаёшь их имена скрипту. Всё очень просто.
 
Старый 28.10.2004, 00:25   #3
Dis

ЗАБАВА, а нелегче это сделать это с помошью серверного языка программиования ?
 
Старый 28.10.2004, 11:40   #4
Не легче... Как ты себе это представляешь?

Выше приведённый пример - DHTML, он работает на стороне клиента.
 
Старый 28.10.2004, 12:10   #5
Какое-то извращение ужасное. Три строчки в CSS и никакого JavaScript.
 
Старый 28.10.2004, 14:12   #6
Если я правильно понял, вы пытаетесь изменять ссылки при наведении. Вот вам три строчки CSS:
--------------------------------------------------------------------------------
a, a:active { color: black; font-weight: bold; text-decoration: none;}
a:visited { color: black; font-weight: bold; text-decoration: none;}
a:hover { color:#FF8C00;}
--------------------------------------------------------------------------------

Если я не правильно понял то извините в конце-концов я же еще новичек
 
Старый 28.10.2004, 14:42   #7
Dis

Цитата:
Слушай, а если у тебя таких ссылок 30 на сайте? ты собираешься каждый раз этот код для неё прописывать?
Нет ... это достаточно один раз прописать в том же пхп скрипте ... хоть в такой форме как привел ork либо через CSS ...
Цитата:
Как ты себе это представляешь?
намного легче чем ты ...
 
Старый 28.10.2004, 16:02   #8
Навалились...

Вы посмотрите внимательно чего ему нужно... Кнопка-ссылка! Это типичный DHTML. Его вариант работает, только несколько необдуманная организация, на мой взгляд.

Dis,
Вот интересно бы посмотреть, как это с помощью PHP (или др. серверного языка) организовать смену характеристик элемента при наведении на него мышки.
Желаю удачи!
И вообще-то в этом форуме говорят о HTML, я думаю ты заблудился...
 
Старый 28.10.2004, 18:05   #9
Dis

Да ... тебя гляжу сильно переклинило на твоем мега скрипте ...

Цитата:
Вот интересно бы посмотреть, как это с помощью PHP (или др. серверного языка) организовать смену характеристик элемента при наведении на него мышки
Для машиниста бронепоезда:
очень просто ... я один раз пропишу конструкцию типа
<TD
onmouseover="this.bgColor='#ff9900';this.style.col or='white';"
style="border:1px solid #000000; FONT-SIZE: 12px; CURSOR: default; FONT-FAMILY: verdana; color:#333333"
onclick="location.href='#';"
onmouseout="this.bgColor='#FFCC00';this.style.colo r='black';"
borderColor=#ffcc00 borderColorLight=#000000
width=139 bgColor=#ffcc00
borderColorDark=#000000 height=18><FONT
size=1>:: <SPAN
lang=ru>ЧАТ</SPAN></FONT>
</TD>

и буду вставлять ее везде где только захочу ... и вопрос с кол-ом ссылок на странице у меня стоять небудет ...
 
Старый 28.10.2004, 18:33   #10
ork

Думаю меня не поняли. Допустим
адрес: www.forsazh.narod.ru
ссылка на рессурс : www.ocompah.narod.ru
Переходит при нажатии по ссылке, идёт : www.forsazh.narod.ru/www.ocompah.narod.ru
Как сделать чтобы переходило нормально на рессурс.
 
Старый 28.10.2004, 18:33
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
3D меню klikklik Технологии Flash 14 13.01.2010 16:10
Меню ddddd HTML, CSS, JavaScript 19 02.11.2009 12:16
Меню на cms DLE, вид меню, папки (открыты, закрыты) 74ivan74 Кальянная 0 12.08.2009 20:03
Меню Shtrenyov HTML, CSS, JavaScript 13 09.01.2006 11:45
Что не так с меню..... ivan341 Зал дебютантов 7 09.12.2005 02:32


Текущее время: 10:23. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум