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

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;
}

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

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

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

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

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

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

HTML

+1 ещё

Простой
Можно ли задать стили внешнему тегу на основе вложенного?
- 1 подписчик
- 4 часа назад
- 58 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать универсальную HTML-ссылку на яндекс карты?
- 1 подписчик
- 21 час назад
- 103 просмотра
0

ответов
CSS

Простой
Как лучше отобразить создаваемый нажатием div в grid контейнере?
- 1 подписчик
- 22 часа назад
- 48 просмотров
1

ответ
HTML

Простой
Как записать кол-во успешных прохождений капчи/пароля на js?
- 1 подписчик
- вчера
- 68 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Дергается анимация снега, почему и как исправить?
- 1 подписчик
- вчера
- 140 просмотров
0

ответов
HTML

+1 ещё

Средний
Как создать такую вот кнопку как на изображении?
- 2 подписчика
- вчера
- 214 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как открыть CSS селектор при помощи onclick?
- 1 подписчик
- вчера
- 102 просмотра
1

ответ
CSS

Простой
Как заменить псевдокласс has?
- 1 подписчик
- вчера
- 80 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как убрать экспоненциальную запись числа в input type=number?
- 1 подписчик
- вчера
- 90 просмотров
1

ответ
HTML

Простой
Как картинку сделать кнопкой?
- 1 подписчик
- 15 дек.
- 121 просмотр
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

CRM Bitrix24 разработчик

World Vision Clinic • Москва

от 170 000 ₽

Frontend-разработчик JavaScript

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

от 40 000 до 90 000 ₽

Сортировка товаров в каталоге на Битрикс

18 дек. 2024, в 16:42

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

Разработка ПК игры

18 дек. 2024, в 16:33

2000 руб./в час

Внести изменения на сайт Битрикс

18 дек. 2024, в 16:06

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, при наведении который будет появляться относительно этого блока, и уже с ним взаимодействовать

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

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

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

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