I can't figure out the basics | Fandom

Fandom Developers Wiki

The Crossblade·6/19/2021 in JS Development

I can't figure out the basics

Hello.

I want to make a simple table that would change the values of cells according to what the user writes in the input field (and clicks the "Calculate" button). So I wrote the code in Notepad and tested it in Chrome. It works great. Then I wrote to Fandom support to enable JavaScript on our wiki. They have enabled it and suggested to check this wiki out, so I did. I had no idea (I still don't) how to make this little program work on our wiki. I decided to start with simple examples (building blocks) and work from there. I have copy-pasted the "Input box" code from the "Cookbook" into our Common.js page and changed the 'Example_Page' with, the page I wanted, 'Levelling'. I have refreshed the page to bypass the cache (ctrl + shift + R) multiple times and the input box was nowhere to be seen on the page. I entered Test mode and also exited it to no avail. In the end I have decided to exit Test mode and submit the code for review. The code got approved today, but I still can't see the input box. Do I have to do something on the Levelling page? What if I don't want that the input box is at the bottom of the page? Is there a tutorial for this?

The code I want to implement: https://github.com/TheCrossblade/Simple_update_table_wiki/blob/main/the%20code

The page I want to implement it on: https://nonograms-katana.fandom.com/wiki/Levelling

Any help would be greatly appreciated.

PS: Also the page was moved from "Leveling", if that would be an issue.

JavaScript Cookbook

0

KockaAdmiralac·6/19/2021

You can test your code in your JavaScript console - CTRL+Shift+J on Chrome and CTRL+Shift+K on Firefox. Once you paste it in there, what you wrote should run.

In the first line of your Common.js, you're checking for mw.config.get('Levelling'). This isn't really how mw.config works. There is no configuration variable named Levelling, and I assume you were trying to check whether the current page name is "Levelling", so you could do that using mw.config.get('wgPageName') === 'Levelling' instead.

Later in that code you're using the textParpendChild function. I'm not sure what is that function supposed to do, as I'm not finding it in either the linked code or Common.js.

0

-Scratchland-·6/19/2021

Use <inputbox/> instead

0

-Scratchland-·6/20/2021

Becuase the <input> tags aren't supported with wikitext.

0

KockaAdmiralac·6/20/2021

They are inserting the <input> via JavaScript, so it doesn't matter.

0

The Crossblade·6/20/2021

When I paste the function part of my code in the Console it works, if I set the "level" variable to a specific number. Although it works, it doesn't really help me if I can't get the input of the user.

Thank you for correcting that, I got that code from your "Cookbook". I was trying to implement a switch, like the one described on Advanced CSS and JS page. I thought if was the same.

I don't know what that "textParpendChild" function does either. I copied that exact code from your Cookbook. Maybe look into that?

I looked into the "inputbox" already. It sadly has only 3 options: create a page, leave a comment or search the wiki. None of these 3 options work for this purpose.

Thank for responding and trying to help, but I think I need more help, sorry.

PS: I corrected the switch and deleted that function, which I don't know what it does. Sadly it's still not working.

1

HumansCanWinElves·6/20/2021

I went ahead and fixed the mistakes in the code section in the JavaScript Cookbook, along with adding some additional formatting. I tried it and it worked, appending an input box to the bottom of the page and calculating the multiplication.

As for a turtorial, you will have to learn JavaScript in general, it's not something Fandom-specific. Personally, I learned on https://www.w3schools.com/

(Edited by HumansCanWinElves)

0

The Crossblade·6/20/2021

Thank you for fixing that, that really helped.

At first look it didn't look like JS and that has confused me. I was expecting <this>and<that>.

I have finally made the base for my calculator. It took me a while to figure out that I can replace the "mw-content-text" with the id of the element I wanted (so I can place the input box anywhere on the page I wanted). Maybe it would be a good idea to add that to the description as well.

Thank you very much.

What do you think?

NODES