Форум Сайтостроение Веб-строительство

Изменить title ссылки посредством css, возможно?

Samail
На сайте с 10.05.2007
Offline
361
Samail
8131

Возможно указать текст тайтла ссылки через css? Например, чтоб у всех посещенных ссылок определенного класса, показывался title "Просмотрено".

LEOnidUKG
На сайте с 25.11.2006
Offline
1728
LEOnidUKG
#1

Без JS никак или сразу уже подменять на уровне PHP

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
iren K
На сайте с 28.12.2008
Offline
222
iren K
#2
Samail:
Возможно указать текст тайтла ссылки через css? Например, чтоб у всех посещенных ссылок определенного класса, показывался title "Просмотрено".

можно попробовать использовать псевдо-элемент :before (:after) + свойства content в сочетании с псевдо-классом :hover ,что-то типа

div:before{

  content: attr(title);

  display: none;

}

псевдо-класс :hover

div:hover::before{

  width: px;

  display: block;

}
c уважением Iren
Samail
На сайте с 10.05.2007
Offline
361
Samail
#3

iren K, попробовал, ссылка при наведении на другую строку перепрыгивает, а тайтл прежним остается.

LEOnidUKG:
или сразу уже подменять на уровне PHP

Как его подменить? Вот ссылка:

<a class="readit" href="<?php echo $link2; ?>" title="Открыть страницу с описанием объекта">Подробнее</a>
Что изменить нужно, чтоб у посещенных тайтл был другой?
Brand from Amber
На сайте с 18.08.2007
Offline
291
Brand from Amber
#4

Samail, Вот JS который выполняет описанные действия, т.е. "...у всех посещенных ссылок определенного класса, показывался title 'Просмотрено' ": 


<html>

<body>



<a class="ok" href ="#">Тык1</a><br />

<a class="ok" href ="#">Тык2</a><br />

<a id="qq" href ="#">Тык3</a><br />

<a class="ok" href ="#">Тык4</a><br />



</body>

</html>



<script language="javascript" type="text/javascript">

    var objA = document.getElementsByTagName('a');

    var strClassName = 'Ok';  //имя класса ссылок



    function fnTit(intId) {

        document.getElementById(intId).title = 'Нажато';

    };



    for (i = 0; i < objA.length; i++) {

        if (objA.className == 'ok') {

            objA.title = 'Не нажато';

            objA.id = 'intId' + i;

            objA.onclick = function() {

                fnTit(this.id);

            };

        };

    };

</script>

ОнЛайн версия тут.

Лучший способ понять что-то самому - объяснить это другому.
Samail
На сайте с 10.05.2007
Offline
361
Samail
#5

Brand from Amber, после обновления страницы, скрипт забывает, что на ссылку нажимали.

Brand from Amber
На сайте с 18.08.2007
Offline
291
Brand from Amber
#6

Samail, Такого в ТЗ не стояло. ;) Тут всё немного сложнее, т.к. в IE (начиная с 8b1) по умолчанию (в целях безопасности) отключено всё, что может "выдать" посещённую ссылку (игнорируется псевдокласс visited). Как вариант, для решения поставленной задачи необходимо немного видоизменить приведённый мной ранее скрипт и обучить его сохранять информацию о посещённых ссылках в куки... короче всё решается при должном желании.

pssoft
На сайте с 12.04.2010
Offline
37
pssoft
#7

Да титл так просто не сменить это точно ..

Интернет магазин активированных по смс аккаунтов (http://www.accs4sale.ru/) Вконтакте / Одноклассники / Loveplanet / Mamba / Gmail / Yandex и пр.
Brand from Amber
На сайте с 18.08.2007
Offline
291
Brand from Amber
#8

Samail, ОнЛайн версия RC2 - нормально работает под оперой и IE - нужно немного доточить под другие браузеры, но это уж извольте сами :agree:

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий