Chandan Sharma

how to check whether element is visible on screen

2014-04-05T22:07:00.001-07:00

Sometime we need to load some content when that element is visible on browser. So first we need to find whether that element is visible on the browser or not.

Below is the demo example :

Javascript function :
function isVisible(elem)

 var TopView = $(window).scrollTop();
 var BotView = TopView + $(window).height();
 var TopElement = $(elem).offset().top;
 var BotElement = TopElement + $(elem).height();
 return ((BotElement <= BotView) && (TopElement >= TopView));


HTML Part : 

<div id="my_element" class="no_visible">

<script type="text/javascript">
$(window).scroll(function () 

if($("#my_element").hasClass("no_visible"))
isOnView = isVisible("#my_element");
if(isOnView)
$("#my_element").removeClass("no_visible");



);

</script>
</div>

Use Facebook to Comment on this Post

how to check whether element is visible on screen

How to check cookie enabled in browser using javascript

2014-02-18T08:50:00.001-08:00

Its quite simple to find the status of the cookies enabled in browser.

We can get the status of cookies enabled using below statment:


window.navigator.cookieEnabled

Use Facebook to Comment on this Post

How to check cookie enabled in browser using javascript

Detect Mobile device through javascript

2014-02-17T09:31:00.001-08:00

Detect Mobile device through javascript

A pretty simple solution is to check for mobile device is the screen width. Almost all mobile devices have a max screen width of 480px.

We can get the screen width using below statement:

var screen_width = window.screen.availWidth;

The only exceptions are tablet pc's like the ipad. These devices have a higher screen width than smartphones. We can use browsers user agent to determine whether this is a mobile device or not.

Below is the function to determine the mobile device based on user-agent:

(function(a){
if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))){
}
})(navigator.userAgent||navigator.vendor||window.opera);

base64 encode using javascript

2014-01-24T10:57:00.001-08:00

We can encode any string to a encoded data (using base-64 encoding) string.

The btoa() method of window object used to to a encoded data (using base-64 encoding) string.

Example :


window.btoa('Hello World !!!');

Output : SGVsbG8gV29ybGQgISEh

Use Facebook to Comment on this Post

base64 encode using javascript

cookie and subdomains

2013-12-21T07:51:00.001-08:00

A cookie can be set either for a specific domain or a domain and its subdomain.

Cookie for a specific domain:

When you set a cookie from a web server in php using setcookie() function then this function accepts some parameters. Some parameters are required and some are optional. In those parameters there is one parameter called domain, which means this cookie would be available for that domain. Domain parameter is an optional parameter.

If you don’t set the domain in setcookie() function then it will set the cookie which would be available to current host only. It won’t be available its subdomain.

setcookie("TestCookie", $value, time()+3600);

Cookie for domain and subdomains:

If you set the domain (top level domain) name in setcookie() function then it will set the cookie which would be availabe to its domain and subdomains.

For ex.

setcookie("TestCookie", $value, time()+3600,'example.com');

Above function will set the cookie with the domain “.example.com”. This cookie would be available to all its subdomains like www.example.com, subdomain.example.com

Use Facebook to Comment on this Post

cookie and subdomains

PHP Best Practise

2013-11-30T11:39:00.001-08:00

Always use PHP standard tags i.e. <?php ?> . To ensure the future version support, Please use standard tags for PHP.

Always follow a consistent naming standards.

Always use Indent and white spaces in codes. It helps to read and understand the code.

Always turn on the full error reporting for development. It will show you complete list of notices, warnings and errors. When you are sending you code to production, Please make sure that you have turn off the error reporting else problems would be visible to users. You can turn on the error reporting by php.ini. error reporting can be enabled on runtime by error_reporting() function.

Always do the client and server side validation wherever there is scope of user input. You can not trust on your users.

Always put comment in your code. It will make it easy to understand to others.

You should use caching mechanism for the performance of the site. Ex.- memcache

Don’t do the deep nesting. It will make the code complicated.

Always avoid to declare more variables. It will improve the performance of the applicatio

Use Facebook to Comment on this Post

PHP Best Practise

Output buffering in php

2013-11-12T06:22:00.001-08:00

Output buffering is used by PHP to improve performance and to perform a few tricks.

Without output buffering (the default), your HTML is sent to the browser in pieces as PHP processes through your script. With output buffering, your HTML is stored in a variable and sent to the browser as one piece at the end of your script.

Advantages of output buffering:

