Turning pages upside down with JS

Forum Moderators: open

Message Too Old, No Replies

Turning pages upside down with JS

filter: flipv()" and "filter: fliph()

Blitz

3:18 pm on Feb 8, 2003 (gmt 0)

I dont know if this should be here, but my brother knows someone who can make Google up-side down, does anybody know how to do that?

tigger

3:21 pm on Feb 8, 2003 (gmt 0)

Hi Blitz

Welcome to WebmasterWorld

Sorry you've lost me :(

Blitz

3:26 pm on Feb 8, 2003 (gmt 0)

Ok, Ill try to explain better.

My brother knows someone who can make Google toally upside down, you know, to is on bottom, bottom is on top, everything is upside down.

atadams

3:27 pm on Feb 8, 2003 (gmt 0)

Stand on your head?

Blitz

3:36 pm on Feb 8, 2003 (gmt 0)

I dont know how, a my brother said was he knows someone that can make googe upside down.

digitalghost

3:47 pm on Feb 8, 2003 (gmt 0)

Or you can run a script that turns your browser window upside down. It is not Google specific... :)

Blitz

3:53 pm on Feb 8, 2003 (gmt 0)

Ok, ideavirus
I can see it mirrored, but I want to know how to make it Upside down.
Know how to do that?

jomaxx

4:20 pm on Feb 8, 2003 (gmt 0)

You can mirror/invert a page, or part of a page, using CSS. Look into "filter: flipv()" and "filter: fliph()". I believe this only works for MSIE.

For greater usability, I routinely flip my pages right to left for Israeli users, and top to bottom for Australians and Kiwis.

aspdaddy

4:31 pm on Feb 8, 2003 (gmt 0)

Maybe its one of the joke versions they do? like
Ewmew Fudd Google [google.com]
:)

Blitz

4:41 pm on Feb 8, 2003 (gmt 0)

I cant find anything to make it upside-down

awoyo

6:55 pm on Feb 8, 2003 (gmt 0)

Well, since the page is called index.cgi, I would guess it's basically just a string swapping function.

Key_Master

7:15 pm on Feb 8, 2003 (gmt 0)

<script type="text/javascript">
document.write("<body style=\"filter: flipv;\">");
</script>

Add this to the top or bottom of the code in Google's homepage and it will flip the page upside down in MSIE. Example on request via stickymail.

aspdaddy

7:33 pm on Feb 8, 2003 (gmt 0)

that is cool :)

nancyb

9:55 pm on Feb 8, 2003 (gmt 0)

Oh, wow, just another reason I love this forum. ;)

Stefan

10:00 pm on Feb 8, 2003 (gmt 0)

Very cool for sure, Key_Master.

I'm tempted to use that on one of my own pages just to confuse people; bury it deep somewhere and then flip it back and forth every few days. Copied and pasted, thanks.

<added> Just tried it... it's backwards too, even better...</added>
<added again>Just backwards if you turn your head upside down... very bizarre</added>

Key_Master

10:35 pm on Feb 8, 2003 (gmt 0)

<script type="text/javascript" language="JavaScript">
document.write("<style type=\"text/css\">");
document.write("body \{ filter: fliph flipv \}");
document.write("</style>");
</script>

Here's a better way to do it using CSS and thanks to jomaxx for the "filter: flipv()" tip.