Energy Saver in Web Page

Have you imagine if your web page can do some kind energy saver like screen saver in your computer desktop? Do you want to make it happen? Then lets do it togather.

First download required file jquery.js and jquery.idle-timer.js.

• Download jquery.js from http://docs.jquery.com/Downloading_jQuery, after you download, dont forget to rename it to “jquery.js”.
• Download jquery.idle-timer.js from https://github.com/paulirish/jquery-idletimer/blob/master/jquery.idle-timer.js.

Second, Copy the bellow script into your head tag in html file.

<script type="text/javascript" src="[url]/jquery.js"></script>
<script type="text/javascript" src="[url]/jquery.idle-timer.js"></script>

<script type="text/javascript">
(function($){
    var timeout = 10000;//ten second idle. change this var. 1000 means 1 sec.
    $(document).bind("idle.idleTimer", function(){
		position_popup(150,30);
		document.getElementById('popup_area_bg').style.display = 'block';document.getElementById('popup_area').style.display = 'block';
    });
    $(document).bind("active.idleTimer", function(){
		document.getElementById('popup_area_bg').style.display = 'none';document.getElementById('popup_area').style.display = 'none';
    });
    $.idleTimer(timeout);
    $('#timeout').text(timeout/1000);
})(jQuery);

function position_popup(width,height){
height = parseInt(height);
	if(!window.innerWidth){
		if(!document.documentElement.offsetWidth){
			if(!document.body.offsetWidth){
				win_width = 1000;
			}else{
				win_width = document.body.offsetWidth;
			}
		}else{
			win_width = document.documentElement.offsetWidth;
		}
		document.getElementById('popup_area').style.position ='absolute';//need only once
		document.getElementById('popup_area_bg').style.display ='none';//need only once
	}else{
		win_width = window.innerWidth;
	}
	if(!window.innerHeight){
		if(!document.documentElement.offsetHeight){
			if(!document.body.offsetHeight){
				win_height = 1000;
			}else{
				win_height = document.body.offsetHeight;
			}
		}else{
			win_height = document.documentElement.offsetHeight;
		}
		document.getElementById('popup_area').style.top ='100px';
	}else{
		win_height = window.innerHeight;
		inner_top = (win_height - height-25)/2;if(inner_top < 0)inner_top=0;
		document.getElementById('popup_area').style.top = inner_top+'px';
	}
	inner_left = (win_width - width-25)/2;if(inner_left < 0)inner_left=0;
	document.getElementById('popup_area').style.left = inner_left+'px';
	document.getElementById('popup_area').style.width = width;
	document.getElementById('popup_area').style.height = height;
}
</script>

<style type="text/css">
.inner_popup{
	display: none;
	position:fixed;
	text-align:center;
	z-index:1002;
	padding:10px;
	width: 150px;
	height: 30px;
	border: 2px solid;
	border-color:#CCCCCC;
	background-color: white;
	vertical-align:middle;
}
.outer_popup{
	display: none;
	position:fixed ;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.70;
	filter: alpha(opacity=80);
	text-align:center;
}
</style>

Third, copy bellow script into body tag in your html file.

<div class="outer_popup" id="popup_area_bg">
</div>
<div class="inner_popup" id="popup_area">
<div style="float:left; width:100%;" align="center">
	Idle Time
</div>
</div>

By implementing energy saver in your web page, I hope, your page can save energy even only in a small amount. The more your page visited by other people, the more you help them to save energy.

Thanks to Paul Irish for jQuery idleTimer plugin so that we can make our Energy Saver in Web Page.

Refference: http://paulirish.com/2009/jquery-idletimer-plugin/

http://septiadi.com/2011/07/11/energy-saver-in-web-page/

 

 

Index Post in Google

This post just merely a way to satisfy my curiousity. I wonder how many it takes for google to index my post.

The way to do it is very simple. Just make a simple post, then use the search engine to serach the permalink. In this case, I search “https://mhseptiadi.wordpress.com/2011/06/14/index-post-in-google/” in “https://www.google.com/“, just after i publish this post. I refresh the google serach engine if my post is not being indexed. When finnaly it has been indexed, the result is it has been indexed less than 30 second. I like it. 😀

Lets try it with your post.

Related Post:

http://septiadi.com/2011/06/14/index-post-in-google/

Develop Creative Thinking

Today, creative becomes more popular. However, there are pros and cons about whether it is important to be creative in daily live. In my oppinion, Creative is very important. Problem solving needs kreative thinking, in this case many problems occur in our daily live.

In this article, I ll try to share about how to develop creative thinking. There are 4 guide that will help you alot in developing creative thinking.

Capturing

Idea may come out in your mind without notification, and it could easily forgotten. Therefore, start collecting your idea by preparing little note that easily carried anywhere. When your idea comes, write down it in your note. Dont be lazzy to write it down, because you may forget it. Just keep in mind, simple idea may lead you to another idea.

Surrounding

Briliant idea do not just come out by it self. You have to stimulate your brain to produce briliant idea. How? Always changing environment will help you alot in producing new idea. Changing your environment is not only changing your address. You can changing environment by simple thing such as, changing your paint wall, change route when go to office, make new friend with person that have different background from you, etc.

Challenging

Creativity sometimes comes up when you face problems in your daily live. Problems that comes in home, school, office may help you creativity grow without you notice. In my opinion Playing game will also help your brain works creatively, because many problems will you face in game. However, become addicted to game will also become problems.

Broadening

Broadening means that the diversity of your knowledge. Study new thing in your live that not related to your background/job, will also help you become more creative. In this case, your creative idea will become more broaden.

By developing those four guidelines, you will improve the capacity of your creative mind. Having creative mind may help you solve many problems in your daily live.

Good luck. Hope “Develop Creative Thinking” will help you alot.

Source:http://theperfectbizfinder.com, and other that i forgot.

http://septiadi.com/2011/06/09/develop-creative-thinking/

My Linkedin

Please feel free to visit http://id.linkedin.com/in/mhseptiadi