Image Preview Script like Template Monster

Hello Friends !!
Since last few days, I am looking for Image Preview Script like template monster. I was doing lots of googling to fing this type of script.
I found one script from javascriptkit.com but its not browser compitible script. (Not working in Google Chrome and Safari). I was searching in goole to make this script compitible with all the browsers. But I wasn’t get any help. At that time, I decided to make such type of script.
Change DIV height/width with body width/height using jQuery

Hello Friends !!
SInce last few dyas, I am facing the problem that how can I change DIV height/width with body or browser height/width ? I want that DIV heoght is increase when browser heignt increase and decrease when browser height decrease.
In short I wnat my DIV size browser friendly. For this, I search many things in google and finally I found the solution by jQuery. In this post, I will give you code that how to change your DIV height/width with browser height/width veries.
First download latest jQuery file. After this make one DIV for which you want to change the height/width.
Continue reading »
Delete Record Using JQuery and PHP with Animation
Hello Friends !!
Today I will Give you code to delete records using JQuery and PHP with Animation effect.
It is very simple to understand. First you have to download jquery.js which is availble HERE.
After that copy this code in your PHP file and run it.
Continue reading »
Username Availability Chacker in AJAX and PHP using jQuery
Hello Friend !
Yesterday when i was searching, i was found some new thing.
In this post i will show yuo that how to make afancy Username availability checker using AJAX and PHP wiyh jQuery.
If you are looking for such kind of effect for checking username availability then defenately this post helps you.
Now let’s see hoe to check username using AJAX and PHP with jQyery.
First of all, write this code in your html code:
<div > Â User Name : <input name="username" type="text" id="username" value="" maxlength="15" /> Â <span id="msgbox" style="display:none"></span> </div>
In this code, “span” with id “msgbox” shows the username availability message from ajax.
Continue reading »
Example of AJAX and PHP
Hello Friends !
Here I explain one Example how AJAX used in PHP ?
First create a database displayed below:
| id | FirstName | LastName | Age | Hometown | Job |
|---|---|---|---|---|---|
| 1 | Peter | Griffin | 41 | Quahog | Brewery |
| 2 | Lois | Griffin | 40 | Newport | Piano Teacher |
| 3 | Joseph | Swanson | 39 | Quahog | Police Officer |
| 4 | Glenn | Quagmire | 41 | Quahog | Pilot |
Then You have to create HTML form:
<html> <head> <script src="selectuser.js"></script> </head> <body>
<form> Select a User: <select name="users" onchange="showUser(this.value)"> <option value="1">Peter Griffin</option> <option value="2">Lois Griffin</option> <option value="3">Glenn Quagmire</option> <option value="4">Joseph Swanson</option> </select> </form>
<p> <div id="txtHint"><b>User info will be listed here.</b></div> </p>
</body> </html>
Do You Know What is AJAX ?
AJAX : Asynchronous Java And XML
Ajax is a set of programming techniques or a particular approach to Web programming. These programming techniques involve being able to seamlessly update a Web page or a section of a Web application with input from the server, but without the need for an immediate page refresh. This doesn’t mean that the browser doesn’t make a connection to the Web server.
Ajax doesn’t have to use XML, and neither does it have to be asynchronous. Ajax applications can use XML, and they can be updated asynchronously. These are quite common tricks and techniques used to update the page, but they are not tied to these technologies.
Here are the technologies he specifically mentioned:
- XHTML and CSS
- The Document Object Model (DOM)
- JavaScript
- XML and XSLT
- The
XMLHttpRequestobject
In reality, to create an application using Ajax techniques you need only three of these: XHTML, the DOM, and JavaScript. If you do any amount of development with Ajax techniques, though, you will almost certainly need to use all of the technologies at some point.
You’ll also probably need a server-side language to handle any interaction with the server. This is most typically one of the following three:
- PHP
- ASP.NET (Visual Basic.Net/C#)
- Java
This is the Overview of AJAX.
In my Next Post I will write that how to use AJAX in PHP ?
Don’t Forget to leave comment.
Thanks…….




