1 Тема від Nick9956 Востаннє редагувалося Nick9956 (01.01.2016 22:13:18)

  • Nick9956
  • Користувач
  • Поза форумом
  • Дата реєстрації: 05.03.2015
  • Повідомлень: 297
    • Репутація: 56

Тема: Потрібна допомога з кодом

З першим питанням сам розібрався
Що робити з другим ?

2) Потрібно щоб посилання при натисканні змінювало свій колір, але коли натиснуто інше посилання колір ставав на попередній

2 Відповідь від Invader

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Потрібна допомога з кодом

Вивчити JavaScript?

Подякували: koala1

3 Відповідь від Nick9956

  • Nick9956
  • Користувач
  • Поза форумом
  • Дата реєстрації: 05.03.2015
  • Повідомлень: 297
    • Репутація: 56

Re: Потрібна допомога з кодом

просто я думав що можна обійтися без цього, але боюся це не так

4 Відповідь від Q-bart

  • Q-bart
  • Q-bart
  • Хочу бути модератором, щоб такі штуки ставити
  • Поза форумом
  • Звідки: Центр інтернету
  • Дата реєстрації: 14.06.2014
  • Повідомлень: 1 725
    • Репутація: 717

Re: Потрібна допомога з кодом

Nick9956 написав:

З першим питанням сам розібрався
Що робити з другим ?

2) Потрібно щоб посилання при натисканні змінювало свій колір, але коли натиснуто інше посилання колір ставав на попередній

інше посилання - це взагалі будь-яке посилання на сторінці?

5 Відповідь від VTrim

  • VTrim
  • VTrim
  • =)
  • Поза форумом
  • Дата реєстрації: 07.09.2014
  • Повідомлень: 3 319
    • Репутація: 2297

Re: Потрібна допомога з кодом

Не треба js

<style type="text/css">
a:link, a:active {
color:#0000ff;
font-weight:bold
}
a:visited {
color:#66cc66;
font-weight:bold
}
a:hover {
color:#ff0000;
font-weight:bold;
text-decoration:none
}
</style>

<p><a href="#">link1</a></p>
<p><a href="#">link2</a></p>
<p><a href="#">link3</a></p>
<p><a href="#">link4</a></p>
Подякували: 221VOLT1

6 Відповідь від Monolith Востаннє редагувалося Monolith (02.01.2016 10:25:50)

  • Monolith
  • Monolith
  • Replace Group
  • Поза форумом
  • Звідки: Звідси
  • Дата реєстрації: 29.07.2014
  • Повідомлень: 724
    • Репутація: 768

Re: Потрібна допомога з кодом

Можна так:

<html>
<head>
    <style type="text/css">
        .num1, .num2 { display: block; margin-bottom: 20px; }
        .num2:visited { color: red; }
        .num1:focus + .num2 { color: inherit; }
    </style>
</head>
    <body>
        <a href="#" class="num1">Number 1</a>
        <a href="#" class="num2">Number 2</a>
    </body>
</html>
Подякували: 221VOLT1

7 Відповідь від Nick9956

  • Nick9956
  • Користувач
  • Поза форумом
  • Дата реєстрації: 05.03.2015
  • Повідомлень: 297
    • Репутація: 56

Re: Потрібна допомога з кодом

Q-bart написав:
Nick9956 написав:

З першим питанням сам розібрався
Що робити з другим ?

2) Потрібно щоб посилання при натисканні змінювало свій колір, але коли натиснуто інше посилання колір ставав на попередній

інше посилання - це взагалі будь-яке посилання на сторінці?

ні, одне із двох інших,
тобто у мене є всього три посилання

8 Відповідь від 221VOLT

  • 221VOLT
  • 221VOLT
  • ♥ pattern matching
  • Поза форумом
  • Звідки: Львів
  • Дата реєстрації: 26.09.2015
  • Повідомлень: 2 720
    • Репутація: 1876

Re: Потрібна допомога з кодом

/*лінк на який навели курсор мишки*/
a:hover {
color:#f00;
}
/*лінк у фокусі*/
a:focus { color: #00f; }
/*лінк на який натиснули*/
a:active {
color:#0f0;
}
/*лінк по якому перейшли*/
a:visited { color: #000777; }

прокоментував)
поексперментуйте, ви обовязково знайдете потрібне вам))

Подякували: Monolith, leofun012

221VOLT вебсайт

9 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 091
    • Репутація: 5658

Re: Потрібна допомога з кодом

та напишіть вже той простенький js, по сути там треба одна функція

якщо клікнули по посиланню, то
   змінюємо колір всіх інших посилань на потрібний нам

10 Відповідь від 221VOLT

  • 221VOLT
  • 221VOLT
  • ♥ pattern matching
  • Поза форумом
  • Звідки: Львів
  • Дата реєстрації: 26.09.2015
  • Повідомлень: 2 720
    • Репутація: 1876

Re: Потрібна допомога з кодом

FakiNyan написав:

та напишіть вже той простенький js, по сути там треба одна функція

якщо клікнули по посиланню, то
   змінюємо колір всіх інших посилань на потрібний нам

мм..

якщо клікнули, то
додати css класс з іншим кольором

221VOLT вебсайт

11 Відповідь від VTrim

  • VTrim
  • VTrim
  • =)
  • Поза форумом
  • Дата реєстрації: 07.09.2014
  • Повідомлень: 3 319
    • Репутація: 2297

Re: Потрібна допомога з кодом

На js можна так.. якщо потрібно для всіх посилань.

<style>
.lnk {
color: green;
}
</style>

<a class="lnk" onclick="link(); this.style.color='red'" href="#">link1</a>
<a class="lnk" onclick="link(); this.style.color='red'" href="#">link2</a>
<a class="lnk" onclick="link(); this.style.color='red'" href="#">link3</a>
<a class="lnk" onclick="link(); this.style.color='red'" href="#">link4</a>

<script>
function link() {
for(i=0; i<document.links.length; i++)
document.links[i].style.color = 'green';
}
</script>
Подякували: 221VOLT1