mirror of
https://github.com/betaflight/betaflight-configurator.git
synced 2025-07-24 16:55:24 +03:00
Delete more unused files from libraries.
Note that this commit is indicating there needs to be a build step to make it easier to generate the used sources when packaging the configurator.
This commit is contained in:
parent
6d524ebe5e
commit
1adc6f7bd6
5 changed files with 2 additions and 1895 deletions
|
@ -1,82 +0,0 @@
|
|||
jBox
|
||||
====
|
||||
|
||||
jBox is a powerful and flexible jQuery plugin, taking care of all your modal windows, tooltips, notices and more.
|
||||
|
||||
Demo: http://stephanwagner.me/jBox
|
||||
|
||||
Docs: http://stephanwagner.me/jBox/documentation
|
||||
|
||||
|
||||
Tooltips
|
||||
--------
|
||||
|
||||
You can use jQuery selectors to add tooltips to elements:
|
||||
|
||||
$('.tooltip').jBox('Tooltip');
|
||||
|
||||
Now elements with class="tooltip" will open tooltips:
|
||||
|
||||
<span class="tooltip" title="My first tooltip">Hover me!</span>
|
||||
<span class="tooltip" title="My second tooltip">Hover me!</span>
|
||||
|
||||
|
||||
Modal windows
|
||||
-------------
|
||||
|
||||
You can set up modal windows the same way as tooltips.
|
||||
But most of times you'd want more variety, like a title or HTML content:
|
||||
|
||||
new jBox('Modal', {
|
||||
width: 300,
|
||||
height: 200,
|
||||
attach: $('#myModal'),
|
||||
title: 'My Modal Window',
|
||||
content: '<i>Hello there!</i>'
|
||||
});
|
||||
|
||||
<div id="myModal">Click me to open a modal window!</div>
|
||||
|
||||
|
||||
|
||||
Confirm windows
|
||||
---------------
|
||||
|
||||
Confirm windows are modal windows which requires the user to confirm a click action on an element.
|
||||
Give an element the attribute data-confirm to attach it:
|
||||
|
||||
new jBox('Confirm', {
|
||||
confirmButton: 'Do it!',
|
||||
cancelButton: 'Nope'
|
||||
});
|
||||
|
||||
<div onclick="doit()" data-confirm="Do you really want to do this?">Click me!</div>
|
||||
<a href="http://stephanwagner.me" data-confirm="Do you really want to leave this page?">Click me!</a>
|
||||
|
||||
|
||||
Notices
|
||||
-------
|
||||
|
||||
A notice will open automatically and destroy itself after some time:
|
||||
|
||||
new jBox('Notice', {
|
||||
content: 'Hurray! A notice!'
|
||||
});
|
||||
|
||||
|
||||
Images
|
||||
------
|
||||
|
||||
To create image modal windows you only need following few lines:
|
||||
|
||||
new jBox('Image');
|
||||
|
||||
<a href="/image-large.jpg" data-jbox-image="gallery1" title="My image"><img src="/image.jpg" alt=""></a>
|
||||
|
||||
|
||||
Learn more
|
||||
----------
|
||||
|
||||
These few examples are very basic.
|
||||
The jBox library is quite powerful and offers a vast variety of options to customize appearance and behavior.
|
||||
Learn more in the documentation: http://stephanwagner.me/jBox/documentation
|
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue