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

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

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

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

2

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

Вивчити JavaScript?

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

3

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

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

4

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

Nick9956 написав:

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

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

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

5

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 (02.01.2016 10:25:50)

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

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

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

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

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

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

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

8

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

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

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

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

9

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

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

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

10

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

FakiNyan написав:

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

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

мм..

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

11

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