1

Flip any part of any webpage. {jQuery} {Bookmarklet}

4377699683's Avatar 43776996837/7/14 9:45 pm
1 emeralds 1.2k 19
7/25/2014 4:53 pm
Xero -'s Avatar Xero -
Flip PMC Chat:
All you have to do is go to this link: http://edudek.org/jareds/PMCflipChat/
And follow the instructions on how to do it.

Tip: Click it again to un-flip.

I got the idea for this from an april fools joke here on PMC about 2 years back that flipped the chat.


Flip any part of a webpage:
All you have to do is go to this link: http://edudek.org/jareds/jqueryFlip/
And follow the instructions on how to do it.

Tip: Click the part on the webpage to un flip it.


Old Post
Ever wanted to turn your chat upside down? Of course you do!

All you have to do is go to this link: http://edudek.org/jareds/PMCflipChat/
And follow the instructions on how to do it.

Tip: Click it again to un-flip.

Just a fun little thing I did... Hope you have a little fun with it. You can prank a friend with it...

I got the idea for this from an april fools joke here on PMC about 2 years back that flipped the chat.

EDIT: Waits for some1epic123 to get first post...
Posted by 4377699683's Avatar
4377699683
Level 25 : Expert Network
170

Create an account or sign in to comment.

19

1
07/25/2014 4:53 pm
Level 4 : Apprentice Miner
Xero -
Xero -'s Avatar
Redesigned in pure JavaScript



Although a bit bulky this should work on any webpage just fine, jQuery included or not.

I've also added a feature where you don't need to click the webpage, it just adds it automatically (click the bookmark again, and it unflips).

You can bookmark it from this JSFiddle




Keep in mind that this is guaranteed not to work on any websites that dynamically add style to an element. The site will break.
1
07/20/2014 9:44 pm
Level 4 : Apprentice Miner
Xero -
Xero -'s Avatar
You could write a pure JavaScript solution for this? I can help, if you'd need. I do use pure JavaScript more than jQuery.
1
07/20/2014 9:45 pm
Level 25 : Expert Network
4377699683
4377699683's Avatar
Yeah go ahead. I'll send you the Flip Element code on Skype. It's a bit different.
1
07/20/2014 9:40 pm
Level 4 : Apprentice Miner
Xero -
Xero -'s Avatar
The problem is that his doesn't work unless the page has jQuery included. Correct me if I'm wrong.

I'm assuming this because it's wrote in jQuery. And I'm not sure how you'd include that into javascript URLs
1
07/20/2014 9:42 pm
Level 25 : Expert Network
4377699683
4377699683's Avatar
Well it is included via the bookmark. So if the site doesn't have it it will be included.
But yes if for some reason it fails to be included it will not work.
1
07/20/2014 9:36 pm
Level 39 : Artisan Farmer
Mishkia
Mishkia's Avatar
Flip Elements doesn't work .w.
1
07/20/2014 9:40 pm
Level 25 : Expert Network
4377699683
4377699683's Avatar
Hmm. What browser and what website and where on the website? Somethings don't flip.
1
07/20/2014 9:33 pm
Level 44 : Master Wolf Whisperer
ImaLittleCreeper
ImaLittleCreeper's Avatar
Last bumped by jdf2 on July 20th, 2014, 8:14 pm.
What is this sorcery?
1
07/20/2014 9:41 pm
Level 25 : Expert Network
4377699683
4377699683's Avatar
I've found a button.
As long as you are the last person who has posted and has been exactly 24 hours or more since the last post it will show up at the very bottom of the page. Right after "Bookmark Topic".
I found it a while back but just recently started using it. It's in all PHPbb forums.
1
07/20/2014 9:14 pm
Level 25 : Expert Network
4377699683
4377699683's Avatar
Bump...
1
07/10/2014 5:46 pm
Level 25 : Expert Network
4377699683
4377699683's Avatar
Added a new bookmarklet that lets you flip any part on any webpage:


Flip any part of a webpage:
All you have to do is go to this link: http://edudek.org/jareds/jqueryFlip/
And follow the instructions on how to do it.

Tip: Click the part on the webpage to un flip it.
1
07/10/2014 12:35 am
Level 15 : Journeyman Architect
WhimsicalTuber17
WhimsicalTuber17's Avatar
Looks good, sir.
1
07/10/2014 12:29 am
Level 25 : Expert Network
4377699683
4377699683's Avatar
Bump...
1
07/08/2014 4:17 pm
Level 39 : Artisan Scribe
Jetra
Jetra's Avatar
Moved to Your Creations

/move
1
07/07/2014 11:29 pm
Level 44 : Master Wolf Whisperer
ImaLittleCreeper
ImaLittleCreeper's Avatar
That's pretty funny xD
1
07/07/2014 11:14 pm
Level 30 : Artisan Architect
PizzaPenguin_
PizzaPenguin_'s Avatar
How does this work?
1
07/07/2014 11:25 pm
Level 25 : Expert Network
4377699683
4377699683's Avatar
If you mean how to do it: Drag it to your bookmarks bar. Then click it in PMC chat.

If you mean how it works: Javascript.

if($("#chat").attr("style") == "-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);"){

$("#chat").attr("style", "")

}
else{

$("#chat").attr("style", "-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);")

}

Just in a bookmarklet.
It uses CSS animation to rotate it 180 Degrees.
1
07/07/2014 11:38 pm
Level 30 : Artisan Architect
PizzaPenguin_
PizzaPenguin_'s Avatar
Thanks! I'm sure that's simple to you, but it looks complicated to me. I tried to get into computer languages and such, but always ended up failing.
1
07/07/2014 9:48 pm
Level 23 : Expert Modder
some1epic123
some1epic123's Avatar
Perfect for saying secret messages and deleting them before Jared can translate<3



Edit: Waits for et to get the second post...
Planet Minecraft

Website

© 2010 - 2024
www.planetminecraft.com

Welcome