Widget:RuneDisp4 - Revision history

Penguin at 14:16, 13 February 2025

2025-02-13T14:16:20Z

← Older revision		Revision as of 14:16, 13 February 2025
Line 35:		Line 35:
	//brief break to clear repeated options		//brief break to clear repeated options
	const lyr = document.getElementById("layer4");		const lyr = document.getElementById("layer4");
	lyr.~~innerHTML = ''~~; ~~// Clears the dropdown safely~~		while (lyr.firstChild) {
			lyr.removeChild(lyr.firstChild);
			}

	~~const defaultOption = document.createElement('option');~~
	~~defaultOption.value = 'default';~~
	~~defaultOption.textContent = 'Full Rune';~~
	~~lyr.appendChild(defaultOption);~~

	~~let length = reversedRunes.length;~~
	~~for (const rne of reversedRunes) {~~
	~~const option = document.createElement('option');~~
	~~option.value = rne;~~
	~~option.textContent = length == activationlayer ? 'Activation Layer' : `Layer ${length}`;~~
	~~lyr.appendChild(option);~~
	~~length--;~~
	}

			option.value = 'default';
			option.textContent = 'Full Rune';
			select.appendChild(option);

	// Internal variable manipulation to get the orders right		// Internal variable manipulation to get the orders right
	const reversedRunes = [...runefiles].reverse();		const reversedRunes = [...runefiles].reverse();
			var length = reversedRunes.length;

	// Auto fill all other variable options		// Auto fill all other variable options

Penguin at 14:13, 13 February 2025

2025-02-13T14:13:46Z

← Older revision		Revision as of 14:13, 13 February 2025
Line 54:		Line 54:
	// Internal variable manipulation to get the orders right		// Internal variable manipulation to get the orders right
	const reversedRunes = [...runefiles].reverse();		const reversedRunes = [...runefiles].reverse();
	~~var length = reversedRunes.length;~~

	// Auto fill all other variable options		// Auto fill all other variable options

Penguin at 14:12, 13 February 2025

2025-02-13T14:12:43Z

← Older revision		Revision as of 14:12, 13 February 2025
Line 35:		Line 35:
	//brief break to clear repeated options		//brief break to clear repeated options
	const lyr = document.getElementById("layer4");		const lyr = document.getElementById("layer4");
	~~while (~~lyr.~~firstChild) {~~		lyr.innerHTML = ''; // Clears the dropdown safely
	~~lyr.removeChild(lyr.firstChild)~~; // ~~Fix: Remove from `lyr`, not `option`~~
	}

			const defaultOption = document.createElement('option');
			defaultOption.value = 'default';
			defaultOption.textContent = 'Full Rune';
			lyr.appendChild(defaultOption);

			let length = reversedRunes.length;
			for (const rne of reversedRunes) {
			const option = document.createElement('option');
			option.value = rne;
			option.textContent = length == activationlayer ? 'Activation Layer' : `Layer ${length}`;
			lyr.appendChild(option);
			length--;
			}

	~~option.value = 'default';~~
	~~option.textContent = 'Full Rune';~~
	~~select.appendChild(option);~~

	// Internal variable manipulation to get the orders right		// Internal variable manipulation to get the orders right
	~~var~~ reversedRunes = runefiles.reverse();		const reversedRunes = [...runefiles].reverse();
	var length = reversedRunes.length;		var length = reversedRunes.length;

Penguin at 14:09, 13 February 2025

2025-02-13T14:09:15Z

← Older revision		Revision as of 14:09, 13 February 2025
Line 35:		Line 35:
	//brief break to clear repeated options		//brief break to clear repeated options
	const lyr = document.getElementById("layer4");		const lyr = document.getElementById("layer4");
			while (lyr.firstChild) {
	~~// Ensure the element exists before modifying it~~		lyr.removeChild(lyr.firstChild); // Fix: Remove from `lyr`, not `option`
	~~if (lyr) {~~
	while (lyr.firstChild) {
	lyr.removeChild(lyr.firstChild);
	}
	}		}

Penguin: Undo revision 784 by Penguin (talk)

2025-02-13T14:08:16Z

Undo revision 784 by Penguin (talk)

