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