SHOW:
|
|
- or go back to the newest paste.
1 | <link rel="stylesheet" href="{% static "assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.css"%}"> | |
2 | <link rel="stylesheet" href="{% static "assets/web/assets/mobirise-icons/mobirise-icons.css"%}"> | |
3 | <link rel="stylesheet" href="{% static "assets/tether/tether.min.css"%}"> | |
4 | <link rel="stylesheet" href="{% static "assets/bootstrap/css/bootstrap.min.css"%}"> | |
5 | <link rel="stylesheet" href="{% static "assets/bootstrap/css/bootstrap-grid.min.css"%}"> | |
6 | <link rel="stylesheet" href="{% static "assets/bootstrap/css/bootstrap-reboot.min.css"%}"> | |
7 | <link rel="stylesheet" href="{% static "assets/dropdown/css/style.css"%}"> | |
8 | <link rel="stylesheet" href="{% static "assets/theme/css/style.css"%}"> | |
9 | <link rel="stylesheet" href="{% static "assets/mobirise/css/mbr-additional.css" type="text/css"%}"> | |
10 | <link rel="stylesheet" href="{% static "assets/gallery/style.css"%}"> | |
11 | ||
12 | ||
13 | <!-- Latest compiled and minified CSS --> | |
14 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | |
15 | ||
16 | <!-- jQuery library --> | |
17 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | |
18 | ||
19 | <!-- Latest compiled JavaScript --> | |
20 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
21 | ||
22 | <!-- Bootstrap Toggle Input Buttons --> | |
23 | <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> | |
24 | <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> | |
25 | ||
26 | ||
27 | ||
28 | ||
29 | <!-- HTML --> | |
30 | ||
31 | <div class="container-fluid" align="center"> | |
32 | <input id="inputToggle" type="checkbox" checked data-toggle="toggle" data-size=="large" data-on="Vista Álbum" data-off="Vista Fotos" data-onstyle="success" data-offstyle="danger"> | |
33 | <p>El estado actual es:<p id="status"> </p> </p> | |
34 | </div> | |
35 | ||
36 | <!-- JQuery --> | |
37 | ||
38 | $("document").ready(function(){ | |
39 | $("#inputToggle").change(function(){ | |
40 | if(this.checked){ | |
41 | $("#status").text(this.getAttribute('data-on')) | |
42 | } else { | |
43 | $("#status").text(this.getAttribute('data-off')) | |
44 | } | |
45 | }) | |
46 | }); | |
47 | </script> |