Код ссылки не показывает информацию из title

InstantCMS 2.X
#1 17 сентября 2019 в 01:16
В PHP коде имеется строка кнопки со ссылкой
  1. <a href="#" class="view_doc" id="preview_btn<?php echo $item_id.$key;?>" class="tooltip yellow-tooltip" data-title="Если у вас не открылся документ, это значит, что произошел сбой по сети. Обновите страницу, нажав CTRL и удерживая её на F5, и повторите еще раз.">Просмотр</a>
Но она не показывает title при наведении курсора на слово Просмотр
Что не так в строке?
#2 17 сентября 2019 в 06:27

Что не так в строке?

vikont
У вас нет атрибута title в этой ссылке.
#3 17 сентября 2019 в 19:54

У вас нет атрибута title в этой ссылке.

Loadырь
Та же строка, в другом поле и в таком виде
  1. $html .='<div class="preview_vd"><a href="#" id="preview_btn" class="tooltip yellow-tooltip" data-title="Если у вас не открылся документ, это значит, что произошел сбой по сети. Обновите страницу, нажав CTRL и удерживая её на F5, и повторите еще раз.">Просмотр содержимого документа</a>';
Прекрасно работает. Здесь тоже не title, а datd-title, но код html, а не php.
Где то ошибка, но что то не получается исправить.
#4 17 сентября 2019 в 22:07
У вас атрибут класс повторяется два раза. Несколько значений атрибута класс пишутся через пробел.
#5 17 сентября 2019 в 22:21

У вас атрибут класс повторяется два раза. Несколько значений атрибута класс пишутся через пробел.

GoodMade.ru
Если я вас правильно понял то правильное такое написание?
  1. <a href="#" class="view_doc tooltip yellow-tooltip" id="preview_btn<?php echo $item_id.$key;?>" data-title="Если у вас не открылся документ, это значит, что произошел сбой по сети. Обновите страницу, нажав CTRL и удерживая её на F5, и повторите еще раз.">Просмотр</a>
Так тоже не показывает сообщения
"Если у вас не открылся документ, это значит, что произошел сбой по сети. Обновите страницу, нажав CTRL и удерживая её на F5, и повторите еще раз."
#6 17 сентября 2019 в 22:34
vikont, что консоль "говорит"? Может не подключен файл скрипта на этой странице для вывода тултипов.
#7 17 сентября 2019 в 22:44

vikont, что консоль "говорит"? Может не подключен файл скрипта на этой странице для вывода тултипов.

