JS

JS { 3 }

Thursday, 11 January 2018 21:28

How to show popup after page load?

Written by
Rate this item
(0 votes)

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;
}
Last modified on Thursday, 11 January 2018 22:31
Thursday, 28 May 2015 20:29

Setting up Sublime Text for Angular Development

Written by
Rate this item
(2 votes)

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

 

Last modified on Thursday, 28 May 2015 21:57
Rate this item
(2 votes)

How use keyboard events? It's simple:

<script>
    	$(document).ready(function() {
	  		$(window).keydown(function(event){
	    		if(event.keyCode == 13) {
	      			event.preventDefault();
	      			return false;
	    		}
	 		 });
		});
    
</script>
Last modified on Sunday, 22 October 2017 22:58