
	ASP Shopping Cart, Forum & BBS - all for $20 from CodeToad Plus!

Home || ASP | ASP.Net | C++/C# | DHTML | HTML | Java | Javascript | Perl | VB | XML || CodeToad Plus! || Forums || RAM

Search Site:

Home » Javascript » Article

Javascript Growing window

Article by:

farnoosh (12/11/2003)

	Add to Favourites
	Tell a friend

Summary:

this is a neat pop up windows which glows from the center after clicking on a link and really catches the eyes of the visitors.

Viewed: 69060 times

Rating (25 votes):

3.2 out of 5

Rate this Article

Read Comments

Post Comments

Javascript Growing window

Online Demo

This is a neat pop up windows which grows from the center after clicking on a link and really catches the eyes of the visitors.

If you want to see the working growing window simply click here

Copy and paste the following code into your html head tag.

Select All Code

</script>
<script type="text/javascript">
window.defaultStatus=document.title;
//var f="resizable=1,fullscreen=1";      
function launchGen(h,t){
var f="resizable=1";
GrowFromCenter(h,t,800,570,f);}
function launchGbook(h,t){
var f="location,directories,status,menubar,toolbar,resizable";
GrowFromCenter(h,t,800,screen.availHeight,f);}
</script>
<script type="text/javascript" src="your .js file name"></script>


<script>
function stopErrors() {
 return true;
}
window.onerror = stopErrors;
</script>

This script simply links to your growing window.

Select All Code

<TD class=TImain>
                  <P><B><FONT color=#0099ff></FONT> <A class=AdText 
                  onclick="launchGen(this.href,this.target);return false;" 
                  href="your link">The link title</A> <FONT color=#0099ff></FONT></B> 
                  <BR>descriptions</P></TD></TR></TBODY></TABLE>
            <TABLE class=Tmain cellSpacing=0 cellPadding=3 width="100%" 
            background="the background picture" 
            border=2>
              <TBODY>
              <TR>

And finally here is the script for your .js file just copy and past it to the notepad and save it as a javascript file in the same directory where your page is.

Select All Code

function NewWindow(u,n,w,h,f,p,x,y){var    ws=window.screen?1:0,m=Math,C='center',R='random',M='custom',sw=screen.availWidth,sh=screen.availHeight,T=(p==C&&ws)?(sh-h)/2:(p==R&&ws)?(m.floor(m.random()*(sh-h))):(p==M)?y:100,L=(p==C&&ws)?(sw-w)/2:(p==R&&ws)?(m.floor(m.random()*(sw-w))):(p==M)?x:100,s='width='+w+',height='+h+',top='+T+',screeny='+T+',left='+L+',screenx='+L;s+=(!f||f=='')?'':','+f;win=window.open(u,n,s);if(win.focus)win.focus();}

function GrowFromCenter(u,n,w,h,f){var WO=(d=document,WW=WH=100,s=window.screen,ws=s?1:0,sw=ws?s.availWidth:800,sh=ws?s.availHeight:640,x=(sw-WW)/2,y=(sh-WH)/2,l=(sw-w)/2,t=(sh-h)/2,s='width='+WW+',height='+WH+',top='+y+',screeny='+y+',left='+x+',screenx='+x,s+=(d.layers)?',resizable':'',s+=(!f||f=='')?'':','+f,W=self[n]=window.open('',n,s),(W&&!W.closed)?1:0);while(WW!=w||WH!=h){if(WO&&WW<w){W.moveTo((sw-WW)/2,(sh-WH)/2);    W.resizeTo(WW,WH);WW*=1.3}if(WO&&WW>w){WW=w;W.moveTo((sw-WW)/2,(sh-WH)/2);W.resizeTo(WW,WH)}if(WO&&WH<h){W.moveTo((sw-WW)/2,(sh-WH)/2);W.resizeTo(WW,WH);WH*=1.3}if(WO&&WH>h){WH=h;W.moveTo((sw-WW)/2,(sh-WH)/2);W.resizeTo(WW,WH)}}if(d.layers){W.outerHeight=h;W.outerWidth=w;}W.moveTo(l,t);W.document.location=u;W.focus();}

