
	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: 82364 times

Rating (27 votes):

3.3 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

Online Fax Reviews

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'

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

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

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.

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.

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

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.

Simple date validation by Chris Hogben function that takes a date in three parts, day, month and year - returns true if it's a valid date.

Recent Forum Threads

•	Game:Colonization based with HTML5 Canvas and JavaScript
•	Pointwise.GridGen.v15.18
•	Global.Mapper.v15.2.3.b060614
•	Geometric_Glovius_Pro_v3.6.1
•	VERO.SurfCAM.v2014
•	Schlumberger.Petrel.V2013.2
•	Petrel.V2013.2
•	Altair.HyperWorks.v12
•	VoluMill.v6.1

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

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