Title text при клике
Не бейте новичка ))
Допустим у меня есть несколько элементов вида <a href="#" title="String 1"><span style="background-color: #5d4595"></span></a> <a href="#" title="String 2"><span style="background-color: #6d4595"></span></a> <a href="#" title="String 3"><span style="background-color: #7d4595"></span></a> в таком виде подсказка всплывёт при наведении мыши. А возможно ли заставить title показаться при клике по этой ссылке? С компом проблем нет, а вот на планшете или мобиле этот title увидеть не получается, поскольку курсора там нет. |
Цитата:
|
|
Цитата:
|
Цитата:
|
Цитата:
<!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=windows-1251' /> <script src='http://code.jquery.com/jquery-latest.js'></script> <!-- <script src="https://code.angularjs.org/1.3.9/angular.min.js"></script> <script src="https://code.angularjs.org/1.3.9/angular-route.js"></script> --> <style type='text/css'> #message { display: none; } span { display: inline-block; padding: 10px; background-color: #5d4595; } </style> <script type='text/javascript'> $(function(){ var win; $('a').click(function(){ if (win) { clearTimeout(win); }; $('#message').stop().hide().text($(this).attr('title')).fadeIn(); win=setTimeout(function(){ $('#message').stop().fadeOut(); },2000); }); }); </script> </head> <body> <a href="#" title="String 1"><span>1</span></a> <a href="#" title="String 2"><span>2</span></a> <a href="#" title="String 3"><span>3</span></a> <div id='message'></div> </body> </html> |
todayz,
a:active:after{ content: attr(title); color: red; } |
Цитата:
Нечто подобное я уже пробовал... Проблема в том, что див message находится в конце. А таких спанов у меня 70+ на странице. И в конечном итоге для того чтобы увидеть div message придётся прокруткой пользоваться. Это не удобно. А для мобильников вообще не применимо :no: |
Цитата:
Меняй ему ЦСС-свойства на нужные тебе... Я же всю задачку тебе бесплатно не буду делать. :) |
Цитата:
Жаль только что надпись пропадает, когда на ссылку больше не жмёшь... Может есть идеи? |
Часовой пояс GMT +3, время: 21:25. |