За последние 24 часа нас посетили 22748 программистов и 1270 роботов. Сейчас ищет 691 программист ...

Подскажите с bootstrap 4 - подсказка не работает.

Тема в разделе "HTML и CSS", создана пользователем Sofia, 24 май 2020.

  1. Sofia

    Sofia Активный пользователь

    С нами с:
    25 сен 2008
    Сообщения:
    963
    Симпатии:
    2
    Привет.
    Использую bootstrap 4.
    Все стили подключаются удаленные по этому примеру:
    HTML:
    1. <!doctype html>
    2. <html lang="ru">
    3.   <head>
    4.     <!-- Required meta tags -->
    5.     <meta charset="utf-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    7.  
    8.     <!-- Bootstrap CSS -->
    9.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    10.  
    11.     <title>Hello, world!</title>
    12.   </head>
    13.   <body>
    14.     <h1>Hello, world!</h1>
    15.  
    16.     <!-- Optional JavaScript -->
    17.     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    18.     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    19.     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    20.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
    21.   </body>
    22. </html>
    В базе данных у меня имеется короткий текст и описание к этому тексту и хочу его вывести так:
    Выводится сперва короткий текст, жмякаешь мышкой по этому тексту и раскрывается описание к этому тексту.

    Может есть у кого java скрипт такой? Поделитесь пожалуйста.

    Пока решила использовать Сокращения
    Простой код:
    HTML:
    1. <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
    В таком изначальном варианте у меня работает эта подсказка, но как только подставляю данные из MySQL, то работать перестает (Хотя данные у меня работают:
    PHP:
    1. echo '$row3['title']';
    Если делаю вот так:
    PHP:
    1. echo '<td><abbr title="'.$row3['tit_dis'].'">'.$row3['title'].'</abbr></td>';
    Если быть точнее, не выводит весь текст, а только лишь малая часть. Пологаю, что там есть ограничение. Подскажите плз решение.
     
    #1 Sofia, 24 май 2020
    Последнее редактирование: 24 май 2020
  2. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.824
    Симпатии:
    738
    Адрес:
    Татарстан
    Ctrl+u и посмотрите вживую как формируется ваша строка. Там или данные из бд не поступают (например поле неверно указано), или присутствуют кавычки, которые все и ломают - htmspecialchar используйте.
    А вообще изначально что вы хотели в бутстрапе есть и называется спойлер
     
  3. Sofia

    Sofia Активный пользователь

    С нами с:
    25 сен 2008
    Сообщения:
    963
    Симпатии:
    2
    Повторюсь:
    Данные в переменной $row3['tit_dis'] верные, и отображаются через echo полностью. Они режутся, когда вывожу так:
    PHP:
    1. echo '<td><abbr title="'.$row3['tit_dis'].'">'.$row3['title'].'</abbr></td>';
    Кавычек нет (даже с ними пробовала, бесполезно).

    Сполер в бутстрапе смотрела - не получилось сделать в виде обычного текста, выводится как кнопка, которую надо жмакать.
     
  4. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.824
    Симпатии:
    738
    Адрес:
    Татарстан
    Не верю (с) Станиславский
    гадать на кофе неблагородно - покажите в интернете свое поделие

    есть такая замечательная штука - css называется. С помощью которого отображение хоть как настроить можно
     
  5. Sofia

    Sofia Активный пользователь

    С нами с:
    25 сен 2008
    Сообщения:
    963
    Симпатии:
    2
    похоже все-же стоит ограничение на кол-во символов в сполере (