Tech News Stop - Sharing by Wasim Akhtar

Google Search on your Mobile

If you want to search with google without internet then you can do it by

Just send Help to 9773300000 or send your any query to 9773300000 you will get result instance.

I am listing some google sms search command here.

Send <PNR NUMBER> to get your pnr status

Weather <City Name> to get city weather details

Jobs <city> for job Listing

And etc you do search on google train time,pnr status , your result

All in one number by google I got it my it’s google lab .Enjoy searching……..

Mr Wasim Akhtar

Story of the week: Google and the Tea Kettle

This week the tech world was set on ablaze when this article in The Times of London reported that every Google search query contributes in 7 gm of CO₂ to the atmosphere and this is equivalent to half the amount of energy needed in heating a tea kettle. The article is a study of physicist Alex Wissner-Gross who is a MIT graduate and now at Harvard University.

No sooner did the article get published, than the tech blogs and news site like Techmeme and Techcrunch started covering it with full pace.

Yesterday, Google has responded by knocking off the claim on their official blog. Google has revealed the overall energy consumption per search query to be 0.0003 kWh of energy per search, or 1 kJ. In teams of CO₂ this is equivalent to 0.2 grams of CO₂ and not 7 grams as it was previously stated by Alex.

Google may have saved their hat by revealing new calculation but this has raised an important issue of Global Warming and impact of Internet and Web technologies on it. As we are becoming more and more dependent of Web, our energy requirements have really increased.

Well, if Alex is to be believed, we will soon talk about our daily energy needs in terms of google search queries. e.g. My Car gives millage of 5000 google search per kilometer or I got my utility bill and the unit is $ 1 per google search query.

Mr Wasim Akhtar

Facebook Style Scroll Fixed Header in JQuery

While doing some UI changes of a website, we had to implement a FIX header which remains fix on top of screen while scrolling. Facebook has a similar header which remains on top of content.

Now for this, there are number of jQuery plugins available out there! But in our case we weren't allowed to add any new plugins to the technology stack of application (I know it sucks :-( ). So here is a small JQuery based solution to make a DIV of header fixed on top of the screen while scrolling.

Related: Mouse Scroll Events in JQuery

The HTML

Below is the HTML code. It contain a simple div #header which we want to freeze at the top. Note that we have included JQuery directly from jquery.com site (In my application we have included older version of jquery from out tech stack).

?

   <HTML>
   <HEAD>
       <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
       <title>Scroll Fixed Header like Facebook in JQuery - viralpatel.net</title>
   </HEAD>
   <BODY>
    
   <div id="header">
       <h1>Scroll Fix Header like Facebook in JQuery</h1>
   </div>
    
   <p>Some dumb text to add scrolling in page <br/><br/><br/><br/><br/></p>
   <p>Some more dumb text to add scrolling in page <br/><br/><br/><br/><br/></p>
   <p>Some more dumb text to add scrolling in page <br/><br/><br/><br/><br/></p>
   <p>Some more dumb text to add scrolling in page <br/><br/><br/><br/><br/></p>
    
   </BODY>
   </HTML>

In above HTML, we added few lines "Some dumb text to add…" just to make page scrollable.

The JQuery

The JQuery code is pretty straight forward. Take a look:

?

   <SCRIPT>
   $(document).ready(function() {
    
       var div = $('#header');
       var start = $(div).offset().top;
    
       $.event.add(window, "scroll", function() {
           var p = $(window).scrollTop();
           $(div).css('position',((p)>start) ? 'fixed' : 'static');
           $(div).css('top',((p)>start) ? '0px' : '');
       });
    
   });
   </SCRIPT>

We have added an event listener to "scroll" event. This handler function gets called each time scroll event is fired in browser.

Now we select the header element (highlighted in above code) and simply do some position stuff. We make the header div's position fixed of static depending upon the state of scroll position. Also the topattribute is set to 0px in case we want to make it fix, when page is scrolled down.

Online Demo

Demo Download

--
Wasim Akhtar