How do you Maximize a Web Page in HTML?

Posted on 2007-11-15
Medium Priority
Last Modified: 2012-06-27
Hello-  I have a hyperlink on my web page that opens another web page when clicked.  When that hyper is clicked the correct web page opens but is not maximized by default.  What can I add to my HTML or javascript code to have that page open Maximized?

Question by:JoshinHtown
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
LVL 54

Expert Comment

ID: 20293953

HTML can't, it just opens the new window as the same size as the current one, but Javascript can help.  You would use window.open.  The "maximize" option is no longer well supported so you should specify a size too.  For example ...

<a href="#" onclick="window.open('http://thedomain.com/page.htm', 'windowName', 'height=600,width=800,fullscreen=yes');">Open window</a>

You can specify the URL, the window name (which is used by the script) and the features.

Let me know if you have any questions or need more information.

LVL 54

Expert Comment

ID: 20293956
You can get more info on window.open at http://www.devguru.com/Technologies/ecmaScript/quickref/win_open.html.


Author Comment

ID: 20294076
Hello b0lscott-

I tried this code below for my hyperlink but nothing happens when I click it at runtime.  What am I missing?  Regards,

<area href="#" onclick="window.open('www.yahoo.com, 'Yahoo Site', 'height=600,width=800,fullscreen=yes');"></a>
WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

LVL 54

Accepted Solution

b0lsc0tt earned 200 total points
ID: 20294100
There are just some small errors.

<a href="#" onclick="window.open('http://www.yahoo.com', 'YahooSite', 'height=600,width=800,fullscreen=yes');">Link</a>

That should work.


Author Comment

ID: 20294328
Great. Thanks
LVL 54

Expert Comment

ID: 20294572
Your welcome!  I'm glad I could help.  Thanks for the grade, the points and the fun question.


Featured Post

Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Suggested Courses

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question