homepage Welcome to WebmasterWorld Guest from 54.196.63.93
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
Turning pages upside down with JS
filter: flipv()" and "filter: fliph()
Blitz

10+ Year Member



 
Msg#: 282 posted 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

WebmasterWorld Senior Member tigger us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 282 posted 3:21 pm on Feb 8, 2003 (gmt 0)

Hi Blitz

Welcome to WebmasterWorld

Sorry you've lost me :(

Blitz

10+ Year Member



 
Msg#: 282 posted 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

10+ Year Member



 
Msg#: 282 posted 3:27 pm on Feb 8, 2003 (gmt 0)

Stand on your head?

Blitz

10+ Year Member



 
Msg#: 282 posted 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

WebmasterWorld Senior Member digitalghost us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 282 posted 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

10+ Year Member



 
Msg#: 282 posted 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

WebmasterWorld Senior Member jomaxx us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 282 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 282 posted 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

10+ Year Member



 
Msg#: 282 posted 4:41 pm on Feb 8, 2003 (gmt 0)

I cant find anything to make it upside-down

awoyo

10+ Year Member



 
Msg#: 282 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 282 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 282 posted 7:33 pm on Feb 8, 2003 (gmt 0)

that is cool :)

nancyb

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 282 posted 9:55 pm on Feb 8, 2003 (gmt 0)

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

Stefan

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 282 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 282 posted 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved