X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> При клике по ссылке, выделить её другим цветом
borod
borod
Topic Starter сообщение 15.3.2012, 0:03; Ответить: borod
Сообщение #1


Добрый вечер.
Возможно ли сделать так, что-бы при клике по ссылке в блоке производителей (ссылок десять), менялся цвет ссылки (то есть менялся стиль ссылки) ?

При клике на первую ссылку, цвет первой ссылки менялся с чёрной на красный, при клике на вторую ссылку цвет первой ссылки менялся с красной на чёрную, цвет второй ссылки менялся с чёрной на красную.

Код блока ссылок:
[PHP]<form action="{products_href}" name="manufacturers" method="get">
<input type="hidden" name="category_id" value="{category_id}" />

<!-- begin manufacturers_list -->
<!-- BEGIN manufacturers -->

<div class="usualbg padding2px overhidd">

<a class="title" href="{manufacturer_href}">{manufacturer_name}</a>

</div>
<!-- END manufacturers -->
<!-- end manufacturers_list -->
[/PHP]

Код на странице сайта:
<form method="get" name="manufacturers" action="products.php">
<input type="hidden" value="60" name="category_id">

<div class="usualbg padding2px overhidd">
<a class="title" href="products.php?category_id=60&manf=25">ABC design</a>
</div>

<div class="usualbg padding2px overhidd">
<div class="usualbg padding2px overhidd">
.
.
</form>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 15.3.2012, 1:57; Ответить: cyber_ua
Сообщение #2


[JS]document.getElementById('block').getElementsByTagName('a')[/JS]
-вы получите масив из всех ссылок в елементе в ид блок!
ну а там через цикл изменять свойство ссылок
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
borod
borod
Topic Starter сообщение 15.3.2012, 2:05; Ответить: borod
Сообщение #3


(cyber_ua @ 15.3.2012, 04:57) *
[JS]document.getElementById('block').getElementsByTagName('a')[/JS]
-вы получите масив из всех ссылок в елементе в ид блок!
ну а там через цикл изменять свойство ссылок

Если будет у вас время, можно по подробней.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 15.3.2012, 2:10; Ответить: cyber_ua
Сообщение #4


что именно непонятно?
спрашивайте, отвечу
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
borod
borod
Topic Starter сообщение 16.3.2012, 2:10; Ответить: borod
Сообщение #5


(cyber_ua @ 15.3.2012, 05:10) *
что именно непонятно?
спрашивайте, отвечу

Вот этот код, [PHP]document.getElementById('block').getElementsByTagName('a')[/PHP], где должен стоять?
перед
<div class="usualbg padding2px overhidd">
?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 16.3.2012, 2:23; Ответить: cyber_ua
Сообщение #6


а как насчет добавить
[JS]window.onload=function(){
testFunct();

}[/JS]
эта конструкция будет загружать функцию testFunct(); после загрузки страницы!
Вот этот код,
1
document.getElementById('block').getElementsByTagName('a')
, где должен стоять?
перед
1
<div class="usualbg padding2px overhidd">
?


можно добавать в функции и вызывать по событию клика
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 16.3.2012, 3:16; Ответить: cyber_ua
Сообщение #7


я походу немного не так задание понял=)
но щас разберемся=)
опять читал задание пока говорил по телефону и тупанул:)
короче вам надо как я говорил достать масив ссылок
[JS]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript">
window.onload=function(){
var links=document.getElementById('link').getElementsByTagName('a');//масив всех ссылок в блоке link
for(var i=0;i<links.length;i++){
links[i].onclick=color;//вызов функции color при клике на любую ссылку
}

}
}
</script>
</head>

<body>
<div id="link" >
<a href="#" >1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
</div>
</body>
</html>[/JS]
вам надо примерно что такое добавить в функцию color,код ниже всеголиш наброски не факт что он будет работать, завтра когда будет время потестю ,щас просто спать иду!
[JS]for (var j=0;j<links.length;j++){
links[j].style.color="red";
links[(j-1)].style.color="black";

}[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DelphinPRO
DelphinPRO
сообщение 16.3.2012, 5:37; Ответить: DelphinPRO
Сообщение #8


Если я правильно понял - вам нужно выделить цветом текущий пункт меню. Оптимальный вариант передавать из скрипта в шаблон дополнительную переменную
<a class="title {current_link}" href="{manufacturer_href}">{manufacturer_name}</a>
то есть скрипт будет определять на какой странице находится пользователь , и если она совпадает со ссылкой, назначать переменной current_link какой-нибудь класс
например current_link;
а в CSS уже напишете
.current_link {color:red;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
borod
borod
Topic Starter сообщение 17.3.2012, 16:44; Ответить: borod
Сообщение #9


(DelphinPRO @ 16.3.2012, 08:37) *
Если я правильно понял - вам нужно выделить цветом текущий пункт меню. Оптимальный вариант передавать из скрипта в шаблон дополнительную переменную
<a class="title {current_link}" href="{manufacturer_href}">{manufacturer_name}</a>
то есть скрипт будет определять на какой странице находится пользователь , и если она совпадает со ссылкой, назначать переменной current_link какой-нибудь класс
например current_link;
а в CSS уже напишете
.current_link {color:red;}

с СSS понятно,
А как, реализовать это:
(DelphinPRO @ 16.3.2012, 08:37) *
то есть скрипт будет определять на какой странице находится пользователь , и если она совпадает со ссылкой, назначать переменной current_link какой-нибудь класс
например current_link;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
borod
borod
Topic Starter сообщение 17.3.2012, 16:48; Ответить: borod
Сообщение #10


(cyber_ua @ 16.3.2012, 06:16) *
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript">
window.onload=function(){
var links=document.getElementById('link').getElementsByTagName('a');//масив всех ссылок в блоке link
for(var i=0;i<links.length;i++){
links[i].onclick=color;//вызов функции color при клике на любую ссылку
}

}
}
</script>
</head>

А возможно ли использовать <script></script> не в <head></head>, а в определённом блоке <div>, что-бы скрипт работал только с определённой группой ссылок ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2178 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30255 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78310 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация)
Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs
1 Kostyaxxxx 4244 20.6.2021, 20:26
автор: Kostyaxxxx


 



RSS Текстовая версия Сейчас: 28.3.2024, 20:37
Дизайн