function win(u,n,w,h,f,p,x,y){
var ws=window.screen?1:0,sw=screen.availWidth,sh=screen.availHeight,m=Math,C='center',R='random',M='custom',T=(p==C&&ws)?(sh-h)/2:(p==R&&ws)?(m.floor(m.random()*(sh-h))):(p==M)?y:100,L=(p==C&&ws)?(sw-w)/2:(p==R&&ws)?(m.floor(m.random()*(sw-w))):(p==M)?x:100,s='width='+w+',height='+h+',top='+T+',left='+L;s+=(!f||f=='')?'':','+f,W=self[n]?self[n]:'';
if("object"==typeof W && !W.closed){
        W.blur();
            if(W.location!=u){W.location=u;}
        W.resizeTo(w,h);
        W.moveTo(L,T);
        W.focus();}
else{self[n]=window.open(u,n,s);self[n].focus();}}

Hope you enjoy it!!!

Useful Links

Fat Cow Hosting

FatCow Review

Advertise here

CodeToad Experts

Can't find the answer?
Our Site experts are answering questions for free in the CodeToad forums

Rate this article: Poor Excellent

View highlighted Comments

User Comments on 'Javascript Growing window'

Posted by : DefaultUserXP at 08:31 on Wednesday, May 19, 2004

Hello farnoosh. I just had to say hello & thanks 4 the Code. Come visit me on http://regedit.com

<Added>

The above link should be http://regedits.com

Posted by : mahmood at 13:12 on Wednesday, March 02, 2005

salam farnosh man ham irani hasam i have problem about tab +javascript

Posted by : bryanh at 09:54 on Sunday, May 13, 2007

Hello,

I need to know how to modify the js file so, that the parent window does not change as well. This is a great piece of code. I just have not been able to figure out how to click the link, have the new window open with the new href, but not modify the parent window. Im using this for a photogallery on my website and it works perfect for spawning my slideshows, but it keeps changing the parent window, which is a real issue.

Any ideas would be helpful. Thanks again for the code!

Bryan

Posted by : xaprios at 04:35 on Friday, January 30, 2009

Hey it s not working. can u give me demo

To post comments you need to become a member. If you are already a member, please log in .

RELATED ARTICLES
Javascript - Enable and Disable form elements by Jeff Anderson This is a relatively little known and under-used feature of javascript which can be very useful in guiding a user through a form. Using the disabled tag, you can switch on and off elements in a form.

Check IsNumeric Function by Jeff Anderson A javascript validation function to check whether the details entered by a user are numeric.

Javascript Onload Event by Jeff Anderson Sometimes you need to perform an action immediatley after the page has loaded. That's when the onLoad Event Handler comes in handy

Form Validation Function by Jeff Anderson A javascript validation function that you can use to validate all types of forms.

JavaScript Field Is Empty Form Validation by Jeff Anderson This javascript function allows you to check whether a form field has been completed or not.

Javascript Get Selected Text by Jeff Anderson A cross-browser script to get text selected by the user

Check Email Validation Function by Jeff Anderson A javascript validation function to check whether the user has entered a valid email address in a form.

Multiple submit buttons on a single form by Kiran Pai This script shows you how to submit the contents of a form to different programs depending on which Submit button you press. Additionally it also shows how to call two different functions when you press the Submit button.

Validate Form and Disable Submit Button by Marylou Marks I have a form that validates info, but I also want to disable the submit button. The disable part worked before adding the form validating.

Javascript onUnload Event Handler by Jeff Anderson The onUnload Event Handler allows you to perform an action as the user leaves the page.

Recent Forum Threads

•	C++
•	Re: refresh parent after closing pop up window
•	Dynamic Insertion
•	Date and Time function around the world???
•	Significant Factors
•	Perl array access
•	Re: huffman encoding and decoding in C++...
•	Perl One Liner: Replace {(
•	Re: html including php, accessing the functions

Recent Articles

	ASP GetTempName
	Decode and Encode UTF-8
	ASP GetFile
	ASP FolderExists
	ASP FileExists
	ASP OpenTextFile
	ASP FilesystemObject
	ASP CreateFolder
	ASP CreateTextFile
	Javascript Get Selected Text

submit a link - privacy - contact - advertise - hot links - link to us - submit your article