• Hey Guest. Check out your NeoGAF Wrapped 2025 results here!

NeoHover - Chrome extension for showing full quoted post on hover

Status
Not open for further replies.
Introduction:
I made this thing to solve one of my bugbears with this site - the way nested quotes get pruned. I completely understand why it's necessary to keep things clean and avoid crashes (allowing too many nested quotes has been known to implode forum software). Still, I didn't like the way I would often need to open a new tab in order to see the original context of a post. A Chrome extension idea later and here we are.

I've been using it myself on two different Linux Chromiums, and one Win7 Chrome, pretty much since I put it together. I was hemming and hawing about sharing it since it's so trivial and so simply implemented, but I figured if it's useful to me, it might be useful to others. Have at it, and let me know if there's anything confusing or broken.

How it works:
1) Install the thing.

2) Find a quote which makes no sense because the original post contained a quote.
Like this one:
You need to weigh in on the thongs/sandals formality scale.
Or would that be location-based beef, damn.
Failing that, mention a carbonated beverage that's sure to divide opinion, and you're set.

3) Hover your mouse cursor over the circular chevron icon next to the name of the quoted person.

4) A little in-page popup (hidden div for you web folks) appears, rather like in this poorly-cropped image:
poEFCZU.png
You can still move your mouse around freely, the hovering just activates the effect.
Click on the 'Dismiss' panel to close the popup, or hover over another post.
(This is also helpful in threads where people edit their posts a lot, or where the 'fixed' joke starts getting a little out of hand.)

5) Left click anywhere on the hovering post to get rid of it, or hover over another chevron to change to looking at that post.

Potential issues/FAQ if anyone ever asked any:

I can't click on any links because the post disappears!
Resolved in 0.3
Original answer: You can still right-click->new tab on any links/etc. in the hovering div, but left clicks of any kind will kill it. I'm thinking about ways to solve this neatly, while still making it easy to get rid of the hovering post.

I clicked on the post accidentally and now it won't come back!
Resolved in 0.2.
Original answer: You can't see the same post twice in a row. You have to hover over a different post, then come back to the first. I disabled this specifically because I didn't want people to do it accidentally as I did several times in early tests. I'll probably change it soon, but wanting to look at the same post again RIGHT after wasn't that common for me. Worst case, it will ultimately be an option somewhere.

When I hover over another post, the first one disappears!
There's only one possible post at a time because I think that's neater, but theoretically you could have one for every quote on the page as you hovered over them. I'm not sure if the memory impact would be that bad. Why you would need that, I don't know.

Does this add an icon to my Chrome bar?
It does not, because it's too simplistic to need one. I didn't even think about one, it has the most generic icon ever right now. It would look terrible next to your address bar. Perhaps in the future it will have an options interface, but I'll probably hide that in the Extensions page. That's what the cool kids like Imagus do.

This makes my page seem to be refreshing, what's going on?
I'm pretty sure that problem comes from NeoGAF itself. A lot of ad things load after the initial load of the page (refresh this page and you'll see the refresh button go back and forth) so my extension is just showing that behaviour in a smaller area. You can see this pretty clearly with the Chrome developer console thing, there's a line where it does the GET on the NeoGAF page, then a GET for some NeoGAF resources required to display the page, and then a lot of stuff coming from 'pubmatic.com' and similar. You'll also see this name pop up in the bottom left of the Chrome tab where it shows what server it's loading from/waiting for at the moment. That is not coming from me.

Versions:
0.31 (Current): Fixed a CSS problem that was preventing the 'Dismiss' button acting like a button.
0.3/B]: Added a big 'Dismiss' button at the top of the div so that you can click freely within the popup (on links etc.)
0.2: Removed limitation of not being able to load the same post twice in a row (e.g. if accidentally closed). Should now be public on the Chrome Web Store.
0.1: First release.

Maybe/Wishlist Features (I'm not committing to any of these and you can't make me.):
- I'd love to have some configurable options for this. There's a method for user options within the extension framework, it should be fairly simple but I just need to spend time with it and maybe I'll have time for that soon.
- Different popup methods: mouse on to chevron to popup, mouse off to hide vs. current mouse on to popup, click 'Dismiss' to hide vs. something like Imagus (mouse on chevron to popup, only hide if mouse not on chevron OR popup).
- Different sizes for the popup. At the moment it takes up 50% horizontally and 40% vertically of the full browser space, which is me trying to ride the line between obvious and in the way, but people will always have their preferences on this stuff.
- Who knows, probably other things.

Boring background info/for the developers in the audience:
A few months ago I saw this lightning talk - really just a collection of slides - about how to build Chrome extensions, and like many other tutorials I thought I would take a cursory look, want to do something, and ultimately do nothing.
Not so. That very evening I created NeoHover in a couple of hours. If you have ever had an idea for a [simple] Chrome extension, I strongly encourage you to take a look through the first ten slides and see what you make of it. There should be enough info there to do something simple or funny or both.
 
My browser starts to rapidly attempt refreshing if I hover over a comment that is in the popbox from the first hover. Some recursion issue maybe?
 
My browser starts to rapidly attempt refreshing if I hover over a comment that is in the popbox from the first hover. Some recursion issue maybe?

That's interesting. It doesn't do anything at all for me, and since I thought the recursion would be unhelpful anyway, I didn't try to make it work. So you're hovering over the chevron thing in a quote that's in the popup? Could you screenshot it by any chance?
 
It's cool, but it stays after you're done hovering. Which makes browsing annoying as it blocks the posts below the quote.
 
It's cool, but it stays after you're done hovering. Which makes browsing annoying as it blocks the posts below the quote.

Yes, that's in the potential issues I mentioned. It stays around so that you can read it easily if you need to scroll, or right-click on links, or highlight text, or whatever. Just left click on it to dismiss it.

This happened to me as well
That is really strange. I've never seen this behaviour. Any chance of a screenshot?
 
Pretty neat. It is a little slow at loading. I also noticed that I can only do this once per quote. If I close a quoted pop-up it will not allow me to open a new pop-up for the same quote.
 
quick and dirty webums
http://a.pomf.se/ccqmnq.webm
This is pretty cool, and actually something I kind of wanted. However, you just need to work out the kinks, and this will be golden.

Okay, I was able to reproduce this in a portable Chrome, and now that I know what it is we'll see how it's happening with any luck. Thanks to everyone for reporting it! It's my first Chrome extension so I'm feeling my way a bit.

After some investigation: My guess is that the issue (and maybe also the slow loading some people have seen) comes from the ad stuff here on GAF. If you open the console you can see the XMLHttpRequest (which loads the page) only happens once, after which there are a lot of things like 'Resource interpreted as Script but...' and so on. All of these seem to be originating within the NeoGAF code, rather than mine. (You might notice the same behaviour right when you open a topic, as I have just tested - it appears to be loaded and then the refresh button seems to activate and deactivate a couple of times.) So the key thing is that I'm not sure that refreshing is my fault, nor that I can fix it. I'll have a look at the code for that tonight in any case.

Pretty neat. It is a little slow at loading. I also noticed that I can only do this once per quote. If I close a quoted pop-up it will not allow me to open a new pop-up for the same quote.

That's also an intended behaviour, and it's only that you can't do it for the same quote twice in a row. It's to stop you closing a quote and then accidentally opening it right back up, something that always bothered me with Imagus/HoverZoom. Enough people have complained about it that I'll just remove that limitation, I think. Better to behave as expected and use a bit more memory I suppose.
 
That's interesting. It doesn't do anything at all for me, and since I thought the recursion would be unhelpful anyway, I didn't try to make it work. So you're hovering over the chevron thing in a quote that's in the popup? Could you screenshot it by any chance?

There really isn't anything to see. If hover over a "chevron" in the popup expansion and just leave your cursor over it. It seems to repeatedly attempt to dig deeper. Maybe you're stopping this, but it is queueing up tons and tons of requests I think. Which all it the recursion exception.

Anyways the cursor flickers, the reload page button flickers in chrome as does the neogaf symbol for the active tab.

Maybe there is someway to not even allow hovering over the popped up windows.
 
