User talk:Moviesign
Hey, can you help me out with an issue I've been trying to solve? Basically, I'm trying to use a Map to display info about skills on a skill tree. However, the map markers aren't long enough to capture all of the skill's info, so I'm having them link to further descriptions later down the page. The issue is that all map marker links open in a new tab.
I asked others and figured out the solution was to use JS to change the links, but my code isn't working and I think it's either because I messed up the page filtering or it's because map marker links only show up when clicked on, and don't actually exist in the document when the JS is loaded.
If you have a better solution to displaying the ability tree or fixing the map links with JS, please let me know! Thanks!
- I think you may be right about the links not existing when the JS is loaded. I'll ask around to see if there is any easy solution. I have also made a feature request to allow users to put
"target": "_self"in the link field of the JSON file, so we might get that someday.
- I think you may be right about the links not existing when the JS is loaded. I'll ask around to see if there is any easy solution. I have also made a feature request to allow users to put
- I think you might be better off just using an
<imagemap>for this. The image is not all that big, so you don't need to zoom in/out, and the pins don't really look that good for this application.
- I think you might be better off just using an
- One thing to note is that the map image is just one page of the tree from teaser images so far. The final version will probably be several times bigger, taller probably. An ImageMap would still work fine for that, right? In any case, I'll get started on using the ImageMap. Thanks for the advice and for putting in the request!
- So, update on User:FrozenEarth/Archer#Ability_Tree, I think the ImageMap is alright but not really doing its job well in this case. It's janky to scroll both columns, you have to hover on the ability a second to see its name, and the table is just not very space-efficient. Maybe a system with tooltips would be a lot better for this? It would be closer to how it is in Minecraft, and you could still click on the ability to learn more information about it in a different section, while the basic ability info can go on the tooltip. Your advice would be greatly appreciated. FrozenEarth (talk) 02:54, 19 July 2022 (UTC)
- Yes, the table is too wide for that space if you don't have the right rail collapsed, but looks pretty good if you do.
- There are some scripts and extensions that do tooltips and link popups. Take a look at the Tooltips dev script and see if that will do what you want. Other possibilities include using the Reference Popups script and customizing it (scroll down on that page), or the Link Preview script. I can also enable the Popups Extension on this wiki, but I don't really know how to use it. —Moviesign (talk) 14:48, 19 July 2022 (UTC)