Droptable Updated

[Luis Torres]

I cant stand the current drop table (http://phantasystaronline.net/droptable.php), it is so hard to navigate

luckly for you guys I am a web developer, and in like an hour or two, based on the data of that page

I put together this:

https://www.dropbox.com/s/y0efxxrcadcnu41/pso%20drops.rar?dl=0

feel free to use it, much easier to look for loot, even finding stuff you dont specifically want.

A thank you is always welcome,

by the way my in game characters are YOLO and ren ashbel, feel free to say hi

y tambien se habla español.

new version with new changes:

• Everything is a dropdown filter, plus general search
• 100 results by default.
• search form at the top
• Button to clear all filters (reset)
• loading gif, while preloading table, no longer see previous giant wall of text
• custom sort icons

UPDATE V2 : https://www.dropbox.com/s/n1mo99ds8umzjmc/pso%20drops2.rar?dl=0

Let me know if anything else

version 3:

-difficulties are now sorted by difficulty.

-pressing esc on any select will remove any chosen option

UPDATE V3: https://www.dropbox.com/s/zpu2x9bwqoheqh5/pso%20drops3.rar?dl=0

Edited April 18, 2015 by Luis Torres

[tru]

Wow that's pretty cool I like it! I've been using the one Nessly made http://www.phantasystaronline.net/forum/index.php?/topic/11523-ultima-drop-chart-spreadsheet-with-filters/#entry89947

[Soly]

Awesome.. would be nice to integrate that in the drop chart... maybe some button to enable or disable the search thing ?... i'll pass the word to larva and chuk lol

[chuk]

Looks nice, though I would change some minor things like

• Making the episodes, difficulty, IDs a dropdown box.
• And put 100 results by default.
• Putting the search form at the top
• A button to clear all filters

But yeah, I like it and I will implement it into the droptable when I get some time.

[Luis Torres]

glad you like it, Ill update it later today or tomorrow. If anyone wants anything else, just post it here, and I'll add it.

by the way, that excel file is nice, when I was looking around the site and forums, I couldnt find anything like it haha

Edited April 10, 2015 by Luis Torres

[Luis Torres]

v2 is up.

[Langrisser]

great table you find everything quickly and in detail, thanks

[chuk]

Good job Another couple of small things I noticed though :

• In the difficulties selection very hard is below ultimate probably alphabetical sorting


• Would be nice to be able to clear specific filters by pressing escape


• Do all items appear in the dropdown from drops? It seems less than the usual amount I deal with

I also took a look at the code and looks easy to integrate with the current setup (the droptable gets generated automatically from the server files)

[Luis Torres]

yes its alphabetical, and the dropboxes are generated by the items in the tables, so If I missed some, but your tables have all of them, it should be fine.
I'll work on those changes later in the week, I've been busy.

[Luis Torres]

new version is up, let me know if you want anything else.

Edited April 18, 2015 by Luis Torres

[chuk]

new version is up, let me know if you want anything else.

I finally have some time today, will try to integrate it now. If all goes well I hope it's live by the end of the day.

A couple of questions though, where is the width per table cell defined?

I thought :

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
  width: 150px; !important;
}

would do the trick. The table itself is too big and some columns could be made much smaller, like difficulty, episode, id, and droprate.

Also, is it a must for the whole table HTML line to be on one row? If I split it up in 1 line per row, I'm getting a http://datatables.net/manual/tech-notes/4error.

So far, it's integrated half like this : http://www.phantasystaronline.net/droptable_filters.phpbut as you can see, the width of the table isn't correct.

It's possible the skeleton boilerplate interferes with the table layout though.

Edited May 9, 2015 by chuk