Turning on output buffering alone decreases the amount of time it takes to download and render our HTML because it’s not being sent to the browser in pieces as PHP processes the HTML.

All the fancy stuff we can do with PHP strings, we can now do with our whole HTML page as one variable.

If you’ve ever encountered the message “Warning: Cannot modify header information – headers already sent by (output)” while setting cookies, you’ll be happy to know that output buffering is your answer.

Use Facebook to Comment on this Post

Output buffering in php

Ternary Operators

2013-10-29T11:59:00.001-07:00

This operator takes three arguments – a condition, a result for true, and a result for false.

It is a shortcut of doing if statements. Here’s an example:

$result = ($a < 16) ? 'true' : 'false';

if ($a < 16) {
$result = 'true';
} else {
$result = 'false';
}

Use Facebook to Comment on this Post

Ternary Operators

Cheat Sheets & Quick Reference Cards for Developers | DevCheatSheet.com

2011-10-18T22:55:00.000-07:00

Cheat Sheets & Quick Reference Cards for Developers | DevCheatSheet.com

PHP 5.4 beta1 released

2011-10-13T22:53:00.000-07:00

The PHP development team announced the first beta release of PHP 5.4.
PHP 5.4 includes new language features and removes several legacy (deprecated) behaviors.

THIS IS A DEVELOPMENT PREVIEW - DO NOT USE IT IN PRODUCTION!

How to check browser cookie enabled with php and javascript

2011-09-30T12:19:00.000-07:00

Cookies are typically used by web servers to perform functions such as tracking your visits to websites, enabling you to log in to sites, and storing your shopping cart. Cookies can be used to interaction between Javascript and Server Side Scripts like PHP.Cookies also used to transfer small amount of data between one page to other pages via HTTP headers .If user disables this cookies or user’s browser won’t support the interaction between JS and PHP fails.So we must ensure user must enable these Cookies.
Checking with Javascript

if (navigator.cookieEnabled == 0) {
alert("You need to enable cookies for this site to load properly!");
}

Checking with PHP
If user disables Javascript we fail to check the Cookie enabled or not.So we check on the server side also.below PHP snippet check the Cookie enabled or not.

function check_cookie(){
if (setcookie("test", "test", time() + 360))
{
if (isset ($_COOKIE['test']))
{
return true;
}
}
return false;
}

PHP 5.3.8 Released!

2011-08-23T22:37:00.000-07:00

All PHP users should note that the PHP 5.2 series is NOT supported anymore. All users are strongly encouraged to upgrade to PHP 5.3.8.

PHP Programming Tips

2011-08-19T02:04:00.000-07:00

Functions And Methods
Function And Method Calling

call_user_func() is 54% slower than just calling the function

call_user_func() is 59% slower than calling a static method

call_user_func() is 65% slower than calling an object method

function() is 119% faster than static::method()

$this->method() is 116% faster than static::method()

declared static::method() is 93% faster than static::method()

Functions General

Pass by reference is 3% faster than Return by reference

No reference is 1.7% faster than Return by reference

PHP Programming Tips

2011-08-19T02:01:00.000-07:00

Variable Operations

Operating on an initialized variable is 376% faster than operating on an unitialized variable.

Constants are 146% slower than variables

Local variables are 9.9% faster than global variables

String Functions

'String' is 0.26% faster than "String"

"String" is 4% faster than HEREDOC syntax

"String\n" is 108% faster than 'String'."\n"

'String'.$var is 28% faster than "String$var"

'string '.$var.' string' is 55% faster than sprintf('string %s string', $var)

"\n" is 70% faster than chr(10)

strnatcmp() is 4.95% faster than strcmp()

strcasecmp() is 45% faster than preg_match()

strcasecmp() is 6.6% faster than strtoupper($string) == "STRING"

strcasecmp() is 13% faster than strnatcasecmp()

strtr($string, $string1, $string2) is 10% faster than str_replace()

str_replace() is 161% faster than strtr($string, $array)

stristr() is 10% faster than stripos()

strpos() is 9.7% faster than strstr()

isset($str{5}) is 176% faster than strlen($str) > 5

str_replace($str, $str, $str) twice is 17% faster than str_replace(array, array, string)

list() = explode() is 13% faster than substr($str, strpos($str))

Numeric Functions

++$int is 10% faster than $int++

(float) is 48% faster than settype($var, 'float')

Array Functions

list() = $array; is 3.4% faster than assigning each variable

in_array() is 6% faster than array_search

