JS { 3 }
For example - if I want to show popup after page load it appears plus how to code it as like it appears after 1 second of page load.
/* Popup messages */
#popup-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.6);
z-index: 1001;
}
#popup {
width: 1017px;
height: 581px;
background: url("/images/system/domotex-2018.jpg");
text-align: center;
color: #fff;
border: 1px solid #888;
box-shadow: #64686e 0px 0px 3px 3px;
-moz-box-shadow: #64686e 0px 0px 3px 3px;
-webkit-box-shadow: #64686e 0px 0px 3px 3px;
position: relative;
top: 10%;
margin: 0 auto;
}
/* Popup's styles */
#popup div.bg {
background: rgba(38, 38, 38, 0.84) none repeat scroll 0 0;
margin: 30px auto 0;
width: 487px;
}
#popup h2 {
color: #fff;
padding: 25px;
margin-top: 15px;
}
#popup p {
padding: 0 0 10px;
}
#popup input {
background: rgba(91, 91, 91, 0.39) none repeat scroll 0 0;
border: medium none;
color: #777;
height: 32px;
padding: 5px;
position: absolute;
right: 0;
top: 0;
width: 32px;
}
Read 92 times
The first you need root on your Mac → Terminal sudo su and confirm password. Then you need setup iTerm2 and Homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" and any plugins for angular.
-- commands sh# brew install git gitk npm install -g jshint
npm install -g gulp
-- setup snippets and plugins
https://github.com/johnpapa/angular-styleguide#file-templates-and-snippets
https://github.com/angular-ui/AngularJS-sublime-package
https://github.com/NicoSantangelo/sublime-gulp
How use keyboard events? It's simple:
<script>
$(document).ready(function() {
$(window).keydown(function(event){
if(event.keyCode == 13) {
event.preventDefault();
return false;
}
});
});
</script>
Read 729 times