atomrli
/ simple_tabs_jquery.html
Last active
January 8, 2019 11:19
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="tabs-items"> | |
| <div class="tabs-item"> | |
| 1 tab content | |
| </div> | |
| <div class="tabs-item"> | |
| 2 tab content | |
| </div> | |
| <div class="tabs-item"> | |
| 3 tab content |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .radio { | |
| position: absolute; | |
| z-index: -1; | |
| opacity: 0; | |
| margin: 10px 0 0 7px; | |
| } | |
| .radio + label { | |
| position: relative; | |
| padding: 0 0 0 35px; | |
| cursor: pointer; |
atomrli
/ клик внеобласти попап окна
Last active
September 23, 2019 14:14
клик внеобласти попап окна
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).mouseup(function (e){ | |
| var checkboxContainer = $('.popup.show .popup-container'); | |
| if (!checkboxContainer.is(e.target) | |
| && checkboxContainer.has(e.target).length === 0) { | |
| $('.popup').removeClass('show'); | |
| } | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| onkeyup="this.value=this.value.replace(/[^\d\.]+/g,'')" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ | |
| color: pink; | |
| } | |
| ::-moz-placeholder { /* Firefox 19+ */ | |
| color: pink; | |
| } | |
| :-ms-input-placeholder { /* IE 10+ */ | |
| color: pink; | |
| } | |
| :-moz-placeholder { /* Firefox 18- */ |