isset($array[$key]) is 230% faster than array_key_exists()

!empty($array) is 66% faster than count($array)

Output Functions

echo is 5% faster than print()

echo ' '.' ' is 0.44% faster than echo ' ',' '

How to get the number of parameter with their name of a defined function

2011-08-16T23:38:00.000-07:00

You can get the number of parameters with their name of a function.

PHP provides a class ReflectionFunction. It's a built-in class, so no
need to add any extra library.

<?php
function get_func_argNames($funcName) {
    $f = new ReflectionFunction($funcName);
    $result = array();
    foreach ($f->getParameters() as $param) {
        $result[] = $param->name;   
    }
    return $result;
}

print_r(get_func_argNames('get_func_argNames'));

?>

Check If The User Likes (Fan Of) Your Facebook Page When Landing On Your Page Tab

2011-08-05T02:47:00.000-07:00

Check when user landed on facebook fan page tab, Wheather he is fan of this page or not ?

A lot of developers and admins Facebook pages don’t know that they can detect whether the visiting user is already a fan of the page or not.

When the user visit your Page Tab, Facebook will send you the usual signed_request but with additional parameter called page.

When a user navigates to the Facebook Page, they will see your Page Tab
 added in the next available tab position. Broadly, a Page Tab is 
loaded in exactly the same way as a Canvas Page. When a user selects 
your Page Tab, you will received the signed_request parameter with 
one additional parameter, page. This parameter contains a JSON object 
with an id (the page id of the current page), admin  (if the user is a 
admin of the page), and liked (if the user has liked the page). 
As with a Canvas Page, you will not receive all the user information 
accessible to your app in the signed_request until the user authorizes 
your app.

<?php

$signed_request = $_REQUEST["signed_request"];

list($encoded_sig, $payload) = explode('.', $signed_request, 2);

$data = json_decode(base64_decode(strtr($payload, '-_', '+/')), true);

if (empty($data["page"]["liked"])) {

echo "You are not a fan!";

} else {

echo "Welcome back fan!";

}

?>

Track Facebook Like Button Event

2011-08-01T23:57:00.000-07:00

Why Track Facebook Like Button Event

Lets take an example of any online Store.

We want to show some coupon code, when user Like my Product.
In That case we need to '''Track Facebook Like Button Event'''.

'''We can track the Facebook like Activity '''
To Track the Activity following Points are Important:

We can Track Facebook Like button Click only by XFBML Method.

'''FB.Event.subscribe''' Method is used to Track the Like and Unlike.

Sample Code


