Many sites have signup pages. Every programmers try to make the signup pages attractive by adding stylish input CSS codes and others. Why not add a stylish username availability checker ? It’s very easy to add and will work on jQuery versions 1.2 and up. I’m also going to tell you how to check if username is available in the server side. Of course it’s PHP. The checking is SQL Injection free too. For Executing SQL queries we will use PHP PDO.

... [READ MORE]

I made a URL shortening service a year back using PHP & jQuery. It was pretty simple. You should know the concept of URL Shortening. The concept is simple. When a user sends a request to short a URL, PHP will check if the URL is valid. If it’s valid then PHP will make a string of 5 or 6 characters. A folder is created with the name of this string and an index.php file with header function code is created in this folder. This will make the folder redirect to the URL the user requested. Since it’s a folder no extensions will be seen ! So You can make up some pretty good URL‘s.

... [READ MORE]

You can redirect your blog to another URL. This redirection can be done using JavaScript or by adding a special meta tag. This redirection is useful when you want to redirect your old blog users to your new blog. The function we use in JavaScript is window.location and the meta tag has http-equiv attribute.

So Let’s begin.

Go to Blogger -> Blog to be redirected -> Template -> Edit HTML.
You will get a box with a lot of text. Use one of the following methods to redirect :

... [READ MORE]

If you want to upload images to an external server which is uploaded to your site by a client, you are at the right tutorial.
For this submission we will use 2 files :

1. form.php – The Page Where we will show the client the form. This file also sends the uploaded data to the external server.
2. handle.php – The Page on the external server which receives the uploaded data from form.php using cURL.

We won’t copy the uploaded file by the client to our server, instead we will directly send the file to the external server. For sending we will encrypt the file with base64.
OK. Lets’ Start. First, Let’s create the FORM page :

... [READ MORE]

While loading an iframe on page the most difficult thing is to set it’s height to the height of the content of the iframe. I looked around the web and got the code. This is pure Javascript, doesn’t contain jQuery or any other libraries. Set these functions :

function getDocHeight(doc) {
    doc = doc || document;
    var body = doc.body, html = doc.documentElement;
    var height = Math.max( body.scrollHeight, body.offsetHeight,
        html.clientHeight, html.scrollHeight, html.offsetHeight );
    return height;
}
function setIframeHeight(id) {
    var ifrm = id;
    var doc = ifrm.contentDocument? ifrm.contentDocument: ifrm.contentWindow.document;
    ifrm.style.visibility = ‘hidden’;
    ifrm.style.height = "10px"; // reset to minimal height in case going from longer to shorter doc
    // some IE versions need a bit added or scrollbar appears
    ifrm.style.height = getDocHeight( doc ) + 4 + "px";
    ifrm.style.visibility = ‘visible’;
}

... [READ MORE]

The maximum width we can add on a div is 100%. What if you want more than that ? The solution is not to add more percentage to div but to do something other. Adding white-space property.
This will only work on the main parent elements such as elements with display property as follows:

1. block
2. table
3. inline-block

So now you know what are the main parent elements. Now back to the point, to add infinite width set the white-space property to the value nowrap. Example:

... [READ MORE]

Well, this problem is pretty annoying to everyone who is using Dynamic Views, even to me. It’s a Blogger fault as always and there has not been a solution to the problem since it started on the Dynamic Views launch. Päivi & Santeri of Global Nomads founded a solution to this problem. Oh! I didn’t said the problem was. The problem is that the whole Blog will fail to load completely/properly. Some of the problems happen when the blog won’t properly load are listed below:

... [READ MORE]

Vertical alignment is difficult to find a solution. But I will tell you a simple way to align a div vertically center. The CSS property you’re going to use for this purpose is vertical-align.
Here is the code of a div aligned vertically.

#adiv{
display:inline-block;
vertical-align:middle;
}

This only works for div with the display property inline-block and some others which I don’t know. But it’s better to use inline-block.