OUseful.Info, the blog…

Trying to find useful things to do with emerging technologies in open education

Split Screen Screenshots

with one comment

Some time ago, I posted a quick hack about how to capture “split screen” screenshots, such as the one below, that shows a BBC News video embedded in a Guardian online news story:

This utility can be handy when you want to capture something in a single screenshot from the top and the bottom of a long web page, but don’t necessarily want all the stuff in between.

Anyway, the hack was included in the middle of a longer web page, so here’s a reposting of it…

On a server somewhere, place the following PHP script:

<html>
<head>
<title></title>
</head>

<frameset rows="30%, 70%">
      <frame src="<?php echo $_GET['url']; ?>">
      <frame src="<?php echo $_GET['url']; ?>">
</frameset>

The bookmarklet simply uses the current page URI as an argument in a call to the above page:

javascript:window.location=
“http://localhost/splitscreen.php?url=encodeURIComponent(window.location.href);

Here’s the bookmarklet in action:

(I was going to pop up a version of the script to http://ouseful.open.ac.uk, but for some reason I can’t get in to upload anything there just at the moment:-(

Written by Tony Hirst

August 19, 2009 at 12:06 pm

Posted in Infoskills, Tinkering

Tagged with ,

One Response

Subscribe to comments with RSS.

  1. [...] Every so often I throw together a quick hack whilst putting together another post. Take the Split Screen Screenshots bookmarklet as an example: that was built becwhen I needed to grab the top and bottom part of a [...]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 150 other followers