<html>
<head>
<script type="text/javascript" src="jquery-latest.js"></script>
<script src="http://connect.facebook.net/en_US/all.js#appId=197607353625066&amp;xfbml=1"></script>
<script type="text/javascript">
$(document).ready(function() {


FB.Event.subscribe('edge.create', function(href, widget) {
$('#response').html('You have subscribed it.');
});

This Method executes when you Perform UnLike Activity.


FB.Event.subscribe('edge.remove', function(href, widget) {
$('#response').html('you have unsubscribed it.');
});

How To Develop a jQuery Plugin

2011-06-18T02:34:00.000-07:00

jQuery is the most popular JavaScript library and many sites adopt it for dynamic effects and Ajax functionality. However, relatively few developers delve into the depths of plugin development.

Why Create a jQuery Plugin?

In a word: re-use. By extending jQuery, you create reusable components that can be used on any web page. Your code is encapsulated and there is less risk that you will use the same function names elsewhere.

How jQuery Works

At its core, jQuery is passed DOM elements or a string containing a CSS selector. It returns a jQuery object, which is an array-like collection of DOM nodes. One or more methods can then be chained to this set of nodes, e.g.
// color all <p> tags red
$("p").css("color", "red");

Note: although the jQuery library is named ‘jQuery’, ‘$’ is a shortcut variable that references it. Be aware that other libraries can grab ‘$’ for themselves.

How jQuery Plugins Work

jQuery allows methods to be added to its library. When called, these methods are passed the jQuery object within the JavaScript ‘this’ object. The DOM nodes can be manipulated as required and the method should return ‘this’ so other functions can be chained.

Our example plugin will be called using code such as:

// reverse the text in all <p> tags
$("p").reverseText();

We will also add two optional parameters, minlength and maxlength. When defined, the string length must fall between these limits for the reversal to occur.

The Plugin Declaration

Plugins are defined using the jQuery fn function, e.g.

jQuery.fn.reverseText = function(params) { ... };

Using ‘jQuery’ rather than ‘$’ ensures there are no conflicts with other JavaScript libraries. All our internal code should also refer to ‘jQuery’ rather than ‘$’. However, we can save a little typing and reduce the file size using an anonymous function:

(function($) {
$.fn.reverseText = function(params) { ... };
})(jQuery);

This function runs immediately and is passed jQuery as a parameter named ‘$’. Since ‘$’ is a local variable, we can assume that it always refers to the jQuery library rather than another library that grabbed the global ‘$’ variable first.

Plugin Parameters

We require two parameters for our plugin: minlength and maxlength. It is easiest to define these as function arguments, e.g.

(function($) {
$.fn.reverseText = function(minlength, maxlength) { ... };
})(jQuery);
// example
$("p").reverseText(0, 100);

But what if we decide to add further parameters later? Our plugin could have dozens of options — parameter handling would quickly become convoluted. As an alternative, we could pass a single JSON object, e.g.

(function($) {
$.fn.reverseText = function(params) { ... }
})(jQuery);
// example
$("p").reverseText( { minlength: 0, maxlength: 100 } );

The first line in our reverseText function should define a set of default parameters then overwrite these with any user-defined values. The jQuery extend function can handle this for us:

// merge default and user parameters
params = $.extend( {minlength: 0, maxlength: 99999}, params);

Therefore, params.minlength is 0 and params.maxlength is 99999 unless the calling code overrides those values.

The Plugin Code

We can now write our main plugin code:

// traverse all nodes
this.each(function() {
// express a single node as a jQuery object
var $t = $(this);
// find text
var origText = $t.text(), newText = '';
// text length within defined limits?
if (origText.length >= params.minlength && origText.length <= params.maxlength) {
// reverse text
for (var i = origText.length-1; i >= 0; i--) newText += origText.substr(i, 1);
$t.text(newText);
}

});

Explanation:

The this.each function traverses all the jQuery DOM nodes and calls an anonymous function.

Within the function, ‘this’ contains a single node. A jQuery node collection is assigned to $t so we can run jQuery methods.

The variable origText is assigned the text string within the DOM node. newText is set to an empty string.

If the length of origText falls between params.minlength and params.maxlength, the loop creates a reversed text string in newText. The DOM node is then updated accordingly.

Don’t Break the Chain!

Finally, we should remember to return the jQuery object so other methods can be chained:

return this;

The Completed Code

Our plugin code is now complete:

(function($) {
// jQuery plugin definition
$.fn.reverseText = function(params) {
// merge default and user parameters
params = $.extend( {minlength: 0, maxlength: 99999}, params);
// traverse all nodes
this.each(function() {
// express a single node as a jQuery object
var $t = $(this);
// find text
var origText = $t.text(), newText = '';
// text length within defined limits?
if (origText.length >= params.minlength && origText.length <= params.maxlength) {
// reverse text
for (var i = origText.length-1; i >= 0; i--) newText += origText.substr(i, 1);
$t.text(newText);
}
});
// allow jQuery chaining
return this;
};
})(jQuery);

This file is saved as jquery.reversetext.js. We can then include it in any HTML page after the jQuery library has loaded, e.g.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>jQuery plugin: reverseText demonstration</title>
</head>
<body>
<h1>jQuery plugin: reverseText</h1>
<p>This jQuery plugin reverses all the text in the selected nodes.</p>
<ul>
<li>This text will be reversed</li>
<li>This text will not be reversed</li>
<li>reversed</li>
<li>not reversed</li>
</ul>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.reversetext.js"></script>
<script type="text/javascript">
// reverse even-numbered LI tag text
$("ul li:even").reverseText();
</script>
</body>
</html>

Add a "Share on Facebook" button to a webpage.

2011-06-16T04:04:00.000-07:00

Copy the script for the style you'd like:

Copy and paste the following code blocks into your site and replace '' with the link you want to Share.

Text link:

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank">Share on Facebook</a>

Small icon and text:

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }</style><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>

Icon only:

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; text-decoration:none; } </style> <a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a>

Twitter, PHP oAuth: update status

2011-06-07T05:31:00.000-07:00

Recently Twitter announced they are going disable basic authentication mechanism. Basic auth can be used until June 30th 2010, so there is only less then one month left (assuming you are reading this on June 2010). I admit that for a long time i neglected the OAuth Twitter authorization, it seemed complicated and time consuming in comparison basic auth.