← Older revision		Revision as of 14:08, 13 February 2025
Line 29:		Line 29:
	// Create a listener for creating dropdown elements when loaded		// Create a listener for creating dropdown elements when loaded
	modelViewerLayers.addEventListener('load', () => {		modelViewerLayers.addEventListener('load', () => {
	~~const lyr = document.getElementById("layer4");~~

	if (~~!lyr~~) ~~return~~; ~~// Prevents errors if #layer4 is missing~~		//Set default
			const option = document.createElement('option');

	// ~~Clear existing~~ options		//brief break to clear repeated options
	lyr.~~innerHTML = ''~~;		const lyr = document.getElementById("layer4");

	// ~~Add "Full Rune" as default option~~		// Ensure the element exists before modifying it
	~~const defaultOption = document.createElement~~(~~'option');~~		if (lyr) {
	~~defaultOption.value = 'default';~~		while (lyr.firstChild) {
	~~defaultOption.textContent = 'Full Rune';~~		lyr.removeChild(lyr.firstChild);
	lyr~~.appendChild(defaultOption~~);

	// Reverse the runefiles array without modifying the original
	~~const reversedRunes = [...runefiles].reverse~~();

	~~let index = reversedRunes~~.~~length; // Start from highest layer number~~

	~~for (const rne of reversedRunes~~) {
	~~const option = document.createElement('option');~~
	~~option.value = rne;~~
	~~option~~.~~textContent =~~ (~~index == activationlayer) ? 'Activation Layer' : `Layer ${index}`;~~
	lyr.~~appendChild(option~~);
	~~index--~~;
	}		}
			}
	~~console.log("Dropdown updated with layers:", lyr.innerHTML);~~
	});

Penguin at 14:07, 13 February 2025

2025-02-13T14:07:58Z

← Older revision		Revision as of 14:07, 13 February 2025
Line 29:		Line 29:
	// Create a listener for creating dropdown elements when loaded		// Create a listener for creating dropdown elements when loaded
	modelViewerLayers.addEventListener('load', () => {		modelViewerLayers.addEventListener('load', () => {
			const lyr = document.getElementById("layer4");

	~~//Set default~~		if (!lyr) return; // Prevents errors if #layer4 is missing
	~~const option = document.createElement~~(~~'option'~~);

	//~~brief break to clear repeated~~ options		// Clear existing options
	~~const~~ lyr = ~~document.getElementById("layer4")~~;		lyr.innerHTML = '';

	// ~~Ensure~~ the ~~element exists before~~ modifying it		// Add "Full Rune" as default option
	if (~~lyr~~) {		const defaultOption = document.createElement('option');
	~~while~~ (~~lyr~~.~~firstChild~~) {		defaultOption.value = 'default';
	lyr.~~removeChild~~(~~lyr.firstChild~~);		defaultOption.textContent = 'Full Rune';
			lyr.appendChild(defaultOption);

			// Reverse the runefiles array without modifying the original
			const reversedRunes = [...runefiles].reverse();

			let index = reversedRunes.length; // Start from highest layer number

			for (const rne of reversedRunes) {
			const option = document.createElement('option');
			option.value = rne;
			option.textContent = (index == activationlayer) ? 'Activation Layer' : `Layer ${index}`;
			lyr.appendChild(option);
			index--;
	}		}
	}
			console.log("Dropdown updated with layers:", lyr.innerHTML);
			});

Penguin: Undo revision 782 by Penguin (talk)

2025-02-13T14:06:32Z

Undo revision 782 by Penguin (talk)

← Older revision		Revision as of 14:06, 13 February 2025
Line 34:		Line 34:

	//brief break to clear repeated options		//brief break to clear repeated options
	~~setTimeout(() => {~~		const lyr = document.getElementById("layer4");
	const lyr = document.getElementById("layer4");
	if (lyr) {		// Ensure the element exists before modifying it
	while (lyr.firstChild) {		if (lyr) {
	lyr.removeChild(lyr.firstChild);		while (lyr.firstChild) {
	}		lyr.removeChild(lyr.firstChild);
	}		}
	}~~, 100);~~		}

Penguin at 14:05, 13 February 2025

2025-02-13T14:05:55Z

← Older revision		Revision as of 14:05, 13 February 2025
Line 34:		Line 34:

	//brief break to clear repeated options		//brief break to clear repeated options
	const lyr = document.getElementById("layer4");		setTimeout(() => {
			const lyr = document.getElementById("layer4");
			if (lyr) {
			while (lyr.firstChild) {
			lyr.removeChild(lyr.firstChild);
			}
			}
			}, 100);

	~~// Ensure the element exists before modifying it~~
	~~if (lyr) {~~
	~~while (lyr.firstChild) {~~
	~~lyr.removeChild(lyr.firstChild);~~
	}
	}

Penguin at 14:02, 13 February 2025

2025-02-13T14:02:52Z

← Older revision		Revision as of 14:02, 13 February 2025
Line 35:		Line 35:
	//brief break to clear repeated options		//brief break to clear repeated options
	const lyr = document.getElementById("layer4");		const lyr = document.getElementById("layer4");
	while (lyr.firstChild) {
	~~option~~.removeChild(lyr.~~lastChild~~);		// Ensure the element exists before modifying it
			if (lyr) {
			while (lyr.firstChild) {
			lyr.removeChild(lyr.firstChild);
			}
	}		}

Penguin at 13:59, 13 February 2025

2025-02-13T13:59:39Z

← Older revision		Revision as of 13:59, 13 February 2025
Line 35:		Line 35:
	//brief break to clear repeated options		//brief break to clear repeated options
	const lyr = document.getElementById("layer4");		const lyr = document.getElementById("layer4");
			while (lyr.firstChild) {
			option.removeChild(lyr.lastChild);
			}

	~~if (lyr) {~~
	~~// Clear dropdown safely by replacing its content~~
	~~lyr.innerHTML = '';~~
	}