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.

After long research and modification, I got success to make such type of script which shows your image properly.I have made script which preview your image same like template monster .

Today I will provide you this script. Click here to see the Demo of this script.

For Download full source code, Click Below links or Click Here

If you have any suggestion or any query regarding this script, then feel free to comment on this post.
Thanks !!

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.

<div id=”test” style=”background-color:#000;”></div>

In above DIV, i give background color black so you can see the change. Now write below code in you head section.I am giveng you some code whcih use for this.

$(window).width(); => It returns width of the body

$(document).width(); => It returns width of the whole window

$(window).height(); => It returns height of the body

$(document).height(); => It returns height of the whole window

Now for an example you want the div height same as your body

then use below code. First make one div like

<div id=”test” style=”background-color:#000;”></div> I set blacj background color because you can see the change.

Suppose in your web page, there is one header which height is 100px and you want the above div height after header. So follow below code. Put this code in head section.

Thats it. You can also use span tag instead of div. You can set your DIV height/width as page resize. If you have any confusion or query about this than comment on this.

Thanks You !

Today i want to share with you some important topic.

I think you don’t know that jQuery and Prototype both will not work at same page. if you are using jquery with prototype with default settings than it will create a problem and not work according to our requirement.

I already face this problem. After long research, i have found the solution and which is working fine for me.
So The solution Read it Carefully because the arrangement is very important.

First Define jQuery in your webpage.
Click on below links for more:

<script language=”javascript” src=”js/jquery.js”></script> (Define jQuery)

// After Defining jquery file you must asign a new variable to jQuery here i have used it as “hoot”
// The reason to use this is “$” is used in both the js Jquery and Prototype and its conflicting one another.
// Prototype uses$ for id based selection
// jQuery $ uses CSS based selection
// so here “$” would be replaced with “hoot”
// so the conflict with prototype $ will be removed.

<script type=”text/javascript”>
var hoot = jQuery.noConflict();
</script>

// Define prototype js
<script language=”javascript” src=”js/prototype/prototype.js”></script>

=====================================
In Normal use of jQuery syntax will be
=====================================
<script type=”text/javascript”>
$(document).ready(function()
{
// Your code;
}
</script>
Click on below links for more:

=====================================
In jQuery+Prototype together syntax will be
=====================================
<script type=”text/javascript”>
hoot(document).ready(function()
{
//Your Code
}
</script>

So use this technique, and definitely your code starts working.

If you like this post then please comment. If you have any query or confusion then also comment me.

Thanks …