Wednesday, December 26, 2012

Reduce query page transition time.

Go to the Jquery mobile css file.

find .in and .out in the css. you can see the below code
.in {
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 350ms;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 350ms;
}
.out {
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 225ms;
-moz-animation-timing-function: ease-in;
-moz-animation-duration: 225ms;
}


 and reduce the time 350ms to 10ms or as you want in these css like below.

.in{-webkit-animation-timing-function:ease-out;
-webkit-animation-duration:10ms;
-moz-animation-timing-function:ease-out;
-moz-animation-duration:10ms
}
.out{-webkit-animation-timing-function:ease-in;
-webkit-animation-duration:10ms;
-moz-animation-timing-function:ease-in;
-moz-animation-duration:10ms
}

I hope this will help you.:)
cheers...

Disable Active page When loading start

Open jquerymobile.js  and find below text

<span class='ui-icon ui-icon-loading'></span>

add one div element before the span like: 
<div class='inner_loader ui-loader-verbose'>

and end it after the h1 tag, that is created after span.
and add below css in your style.css.

Regular expresion to validate URL

var url = value.v_url;

var pattern = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;

if (pattern.test(url)) {
        content+='<a href="'+value.v_url+'" target="_blank">'; //  Url is valid
}
else{
        console.log("invalid url");
}

Tuesday, September 25, 2012

Mobile website not fit to the screen.


Open the Html file and write below code in the first line.

For Mobile site:


<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>


If Doctype is already exist like below then replace it.

For Desktop site.


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>





Wednesday, September 12, 2012

Password Protect Directory using .htaccess

1) Create new .htaccess
and write below code in the .htaccess file.

AuthName "Section Name"
AuthType Basic
AuthUserFile /home/username/.htpasswds
Require valid-user