However, when i found out they are shutting down the basic api, i had no other choice then to learn how it works. What it turned out is that with the right tools it’s pretty easy to do. Especially if you are (like me) looking to setup application that will be using only single user. For example to automatically update your status.

The setup

With basic authorization all we needed was Twitter login and password, with OAuth it’s more complicated but a lot more secure at the same time, even if your app will be hacked your Twitter credentials are still safe.

Ok let’s get started with it:

Go to dev.twitter.com sign in with your Twitter credentials, next click “Register an application” link

Fill the form, it’s automatically accepted so Twitter guys probably don’t check it all, but still … keep it proffesional. One important thing here is to select “Read and Write” on “Default Access type”. Click “Register Application” and you’re done

Now you will need 4 keys to make your app work. Go to “View Your Applications” and then click “Edit details” on your newly created app. Scroll down and copy (somewhere) “Consumer Key” and “Consumer Secret”

Next in the right sidebar click link “My access token” and copy both: “Access Token (oauth_token)” and “Access Token Secret (oauth_token_secret)”

Abraham Twitter OAuth library(click the link to download the zip file of app). There few files in the archive, but we will need only two: twitteroauth/twitteroauth.php and twitteroauth/OAuth.php.

Twitter and PHP OAuth integration

Now let’s get straight to the actual code. The good news it’s there almost nothing to do: just include TwitterOAuth library, put keys and tokens you copied earlier into the script and you are done.

<?php
require_once 'TwitterOAuth.php';

define("CONSUMER_KEY", "XXXX");
define("CONSUMER_SECRET", "XXXX");
define("OAUTH_TOKEN", "XXXX");
define("OAUTH_SECRET", "XXXX");

$connection = new TwitterOAuth(CONSUMER_KEY, CONSUMER_SECRET, OAUTH_TOKEN, OAUTH_SECRET);
$content = $connection->get('account/verify_credentials');

$connection->post('statuses/update', array('status' => 'Test status message'));

How to clear Facebook Share’s Cache

2011-05-31T00:20:00.000-07:00

Facebook share is good, simple, lets us share almost everything on web in seconds. But Facebook caches already shared urls/pages for better performance. This causes issues at time when we update the title, picture being shared or the description of the page because facebook still shows the older version of the page.

I will discuss three simple ways to force facebook to go and fetch the latest stuff from the page being shared.

Method 1 :

Facebook treats each url as unique and caches the page based on that url, so if you want to share the latest url the simplest solution is to add a query string with the url being shared. In simple words just add ?v=1 at the end of the url. Any number can be used in place of 1,

This method is fairly simple but it doesn’t retain the share count for this page, as it treats this page as a different url hence the count for this url will be restarted from 0. Plus if someone else shares the original url without the querystring the information will still be the old one.

Method 2:

Using url shortner services like bit.ly. shorten your url form bit.ly and then use the new url for facebook share. This too is a simple and quite popular method but has the same issues as the first one.

Method 3:

Facebook has a tool called URL Linter. This tool gives us an idea about how a url will be shared on facebook, what content, which image will be fetched.

We can use this tool for any url and it fetches the latest title, description, excerpt and other stuff that will be shown while sharing the link. If you use an already shared URL with this tool then facebook fetches the latest content, and also updates it cache with the latest content.

With this methos the url remains the same hence the share count will persist only the content will be updated. Someone else sharing the url will also see the latest content now. So this method is the ofcourse the best.

The url linter tool can be accessed on Facebook URL Linter

Get URL Parameters Using Javascript

2011-05-31T00:16:00.000-07:00

<script>
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
alert('Query Variable ' + variable + ' not found');
}
</script>

Now make a request to page.html?x=Hello

<script>
alert( getQueryVariable("x") );
</script>

Jquery Validation with custom message

2011-05-18T12:01:00.000-07:00

You can validate the HTML form using the Jquery with your custom error message.

This is very easy to implement and require little knowledge of jquery.

The sample code for the jquery validation are:

Copy this part in your head section.

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://view.jquery.com/trunk/plugins/validate/jquery.validate.js"></script>
<style type="text/css">
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; margin-left:20px; vertical-align: top; display:block;}
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
<script>
$(document).ready(function(){
$("#commentForm").validate({
rules: {
name: "required",
email: {
required:true,
email:true
},
url:{required:true,url:true},
comment:"required"
},
messages: {
email: {
required: 'Enter this!',
email: 'enter valid email'
},
name: {
required: 'Enter name!'
},
url: {
required: 'Enter URL!',
url: 'Valid url'
},
comment: {
required: 'Enter Comment!'
}
}
});
});
</script>