Loadырь
Консоль со всем согласна и тихо молчит.
Я использую шаблон к полю Мультизагрузка, который отвечает за показ документов через сервис Гугла. Поскольку иногда не происходит открытие документов (из-за подтормаживания по сети или еще чего то там...) то понадобилось такое всплывающее сообщение.
Код шаблона с последними правками. Делалось под мой заказ, ДАРЮ...
  1. <link rel="stylesheet" href="/templates/default/controllers/multiupload/css/jquery.fileupload-ui.css">
  2.  
  3. <?php if(isset($this->item['id'])) {
  4. $item_id = $this->item['id'];
  5. }else {
  6. $item_id = rand();
  7. }?>
  8. <style>
  9. .preview_file {
  10. background-color: #D1D1D1;
  11. border: 1px solid #797D80;
  12. border-radius: 5px;
  13. -moz-box-sizing: border-box;
  14. box-sizing: border-box;
  15. text-align: center;
  16. padding: 5px 0 0;
  17. margin-right: 5px;
  18.  
  19. white-space: nowrap;
  20. overflow: hidden;
  21. }
  22. .preview_file a{
  23. text-decoration:none;
  24. font-size:16px;
  25. white-space:normal;
  26. margin-bottom:7px;
  27. color:#6E6C6C;
  28. }
  29. #preview{margin:0;padding:0;line-height:0;}
  30. .preview_file .view_doc {
  31. vertical-align: top;
  32. padding: 5px;
  33. text-align: center;
  34. }
  35.  
  36. .preview_file {
  37. width: 84%;
  38. text-align: left;
  39. line-height: 26px;
  40. }
  41. .preview_file_view {
  42. width: 15%;
  43. text-align: center;
  44. position: absolute;
  45. right: 0;
  46. top: 0px;
  47. height: 37px;
  48. margin: 0px;
  49. }
  50. .preview_file_block {
  51. position: relative;
  52. }
  53. .file_list_priview {
  54. margin-bottom: 5px;
  55. }
  56. .file_list_priview .filename a{
  57. color: #000 !important;
  58. }
  59.  
  60. .file_list_priview .filesize {
  61. display: inline-block;
  62. vertical-align: top;
  63. line-height: 28px !important;
  64. }
  65. </style>
  66.  
  67. <?php
  68. /*function customMultiSort($array,$field) {
  69.   $sortArr = array();
  70.   foreach($array as $key=>$val){
  71.   $sortArr[$key] = $val[$field];
  72.   }
  73.  
  74.   array_multisort($sortArr,$array);
  75.  
  76.   return $array;
  77.   }
  78.   $files = customMultiSort($files, 'name');*/
  79.  
  80. foreach($files as $key=>$val){
  81. $sortArr[$key] = $val['name'];
  82. }
  83.  
  84. array_multisort($sortArr, $files);
  85.  
  86.  
  87. ?>
  88.  
  89. <?php foreach($files as $key=>$file){ ?>
  90. <div class="file_list file_list_priview">
  91. <div class="preview_file_block">
  92. <div class="preview_file">
  93. <div class="fileicon">
  94. <img class="iconlist" src="<?php echo $file['icon']; ?>" alt="<?php echo $file['basename']; ?>" title="<?php echo $file['basename']; ?>">
  95. </div>
  96. <div class="filename"><a onclick="counter(this)" href="<?php echo $file['dirname'].'/'.$file['basename']; ?>" alt="<?php echo $file['basename']; ?>"
  97. title="<?php echo $file['basename']; ?>" download><?php echo html_strip($file['name'], 38); ?></a></div>
  98. <div class="filesize">(<?php echo $file['size']; ?>)</div>
  99.  
  100. <?php if($this->options['downloads'] && $file['downloads']){ ?>
  101. <div class="filesize">(<?php echo LANG_MULTIUPLOAD_DOWNLOADS_TITLE.': '.$file['downloads'].' '.$file['decl']; ?>)</div>
  102. <?php } ?>
  103. </div>
  104. <div class="preview_file preview_file_view">
  105. <a href="#" class="view_doc tooltip yellow-tooltip" id="preview_btn<?php echo $item_id.$key;?>" title="Если у вас не открылся документ, это значит, что произошел сбой по сети. Обновите страницу, нажав CTRL и удерживая её на F5, и повторите еще раз.">Просмотр</a>
  106. </div>
  107. </div>
  108. <div id="preview<?php echo $item_id.$key;?>" style="display:none;"><iframe src="https://docs.google.com/gview?url=<?php echo $_SERVER['HTTP_HOST'];?><?php echo $file['dirname'].'/'.$file['basename']; ?>&amp;embedded=true" style="width:100%; height:500px;" frameborder="0">Ваш браузер должен поддерживать фреймы</iframe></div>
  109. <script>$(function () {$("#preview_btn<?php echo $item_id.$key;?>").click(function (e) {$("#preview<?php echo $item_id.$key;?>").toggle();return false;});});</script>
  110.  
  111. </div>
  112.  
  113.  
  114. <?php } ?>
P.S. Заработало! Заменил data-title, на title. Сообщение появляется не в аккуратном квадратике с желтым фоном, а вытянуто в длинную строку. А как теперь разобраться с этими двумя классами tooltip yellow-tooltip? В html все работало по умолчанию.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.