JavaScript Crazy Window Zoomer

26th August 2008 - 3 minutes read time

I really don't know how this would be useful, but it might teach you a couple of things about how to use the browser window functions and properties.

The following function resizes the browser window to nothing and then gradually increases this to full screen in a series of steps, at each step the window is moved so that it is in the middle of the screen. This in effect makes it look like the browser window is zooming in.

function warpSpeedWindow(){
 for(i = 0;i < 50;i++){
  window.moveTo(screen.availWidth * -(i - 50) / 100, screen.availHeight * -(i - 50) / 100);
  window.resizeTo(screen.availWidth * i / 50, screen.availHeight * i / 50);
 }
 window.moveTo(0,0);
 window.resizeTo(screen.availWidth, screen.availHeight);
}

You can call this function on the page load by using the following:

<script type="text/javascript" language="javascript">warpSpeedWindow();</script>

This is a fun little thing to do and should be used for educational purposes only. Please refrain from doing this on a live site. Any user who sees this effect is likely to think that the site is very unprofessional and go elsewhere.

JavaScript

Comments

Also, you can do this to any site, even if you are not the owner. All you need to do is insert the javascript code into the URL address bar and it will work on the current site. EG: (copy and paste this into your Address bar, but remember to have it all on ONE line!!!) javascript:for(i = 0;i < 50;i++){window.moveTo(screen.availWidth * -(i - 50) / 100, screen.availHeight * -(i - 50) / 100);window.resizeTo(screen.availWidth * i / 50, screen.availHeight * i / 50);}window.moveTo(0,0);window.resizeTo(screen.availWidth, screen.availHeight);

Submitted by Jamie Bicknell on Tue, 08/26/2008 - 22:00

Permalink
thanks for the bookmarklet. I've given it a go and it works!
Philip Norton

Submitted by giHlZp8M8D on Wed, 08/27/2008 - 07:51

Permalink

Add new comment

The content of this field is kept private and will not be shown publicly.
CAPTCHA
5 + 9 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

Related Content

Creating A Simple Pie Chart With CSS

25th December 2022

A pie chart is a great way of showing the relationship between numbers, especially when showing percentages. Drawing a pie chart from scratch takes a fair amount of maths to get working and so people usually go for third party charting libraries in order to add charts to the page.

Read more

Getting Up And Running With Nightwatch.js

24th July 2022

Nightwatch.js is an end to end testing framework, written in JavaScript. It can be used to test websites and applications and uses the W3C WebDriver API to drive modern browsers to perform the tests.

In this article I will look at setting up Nightwatch.js in a project and getting started with writing tests.

Read more

Creating Presentations In Markdown With Marp

15th May 2022

Marp or Markdown Presentation Ecosystem is a collection of tools that allows the generation of presentations of different formats from a markdown template. The tools are written in JavaScript and have a number of options that allow presentations of different styles and formats.

Read more