There was a requirement to change the title of the javascript alert. But unfortunatley we can't change the default title "Alert" of the alert box.

Alternatively we can do some thing like this,

We have to define our css in order to show a box on top of the screen.

When you want to show the alert box , just change the visibility of that css class.


This is How you call the OVER LAY to pop up This is the style of the OVER LAY Java script function which change the Visibility to true or false This is the HTML for the OVERLAY By using this Mrthod you can have different pop ups as you want

Today i found a simple way to fix the Header and Footer of the HTML page to top and bottom respectively and make the content scroll able, it will be useful when we have list of items and fixed header & footer in mobile applications. 

Here is the HTML you have to use






Here is the CSS you have to use.

We might need to fix our footer on the bottom of the page always.  we can make that working using CSS. all we need to do is use the position: absolute in for the footer style and give the position: absolute; bottom :0;

Example
<div id="container">
<div id="header"></div>
<div id="body"></div>
<div id="footer"></div>
</div>

#footer
{
position: absolute; 
bottom :0;
width:100%;
height :100px;
}

this footer style to fix the footer on the bottom of the page always :)