Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/mislz28/public_html/wp-content/themes/css-faq-v2/timeweather/timeweather.php on line 19
8 May 2008

forum

Posted by: admin  in Uncategorized
Current User: Guest Login Register
Please consider registering

Search 
Search Forums:


 




Home Forums ЧаВо Javascript a:visited

Javascript a:visited
Page: 1
UserPost

1:12 am
June 14, 2008


creek

Member

posts 8
1

Как с помощью Javascript сделать так, чтобы последняя посещенная ссылка отображалась другим background-color, например, таким - #ffсс00, а все предыдущие посещенные ссылки стали опять #ffff00. 

Если прописать с помощью CSS 

a:visited {background-color:#ffсс00;}, то цвет ранее открытых ссылок также останется #ffсс00, да и при повторном открытии этой страницы в IE цвет посещенных когда-либо ссылок останется #ffсс00. 

забыл сказать: у меня страница со множеством ссылок на ней.


 Код:

<html> 

<head> 

<style> 

a {text-decoration:underline; color:#0000ff;background-color:#ffff00;} 

a:visited {background-color:#ffсс00;} 

</style> 

</head> 

<body> 

<table> 

 <tr> 

     <td><a href=”"1.htm target=”_blank”>1</a></td> 

     <td><a href=”"2.dwg>2</a></td> 

     <td><a href=”"3.dwg>3</a></td> 

     <td><a href=”"4.htm  target=”_blank”>4</a></td> 

     <td><a href=”"5.htm  target=”_blank”>5</a></td> 

 </tr> 

 <tr> 

     <td><a href=”"6.htm  target=”_blank”>6</a></td> 

     <td><a href=”"7.dwg>7</a></td> 

     <td><a href=”"8.dwg>8</a></td> 

     <td><a href=”"9.htm  target=”_blank”>9</a></td> 

     <td><a href=”"10.htm  target=”_blank”>10</a></td> 

 </tr> 

 <tr> 

     <td><a href=”"11.htm  target=”_blank”>11</a></td> 

     <td><a href=”"12.dwg>12</a></td> 

     <td><a href=”"13.dwg>13</a></td> 

     <td><a href=”"14.htm  target=”_blank”>14</a></td> 

     <td><a href=”"15.htm  target=”_blank”>15</a></td> 

 </tr> 

</table> 

</body> 

</html>

1:17 am
June 14, 2008


hohol

Member

posts 35
2

1.найдите бы все линки на странице - (их список храниться в коллекции document.links)
2. Каждой присвоил бы нужный Вам цвет или стиль.
3. Для нажатой линки применил бы нужный цвет - это и была бы последняя линка
Код:
<a href=”#” onClick=”changeColor(this)”>Хрень</a>

function changeColor(elem){
/*Здесь вначале делаем проход по всем линкам и присваиваем каждой дефолтный цвет*/

/*Тепрь присваиваем вызываемому линку нужный нам цвет*/
elem.style.backgroundColor=”#f00″;
}

Естественно нужно на все линки прицепить такой обработчик

Вам нужно в цикле перебрать все линки и присвоить каждой дефолтовый цвет.
Page: 1


Reply to Topic: Javascript a:visited

NOTE: New Posts are subject to administrator approval before being displayed

Guest Name (Required):

Guest EMail (Required):

Guest URL (required)

Math Required!
What is the sum of: 9 + 12        (Required)

Topic Reply:


 
Topic RSS 

About the CSS-FAQ forum

Currently Online:

2 Guests

Maximum Online: 20

Forums:

Groups: 3

Forums: 18

Topics: 397

Posts: 834

Members:

There are 1000 members

There are 1 guests

Top Posters:

abc - 57

genius - 47

shane - 46

glowlite.uk - 39

booster - 37

warren - 35

Administrator: admin | Moderators: admin


© Simple:Press Forum - Version 3.1.1 (Build 336)  

Uncategorized, Comments Subscribe,