NewSourceMedia Blog » Browser Window http://newsourcemedia.com/blog Focused on Interactive Design, Development and Marketing Fri, 30 Dec 2011 04:30:03 +0000 en hourly 1 http://wordpress.org/?v=3.3 Javascript Center Popup Window http://newsourcemedia.com/blog/center-popup-window/ http://newsourcemedia.com/blog/center-popup-window/#comments Sun, 25 Jul 2004 00:22:11 +0000 admin http://newsourcemedia.com/blog/2004/07/24/center-popup-window/ Continue reading →]]>
Now create a link with a hash in the href attribute and add the javascript call on a onClick command. 
 Popup
Be sure to change the url "freepennysaver.com" to your url.]]> http://newsourcemedia.com/blog/center-popup-window/feed/ 0 Popup Chromeless Window http://newsourcemedia.com/blog/popup-chromeless-window/ http://newsourcemedia.com/blog/popup-chromeless-window/#comments Wed, 26 May 2004 00:22:11 +0000 admin http://newsourcemedia.com/blog/2004/05/25/popup-chromeless-window/ Continue reading →]]> Introduction: Here's a simple but flexible javascript popup function. This effect is known as a chromeless window. This usually means that the window is resized and the browser features (nav buttons, address field, scrollbars, resize handle, and favorites) are hidden or altered.

Javascript Source Code:

<script language="javascript"> <!-- var openwin; function popupwin(url,myname,w,h,s) { settings='height=' h ',width=' w ',scrollbars=' s ',toolbar=no,location=no,status=no,menubar=no, resizable=no,dependent=no' openwin=window.open(url,myname,settings); }// --> </script> HTML Source Code: <p> Click here to <a href="#" onClick="popupwin('/index.php','Loading','400','400','yes');"> Open Popup Window</a> the pop up. </p>

Adding it to your site:

First create a variable called "openwin". Next create a function called "popupwin()". This does all the work. To configure the code for your site, just change the values inside the javascript "settings" line and the html link "onClick" values. And that's it. Click here for a working sample.]]> http://newsourcemedia.com/blog/popup-chromeless-window/feed/ 6 Breaking out of frames http://newsourcemedia.com/blog/breaking-out-of-frames/ http://newsourcemedia.com/blog/breaking-out-of-frames/#comments Tue, 28 Oct 2003 00:22:11 +0000 admin http://newsourcemedia.com/blog/2003/10/27/breaking-out-of-frames/ Continue reading →]]> Place the following code in the header <script language="JavaScript" type="text/javascript"> <!-- function break_out_frames() { if (top.location != location) { top.location.href = document.location.href ; } } --> </script> I would prefer to place the javascript function into a separate file with a name like "functions.js". This is how the code would look inside the "functions.js" file: function break_out_frames() { if (top.location != location) { top.location.href = document.location.href ; } } To include the javascript function file into your pages, place the following code in the headers: <script src="functions.js" language="JavaScript" type="text/javascript"> </script> To trigger the breakout of frame javascript function, using ether of the above techniques, add the following code to the body tag: <body onload="break_out_frames()"> That's it. For a list of Books on Javascript for Beginners and Advance Coders click here!]]> http://newsourcemedia.com/blog/breaking-out-of-frames/feed/ 0