How to Permanently Resize a Link to Fit the Screen

A combination of JavaScript and HTML code allow you to resize a hyperlink permanently to fit the viewer's screen. Some Web content requires a full screen view, and site visitors can miss the desired effect if they are viewing that content in a tiny window. Because the settings on a viewer’s computer typically dictate the size of a new window, the ability to declare the size of a link window offers you more control over your content’s display.

Instructions

1. Launch your Web editing program.

2. Click "File" at the top of the window, click "Open" and then double-click the Web page containing the link that you want to permanently resize. If your Web-editing program has "Code" and "Design" options, select the "Code" option.

3. Scroll to the hyperlink that you want to permanently resize.

4. Replace the "<a href>" tag preceding the hyperlink with the following:

   <a href="http://www.mylink.com" onclick="window.open(this.href,'','left=0,top=0,width='+screen.width+',height='+screen.height);return false">

   Replace "http://www.mylink.com" with the URL to which you want to link.

5. Click "File" at the top of the window and then click "Save" to apply your changes.

Tips & Warnings

• Avoid overuse of this technique; visitors can become confused if they have too many Web browser windows open on their screen.

References

• W3Schools.com: Window Open() Method