Multiple Web Pages on 1 screen/page??

JDobbsy1987 · 23 Mar 2011

Hi,

Does anyone know of an easy way or an application that can display something like 4 web pages on one screen (this screen can be an application or another web page)

I would like something like this:

Multiple Web Pages on 1 screen/page??-untitled.png

I have a projector that is used for monitoring some systems and rather than having the web pages rotating through tabs i want them all to display on one page.

Regards,
JDobbsy1987

EDIT:
Just so you are aware, these web pages i wish to display are internal sites so when trying to use this service it didnt work - http://www.viewista.com/index.php

youllbelost · 23 Mar 2011

You want a screen shot or the whole working web page on the screen?

JDobbsy1987 · 23 Mar 2011

youllbelost said:

You want a screen shot or the whole working web page on the screen?

Cheers for the reply,

It would need to be a working page rather than screen shots.

Regards,
JDobbsy1987

JDobbsy1987 · 23 Mar 2011

As a test i have tried creating a new page with the following:

HTML Code:

<div id='div1'><iframe src='http://jde-html/''></iframe></div>
<div id='div1'><iframe src='http://ittimesheets:8080/ehour/eh/login/Login/''></iframe></div>
<div id='div1'><iframe src='http://nagios/nagios/''></iframe></div>
<div id='div1'><iframe src='http://tfs01/default.aspx''></iframe></div>

but it displays like this:

Multiple Web Pages on 1 screen/page??-capture.jpg

How would i get these in a 2x2 grid?

Regards,
JDobbsy1987

RealPetChicken · 23 Mar 2011

align="right" maybe?

TCG · 23 Mar 2011

HTML Code:

<table style="width:1000px;">
    <tr>
      <td align="center" width="50%"><iframe src="http://slashdot.org" style="width:500px;height:400px;"></iframe></td>
      <td align="center" width="50%"><iframe src="http://slashdot.org" style="width:500px;height:400px;"></iframe></td>
    </tr>
    <tr>
      <td align="center" width="50%"><iframe src="http://slashdot.org" style="width:500px;height:400px;"></iframe></td>
      <td align="center" width="50%"><iframe src="http://slashdot.org" style="width:500px;height:400px;"></iframe></td>
    </tr>
</table>

You'll have to change your desired urls in the iframes, and can play around w/ heights and widths depending on the display you're going to be running on.

Produces....

CyberZeus · 23 Mar 2011

Add

Code:

style="overflow: auto"

to iframes to have scrollbars.

TCG · 23 Mar 2011

CyberZeus said:

Add

Code:

style="overflow: auto"

to iframes to have scrollbars.

Overflow of auto is default for iframes on most mainstream browsers these days. You shouldn't need it but it cannot hurt either.

JDobbsy1987 · 23 Mar 2011

Thank you for all your replys on this, i have managed to get 2 things working now :)
The code above has helped and i also found a firefox addon that allows the screen to be split.

If it helps anyone then i have used this addon in firefox 4.0 - https://addons.mozilla.org/en-US/fir...don/tile-tabs/

Regards,
JDobbsy1987

TCG · 23 Mar 2011

JDobbsy1987 said:

Thank you for all your replys on this, i have managed to get 2 things working now :)
The code above has helped and i also found a firefox addon that allows the screen to be split.

If it helps anyone then i have used this addon in firefox 4.0 - https://addons.mozilla.org/en-US/fir...don/tile-tabs/

Regards,
JDobbsy1987

Glad you got something working. And thanks for sharing that addon. Looks pretty awesome and I can surely find a use for that w/ my various snmp graphs.

:)