All posts by Panos78

I have managed to load the subtables on the main page.

These are the steps I have taken so far:

• Create a div container on the wikipage

• Put tabber in the container

<div id="{{PAGENAME}}_tabber"><tabber>
|-|1 - 40=&nbsp;
|-|41 - 80=&nbsp;
</tabber></div>

• Formatting the above a bit so that it can meet the needs.

var pName = mw.config.get('wgPageName');
if(pName==='Αλάνα' && $('div#'+pName+'_tabber').length==1)
{
	mw.loader.using(['mediawiki.api'], function()
	{
		var api = new mw.Api();
		var container = $('div#'+pName+'_tabber');
		$.each($(container).find('ul li'),function(k,v)
		{
			var sPage = $(v).attr('data-hash').replace(/_/g,'');
			api.get({
				action: 'parse',
				page: pName+'/'+sPage,
				prop: 'text',
				format: 'json'
			}).done(function(data)
			{
				$(container).find('div.wds-tab__content').eq(k).find('p').replaceWith(data.parse.text['*']);
			});
		});
	});
}

I have added the above JS to my personal JS page:

https://ikariam.fandom.com/el/wiki/User:Panos78/common.js

All the above code loads the subtables in the blink of an eye, but something is still missing... the tooltips are not working.

In order for the tooltips to work, the entire code from the file:

https://ikariam.fandom.com/el/wiki/MediaWiki:Expansion.js

should be loaded and fired after the last subtable is fetched and placed on the main page and it will be able to handle both subtables.

I believe there must be a combination of the code from Expansion.js and the code you have suggested, but I cannot figure out what the combination should be.

Can you give a code example of your solution?

I have managed to alter the lua and js scripts in order to be able to generate partial tables on different pages.

I have split the original table into two subtables on pages:

https://ikariam.fandom.com/el/wiki/Αλάνα/1-40

https://ikariam.fandom.com/el/wiki/Αλάνα/41-80

As a second step, I searched and found two options to add the above tables on the main page:

https://ikariam.fandom.com/el/wiki/Αλάνα

• Tabview and

• Tabber

From what I have read, tabview is discontinued, so I decided to use tabber.

The result is that the first subtable (1-40) works properly but the second one makes the same error as before.

I am also using a JS script to generate the necessary tooltips for each row.

https://ikariam.fandom.com/el/wiki/MediaWiki:Expansion.js

Is there any way to load the second subtable with its respective tooltips when you click on the second tab?

Thanks in advance for any help.

The game the wiki refers to (Ikariam) is not mobile friendly.

Since it's first release (15 years ago), they have made an attempt to create a mobile app that has been discontinued for the last five years.

Also, the mobile version of the game, if you try to open it with a tablet or mobile, has many problems that have not been handled in the last decade.

So, all the information we want to show to the players is by far much better to navigate on a desktop environment and not on a mobile or tablet.

Anyway, thank you for the hint and have a nice day.

I understand that the problem is the overall load of the entire page and not just the generated table itself.

Besides, the load limits are part of Fandom policy which I have to accept.

But the intention is to have all the information (including the entire table) gathered on one page and not split on other pages.

My first attempt was to use JS to generate the table, but, as a second thought, it was to combine LUA and JS for better performance.

If I don't find a way to get everything together, probably JS is the only way.

I just made a small experiment by reducing the rows of the table from 80 to 71 and it looks that it works.

This looks to be the limit.

I think that splitting the table is the only solution.

Thanks.

I just fixed the links.

The strange thing is that the script works with no problems on the first page but it crashes on the second one.

The main difference between the two pages is the number of rows in the table... the first is 50 and the second 80.

And from the report in Devtools I don't see anything to exceed the limits.

The LUA script is at this url:

https://ikariam.fandom.com/el/wiki/Module:Expansion

And it uses the subpages data and lang as libraries.

If I change the wikitext in the lua script with pure html code, would this fix the problem?