Как выделять текст?

Question

opsimecom @opsimecom

HTML
CSS

Как выделять текст?

Здравствуйте! Возникла сложность. Есть такая всплывающая подсказка при наведение на текст. Как сделать чтобы можно было выделить текст в этой иконке и скопировать например его?

Вод css

.pudskasgen{
  cursor:help;
  position:relative;
}

.pudskasgen::before,
.pudskasgen::after{
  position:absolute;
  left:50%;
  opacity:0;
  z-index:-100;
}

.pudskasgen:hover::before,
.pudskasgen:focus::before,
.pudskasgen:hover::after,
.pudskasgen:focus::after{
  opacity:1;
  z-index:100;
  transform:scale(1) translateY(0);
}

.pudskasgen::before {
  border-style: solid;
  border-width: 1em .75em 0 .75em;
  border-color: #22292f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) transparent;
  bottom: 100%;
  margin-left: -.5em;
  content: "";
  transform: scale(.6) translateY(-90%);
  transition: all .6s cubic-bezier(.85, -.18, .31, 1.26), opacity .65s .5s;
}

.pudskasgen:hover::before,
.pudskasgen:focus::before{
  transition-delay:.2s;
}

.pudskasgen::after {
  background: #22292f;
  border-radius: .25em;
  bottom: 180%;
  color: #e0e3e4;
  width: 253px;
  padding: 1.3em;
  margin-left: -8em;
  content: attr(data-tip);
  transform: scale(.6) translateY(50%);
  transition: all .65s cubic-bezier(.84, -.18, .31, 1.26) .2s;
}

.pudskasgen:hover::after,
.pudskasgen:focus::after{
  transition-delay:0s;
}

Вопрос задан более трёх лет назад
70 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

Danny Arty @DanArst Куратор тега CSS

имеете в виду выделить текст всплывающей подсказки?

Написано более трёх лет назад
Nurdaulet Maksutov @maksutovn

Без js никак

Написано более трёх лет назад
opsimecom @opsimecom Автор вопроса

Danny Arty, да, не понимаю как сделать так чтобы ее можно было выделить

Написано более трёх лет назад

opsimecom @opsimecom Автор вопроса

нашел решение здесь jsfiddle.net/ostapische/4GHGF
Все ок работает в html файле
а как сделать в php файле такого формата ?

<!DOCTYPE html>
<html lang="ru">
 <head>
   <title>поиск</title>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script src="js/readmore.js"></script>
	<script>
		$('article').readmore({
			maxHeight: 50,
			moreLink: '<a href="#">Развернуть текст</a>',
			lessLink: '<a href="#">Свернуть текст</a>'
		});
	</script>
	<style>


	</style>
   </head>
   <body>
 
  

  </body>
</html>



<?php

// Кол-во элементов
$limit = 12; 
 
// Подключение к БД

define('DB_NAME', '');
define('DB_USER', '');
define('DB_PASSWORD', '');
define('DB_HOST', 'localhost');

$dbh = new PDO  ( "mysql:host=" . DB_HOST  ."; charset=utf8; dbname=" . DB_NAME, DB_USER, DB_PASSWORD); 
// Получение записей для текущей страницы

$page = intval(@$_GET['page']);
$page = (empty($page)) ? 1 : $page;				
$start = ($page != 1) ? $page * $limit - $limit : 0;
$sth = $dbh->prepare("SELECT * FROM `products` LIMIT {$start}, {$limit}");
$sth->execute();	
$items = $sth->fetchAll(PDO::FETCH_ASSOC);				



	
foreach ($items as $row) {

	?>

	 <div class ="brd2">
          <?=$row['product_id']?> // сюда надо впихнуть функцию
         </div>
	<?php

}

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

CSS

Простой
Не понимаю, почему блок уходит влево?
- 1 подписчик
- 17 часов назад
- 77 просмотров
1

ответ
HTML

+1 ещё

Простой
Как сделать задний фон картинки с фреймом чтоб не съезжало?
- 1 подписчик
- 20 часов назад
- 49 просмотров
0

ответов
HTML

+1 ещё

Простой
Как сделать элементы в разных блоках одинаковыми по ширине?
- 1 подписчик
- 22 часа назад
- 54 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему не указывается путь к файлу js?
- 1 подписчик
- вчера
- 74 просмотра
1

ответ
CSS

Средний
Как отключить блокировку текста?
- 1 подписчик
- вчера
- 88 просмотров
1

ответ
JavaScript

+3 ещё

Простой
MIME тип CSS при попытке добавить stylesheet в head через скрипт. Как решить проблему?
- 1 подписчик
- вчера
- 92 просмотра
2

ответа
CSS

Простой
Как задать задний фон поверх фрейма на 5 сек?
- 1 подписчик
- 12 нояб.
- 69 просмотров
1

ответ
HTML

+1 ещё

Простой
Как выбрать «опорные точки» перехода ширины экрана для стилей страниц сайта?
- 1 подписчик
- 12 нояб.
- 125 просмотров
4

ответа
CSS

+2 ещё

Простой
Словил баг с реализацией гридов в Firefox [колонки через repeat(auto-fit) и position: absolute]?
- 1 подписчик
- 12 нояб.
- 82 просмотра
0

ответов
HTML

+1 ещё

Средний
Умное количество элементов в сетке GRID?
- 1 подписчик
- 12 нояб.
- 93 просмотра
1

ответ
Показать ещё Загружается…

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Frontend Developer

Wanted. • Санкт-Петербург

До 180 000 ₽

Создание CAD-модели

15 нояб. 2024, в 07:41

250000 руб./за проект

Доработка сайта MODX. Разместить на сайте 2 кнопки

15 нояб. 2024, в 06:43

2000 руб./в час

Доработать поиск изображений на ElasticSearch

15 нояб. 2024, в 03:14

5000 руб./за проект

имеете в виду выделить текст всплывающей подсказки?
Danny Arty, да, не понимаю как сделать так чтобы ее можно было выделить
нашел решение здесь jsfiddle.net/ostapische/4GHGF
Все ок работает в html файле
а как сделать в php файле такого формата ?

<!DOCTYPE html> <html lang="ru"> <head> <title>поиск</title> <meta charset="UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/readmore.js"></script> <script> $('article').readmore({ maxHeight: 50, moreLink: '<a href="#">Развернуть текст</a>', lessLink: '<a href="#">Свернуть текст</a>' }); </script> <style> </style> </head> <body> </body> </html> <?php // Кол-во элементов $limit = 12; // Подключение к БД define('DB_NAME', ''); define('DB_USER', ''); define('DB_PASSWORD', ''); define('DB_HOST', 'localhost'); $dbh = new PDO ( "mysql:host=" . DB_HOST ."; charset=utf8; dbname=" . DB_NAME, DB_USER, DB_PASSWORD); // Получение записей для текущей страницы $page = intval(@$_GET['page']); $page = (empty($page)) ? 1 : $page; $start = ($page != 1) ? $page * $limit - $limit : 0; $sth = $dbh->prepare("SELECT * FROM `products` LIMIT {$start}, {$limit}"); $sth->execute(); $items = $sth->fetchAll(PDO::FETCH_ASSOC); foreach ($items as $row) { ?> <div class ="brd2"> <?=$row['product_id']?> // сюда надо впихнуть функцию </div> <?php }

Answer 1 · 2021-02-23 10:54:50

https://developer.mozilla.org/en-US/docs/Mozilla/A...

Или вам нужно сделать этот блок отдельным div, при наведении который будет появляться относительно этого блока, и уже с ним взаимодействовать

Как выделять текст?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт