bannerBaka-UpdatesManga
Manga Poll
Do you prefer reading a completed or ongoing series?
I only read completed series
I prefer reading completed series but dabble in ongoing series
I don't care
I prefer reading ongoing series but dabble in completed series
I only read ongoing series
 
mascot
Manga is the Japanese equivalent of comics
with a unique style and following. Join the revolution! Read some manga today!

RSS Feed

I made a cover preview userscript :p

Pages (3[ 1 2 3 ] Next
You must be registered to post!
From User
Message Body
user avatar
Member


11 years ago
Posts: 11

Hey guys. Over the past day I've worked on a userscript for this site that adds the functionality to preview cover images of manga when hovering over relevant hyperlinks. This addresses the issue of having to either remember tons of manga titles by name or open loads of tabs, only to find that you knew half those manga already.

You can find more info on the script, previews and a download link here.

If any of you doesn't have any experience with userscripts, you'll have to download greasemonkey first and then download this.

If you use it, let me know what you think. Cheers. o/

edit: Thanks for the feedback guys. :3
edit2: Just rolled out a quick update for in case your browser doesn't automatically redirect you to the https version of the site. It was creating problems for Geese1 and possibly other folks. Should be fixed now.


... Last edited by Kuroonehalf 11 years ago
Member


11 years ago
Posts: 302

It's working.
Thanks for making this.


user avatar
Mad With a Hat
Member


11 years ago
Posts: 4764

Pretty awesome! Thanks!
It lags somewhat, not showing the pic at all, only a small icon to signify it hasn't loaded.
Other than that, I think I'll keep it. xD
Maybe if there were a function to toggle the size of the cover display, it'd lag less?
Or it might just be an issue on my side...


________________

Hrodulf and Bjornolfr, you will not be forgotten.
[img]http://i411.photobucket.com/albums/pp199/SyberAngelGabrielle/couplesig.jpg[/img]
[color=black]And if the world were black and white,
you would be my rainbow in shades of grey.
[/color]

Click 'n Play!

If I had a fantasy self, it'd be a tentacle monster.

user avatar
Member


11 years ago
Posts: 71

Thank you! This is really usefull.
The preview doesn't work if the hyperlink doen't start with 'https' though.


Post #653555 - Reply To (#653554) by negrinat
Post #653555 - Reply To (#653554) by negrinat
user avatar
Member


11 years ago
Posts: 11

Quote from negrinat

Thank you! This is really usefull.
The preview doesn't work if the hyperlink doen't start with 'https' though.

Oh? Could you give an example of where that happens? The beginning of the link should not matter.

Quote from NightSwan

Pretty awesome! Thanks!
It lags somewhat, not showing the pic at all, only a small icon to signify it hasn't loaded.
Other than that, I think I'll keep it. xD
Maybe if there were a function to toggle the size of the cover display, it'd lag less?
Or it might just be an issue on my side...

That's actually an issue with the size of the images and the servers they're on. What's taking time is for the servers to send you the image. Displaying it is pretty much instant. Unfortunately I can't do anything about this. :<


user avatar
Member


11 years ago
Posts: 167

Man, this is really good.

Minor thing, in the release page, once you hover over a link, sure, it displays the manga cover but leaves the link in bold, like this.

Other than that, perfect, IMO.


________________

Yes, you're worthy!

Post #653557 - Reply To (#653556) by jonytep
Post #653557 - Reply To (#653556) by jonytep
user avatar
Member


11 years ago
Posts: 11

Quote from jonytep

Man, this is really good.

Minor thing, in the release page, once you hover over a link, sure, it displays the manga cover but leaves the link in bold, like this.

Other than that, perfect, IMO.

That's actually intentional, so you know which links you've visited. But if you want to disable that you can edit the code on line 70 and replace this:
$('tr a').mouseleave(function () {
$('#popover').empty();
});
with this:
$('tr a').mouseleave(function () {
$('#popover').empty();
$(this).css('font-weight', 'normal');
});

ps: You can edit code by going into any page where this script is active, clicking the down-arrow next to the greasemonkey icon, and right-clicking the name of this script. It'll open up a window where you can edit the code. Then just click save and it should work. 😛


... Last edited by Kuroonehalf 11 years ago
user avatar
Member


11 years ago
Posts: 71

Using the (url=Url)Title[/url] BBCode:
one piece

It happens in some forum posts.


Post #653559 - Reply To (#653557) by Kuroonehalf
Post #653559 - Reply To (#653557) by Kuroonehalf
user avatar
Member


11 years ago
Posts: 167

Quote from Kuroonehalf

That's actually intentional, so you know which links you've visited. But if you want to disable that you can edit the code on like 70 and replace this:
$('tr a').mouseleave(function () {
$(' ...

Thanks! It worked perfectly. Yeah, I actually prefer it like this. Good job!


________________

Yes, you're worthy!

user avatar
Member


11 years ago
Posts: 420

I'm using Tampermonkey in Chrome and it's not working for me. Don't know if this is limited to Greasemonkey or not, but just wanted to give you a heads up.

[Edit] Tried it in Firefox using Greasemonkey and it still doesn't seem to do anything for me. Is this supposed to work when you place your cursor over the title link, say in forum postings or on the release page? If so, I'm not having any luck. 🙁


Post #653563 - Reply To (#653562) by Geese1
Post #653563 - Reply To (#653562) by Geese1
user avatar
Member


11 years ago
Posts: 11

Quote from Geese1

I'm using Tampermonkey in Chrome and it's not working for me. Don't know if this is limited to Greasemonkey or not, but just wanted to give you a heads up.

[Edit] Tried it in Firefox using Greasemonkey and it still doesn't seem to do anything for me. Is this supposed to work when you place your cur ...

It's supposed to work on just about any link to a manga page (ie. that ends with "/series.html?id=[some number]"). So it should work on the releases page, on searches, on the recommendations in manga pages, etc.

Unfortunately I don't use Chrome so I really didn't test it there, but if you say it doesn't work on firefox either then something should be off somehow. When you click the down-arrow next to the greasemonkey icon in any page on this website, is my script listed there (as "Mangaupdates Cover Preview")? And is there a checkmark next to it? It should list it and have the checkmark (the checkmark means it's active).

Further troubleshooting, if you get the things above to show up, when you hover over a link to a manga, does the text become bolded (like so)?


Post #653565 - Reply To (#653563) by Kuroonehalf
Post #653565 - Reply To (#653563) by Kuroonehalf
user avatar
Member


11 years ago
Posts: 420

Quote from Kuroonehalf

It's supposed to work on just about any link to a manga page (ie. that ends with "/series.html?id=[some number]" 😉 . So it should work on the releases page, on searches, on the recommendations in manga pages, etc.

Unfortunately I don't use Chrome so I really didn't test it there, but if you ...

Looked at it again in Firefox, and none of the pages have the script as being active. I have other scripts that are running though; for example, I use the Mangaupdates Group Fix (in both Chrome and Firefox), and that becomes active whenever I'm on a scanlator's Manga Updates listing page, but none of the pages show your script as running, even though I checked and it is not listed as being disabled.

Whenever I hover over a link to a manga, the script just becomes highlighted (not bolded) showing it's an active link. Not sure if that's what you're looking for.

Either way, if I can't get it working in Chrome than it doesn't matter as much to me as that's my primary browser nowadays. Still hoping that we can get it working though, as it seems like it would be a nice addition. 🙂


user avatar
Member


11 years ago
Posts: 420

Kuroonehalf and I chatted over IRC and were able to nail down the problem. A quick update to his script and now everything is working perfect in both Chrome and Firefox. In case you're still having trouble, try to manually force and update to the script if you don't want to wait for your extension to auto-update.

By the way, combining this with the Mangaupdates Group Fix makes the site worlds more user friendly, and I highly recommend getting both of these installed. 😀


user avatar
Hi!
Member


11 years ago
Posts: 112

just so you know for future reference this does work in opera 23 using violentmonkey(like greasemonkey but for opera)

jw but are there other mangaupdates scripts? i saw Geese1 mention another one above and i am curious.


________________

Fujoshis rule!

user avatar
icon Member


11 years ago
Posts: 80

Thanx for both the Userscripts. They were the best!!!

Psst.... Can you make some userscript where in the scanlator page/ publisher page, we can see which manga i on read list, complete list, wish list etc. If this script is banned in MU, then I'm really sorry for the request and apologize sincerely as I am unaware of the rule. So please donot ban me Admin-sempai!


________________
Pages (3[ 1 2 3 ] Next
You must be registered to post!