Копировать в буфер обмена / Скрипты / Сниппеты Bootstrap

Каталог: Сниппеты Bootstrap

Категория: Скрипты

Для Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 2086

Количество символов:

Посмотрели: 5753 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 4.4 / 5 - 5 голосов

Тип лицензии: CC BY 4.0

Авторство: Посмотреть

Информация: Пользователям

Информация: Правообладателям

Теги: копирование, Скрипт, Script, Snippet, clipboard, html, сниппет, Bootstrap

Поделился: BootstrapТема

Добавлено: 2017-05-22 в 21:26

Метка: 1495477601

⇄ ⇅

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Копировать в буфер обмена | BootstrapTema</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdn.jsdelivr.net/clipboard.js/1.6.1/clipboard.min.js"></script>
<style>
body{
background: #abbaab; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ffffff, #abbaab); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffffff, #abbaab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
</style>
</head>
<body>

<h1 class="text-center">Копировать в буфер обмена</h1>

<div class="col-md-8 col-md-offset-2">
<p class="lead" id="copytext">Весь текст который находится здесь при нажатии на ссылку "Копировать текст" будет скопирован в буфер обмена и Вы его сможете вставить там где Вам нужно, подробнее о используемом плагине Вы можете узнать <a href="http://bootstraptema.ru/stuff/plugins_bootstrap/improvement/clipboard_js/12-1-0-2084" target="_blank">здесь</a>.</p>
<a href="#" data-clipboard-target="#copytext" class="pull-right copy-text">[Копировать текст]</a>
</div>

</div></div>

</body>
</html>

BootstrapTema

Копировать в буфер обмена

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0