There really isn't anything to see. If hover over a "chevron" in the popup expansion and just leave your cursor over it. It seems to repeatedly attempt to dig deeper. Maybe you're stopping this, but it is queueing up tons and tons of requests I think. Which all it the recursion exception.

Anyways the cursor flickers, the reload page button flickers in chrome as does the neogaf symbol for the active tab.

Maybe there is someway to not even allow hovering over the popped up windows.

I think it's a NeoGAF thing, rather than any recursion. If you look at the JS console you can see there's only one XMLHttpRequest (that's from me) and the rest is all GAF's advert code it looks like. You can see it if you just refresh this page.

In any case, quotes/chevrons within the hovering div should NOT cause a refresh at all, since it seems to only work on full tabs, rather than hovering divs containing pages. So the event handlers never get added to the hovering quotes. Most likely, the refreshing you're seeing comes from the time when the div was loaded, as said above this can last a little while because of NeoGAF's code.

Edit: I have now removed the limitation of not being able to view the same post twice in a row. The new version, 0.2, is publishing to the web store now but apparently it could take a while to become available as an update for users. Now the only time you won't be able to load a post is if that exact post is already loaded.
 
Alright, sounds good.
Just an idea/just to let you know there's demand
(me)
out there for it :Ăľ

I mean, the plan would be to write a Greasemonkey script and have that more portable thing to put onto Firefox/Opera/other browsers. I just don't even know if it's something people really like yet, so.
 
I mean, the plan would be to write a Greasemonkey script and have that more portable thing to put onto Firefox/Opera/other browsers. I just don't even know if it's something people really like yet, so.

Well, if nothing else, you'll get an extra user from me :Ăľ
 
Version 0.3 is out! Try it now assuming the Extension Store has updated correctly.

Main fix is removing the original limitation of not being able to left-click on the popup without closing it. Now there is a little 'Dismiss' panel at the top of the popup, instead.

Hope it's still proving very slightly useful to someone. :) Feature requests still welcome.
 
Version 0.3 is out! Try it now assuming the Extension Store has updated correctly.

Main fix is removing the original limitation of not being able to left-click on the popup without closing it. Now there is a little 'Dismiss' panel at the top of the popup, instead.

Hope it's still proving very slightly useful to someone. :) Feature requests still welcome.

Personally I would far prefer it if worked like 4chan, where all you have to do is keep the mouse over the chevron in order to see the quote, and the moment you move it away it disappears

Thanks for creating this though, even though the popup is a bit annoying to work with and dismiss as it currently is this is a feature I really like
 
Hmm, I think the dismiss bar should behave like a button (mouse over, maybe turn a different shade or highlight).

Bah, was trying to do this, but made the mistake of trusting that my CSS was not working and left it. Turns out the file was saving in the wrong place. Fixing now, update before bed hopefully.

Personally I would far prefer it if worked like 4chan, where all you have to do is keep the mouse over the chevron in order to see the quote, and the moment you move it away it disappears

Thanks for creating this though, even though the popup is a bit annoying to work with and dismiss as it currently is this is a feature I really like

That was actually the original idea, but I found with Imagus/HoverZoom I kept accidentally hiding the popups, and with the prototype of this it was even worse. That chevron is a mighty small target and I usually use it for reading long posts. Also it makes the possibility of scrolling that div useless, since you can't move your mouse off the chevron. If you do move it off too early, the popup is emptied and hidden and you have to hover again to reload it. Since I'm not sure about caching stuff, I don't know if it's workable here (reloads are fairly long).

[[EDIT: hmm, maybe I could replace the chevron with a larger thing that says 'NeoHover' to make it more clear...that would make 'just' hover functionality easier to work with. Hmmm.]]

BUT you're right, I'd like to have that option. At least, something where as long as your mouse is within the popup, it stays alive - that would allow scrolling/clicking if necessary.

I'll add some maybe/wishlist features to the OP. Thanks for your input!
 
Made the update, calling it v0.31, but the Web Store is taking this opportunity to update slowly. I'll check that it's updated correctly tomorrow, but if any of you can get 0.31 before then, the 'Dismiss' button should now highlight on hover and have the 'pointer' cursor so it feels more like a button.

Edit: update successful!
 
Status
Not open for further replies.
Top Bottom