Copy this part in your body section.

<form id="commentForm" method="get" action="">
<fieldset>
<legend>A simple comment form with submit validation and default messages</legend>
<table>
<tr>
<td><label for="cname">Name</label></td>
<td><em>*</em><input id="cname" name="name" size="25" minlength="2" /></td>
</tr>
<tr>
<td><label for="cemail">E-Mail</label></td>
<td><em>*</em><input id="cemail" name="email" size="25" /></td>
</tr>
<tr>
<td><label for="curl">URL</label></td>
<td><em>*</em><input id="curl" name="url" size="25" value="" /></td>
</tr>
<tr>
<td><label for="ccomment">Your comment</label></td>
<td><em>*</em><textarea id="ccomment" name="comment" cols="22"></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Submit"/></td>
</tr>
</table>
</fieldset>
</form>

How to make bootable pen drive

2011-03-07T12:02:00.001-08:00

Requirements:
*USB Flash Drive (Minimum 4GB)
*Windows 7 or Vista installation files.
Follow the below steps to create bootable Windows 7/Vista USB drive using which you can install Windows 7/Vista easily.
1. Plug-in your USB flash drive to USB port and move all the contents from USB drive to a safe location on your system.
2. Open Command Prompt with admin rights. Use any of the below methods to open Command Prompt with admin rights.
*Type cmd in Start menu search box and hit Ctrl+ Shift+ Enter.
Or
*Go to Start menu > All programs > Accessories, right click on Command Prompt and select Run as administrator.
3. You need to know about the USB drive a little bit. Type in the following commands in the command prompt:
First type DISKPART and hit enter to see the below message.

Next type LIST DISK command and note down the Disk number (ex: Disk 1) of your USB flash drive. In the below screenshot my Flash Drive Disk no is Disk 1.
4. Next type all the below commands one by one. Here I assume that your disk drive no is “Disk 1”.If you have Disk 2 as your USB flash drive then use Disk 2.Refer the above step to confirm it.
So below are the commands you need to type and execute one by one:
SELECT DISK 1
CLEAN
CREATE PARTITION PRIMARY
SELECT PARTITION 1
ACTIVE
FORMAT FS=NTFS
(Format process may take few seconds)
ASSIGN
EXIT
Don’t close the command prompt as we need to execute one more command at the next step. Just minimize it.

5. Next insert your Windows7/Vista DVD into the optical drive and check the drive letter of the DVD drive. In this guide I will assume that your DVD drive letter is “D” and USB drive letter is “H” (open my computer to know about it).
6. Maximize the minimized Command Prompt in the 4th step.Type the following command now:
D: CD BOOT and hit enter.Where “D” is your DVD drive letter.
CD BOOT and hit enter to see the below message.
7. Type another command given below to update the USB drive with BOOTMGR compatible code.
BOOTSECT.EXE /NT60 H:

Where “H” is your USB drive letter. Once you enter the above command you will see the below message.
8. Copy your Windows 7/Vista DVD contents to the USB flash drive.
9. Your USB drive is ready to boot and install Windows 7/Vista. Only thing you need to change the boot priority at the BIOS to USB from the HDD or CD ROM drive. I won’t explain it as it’s just the matter the changing the boot priority or enabling the USB boot option in the BIOS.

How to make a custom "404 error" page!

2011-03-07T11:59:00.001-08:00

A "404" is an error message you get when you follow a link to a web-page that doesn't exist. By default this error message is a web-page created by your web-host provider.
Did you know that you can customize this web-page? This will keep you from losing viewers when you delete a page or mess up a link ... funneling those "lost souls" back into your site. This is especially important for search engines ... you don't want to lose all that SE traffic when you move a page!
Directions

Open a text editor (Windows notepad will do), and copy the following onto the first line:

ErrorDocument 404 /error-page.html

Now, save the file onto your hard-drive as a text file (.txt) and name it ".htaccess.txt". Yes, I know that is a weird file name, but that first period is necessary. We'll rename the file after we upload it.
FTP to your web-site's root directory (where your homepage is located) with a program like WS-FTP. Copy the above file into the main directory of your site.
note: Be sure to upload in "ascii" and not "binary" format.
Rename ".htaccess.txt" to plain old ".htaccess"
Finally, create a custom web-page with your html editor, name it "error-page.html", and upload it into your root directory.