Диалоговые окна jquery.confirm / Окна / Сниппеты Bootstrap

Версия: v1.0

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

Категория: Окна

Для Bootstrap: 3

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

Язык: Английский

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

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

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

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

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

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

Авторство: https://bootstraptema.ru/stuff/plugins_bootstrap/improvement/jquery_confirm/12-1-0-816

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

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

Теги: ModaL, Snippet, сниппет, Bootstrap, модаль, html, окна

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

Добавлено: 2016-03-27 в 10:57

Метка: 1581615800

⇄ ⇅

<div class="table-responsive">
 <table class="table">
 <thead>
 <tr>
 <th class="col-lg-3">Description</th>
 <th class="col-lg-1">Demo</th>
 <th class="col-lg-8">Code</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>Simple confirmation (link)</td>
 <td><a id="simpleConfirm" href="https://bootstraptema.ru/stuff/plugins_bootstrap/improvement/jquery_confirm/12-1-0-816" class="btn btn-primary">Click me</a></td>
 <td>
 <pre>&lt;a id="simpleConfirm" href="" class="btn btn-primary"&gt;Click me&lt;/a&gt;</pre>

<pre class="prettyprint"><code>$("#simpleConfirm").confirm();</code></pre>
 </td>
 </tr>
 <tr>
 <td>Confirmation dialog customized with JS:</td>
 <td><button class="btn btn-primary" id="complexConfirm">Click me</button></td>
 <td>
 <pre>&lt;button class="btn btn-primary" id="complexConfirm"&gt;Click me&lt;/button&gt;</pre>
 <pre class="prettyprint"><code>$("#complexConfirm").confirm({
 title:"Delete confirmation",
 text:"This is very dangerous, you shouldn't do it! Are you really really sure?",
 confirm: function(button) {
 alert("You just confirmed.");
 },
 cancel: function(button) {
 alert("You aborted the operation.");
 },
 confirmButton: "Yes I am",
 cancelButton: "No"
});</code></pre>
 </td>
 </tr>
 <tr>
 <td>Confirmation dialog customized with "data-" attributes:</td>
 <td><button class="btn btn-primary" id="dataConfirm" data-title="Hello there!" data-confirm-button="Yes I am">Click me</button></td>
 <td>
 <pre>&lt;button class="btn btn-primary" id="dataConfirm"
 data-title="Hello there!" data-confirm-button="Yes I am"&gt;
 Click me
&lt;/button&gt;</pre>
 <pre class="prettyprint"><code>$("#dataConfirm").confirm();</code></pre>
 </td>
 </tr>
 <tr>
 <td>Manual triggering</td>
 <td><button class="btn btn-primary" id="manualTrigger">Click me</button></td>
 <td>
 <pre>&lt;button class="btn btn-primary" id="manualTrigger"&gt;Click me&lt;/button&gt;</pre>
 <pre class="prettyprint"><code>$("#manualTrigger").click(function() {
 $.confirm({
 text: "This is a confirmation dialog manually triggered! Please confirm:",
 confirm: function(button) {
 alert("You just confirmed.");
 },
 cancel: function(button) {
 alert("You cancelled.");
 }
 });
});</code></pre>
 </td>
 </tr>
 </tbody>
 </table>
</div>

</div>
</div>

BootstrapTema

Диалоговые окна jquery.confirm

Скриншот

Подробнее

Похожие

Архив

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