Widget:ToggleWidth - Revision history

Timothy at 18:31, 5 July 2023

2023-07-05T18:31:57Z

2023-07-05T18:31:53Z

← Older revision		Revision as of 14:31, 5 July 2023
Line 1:		Line 1:
	<noinclude>		<noinclude>
	~~{{#widget:ToggleWidth}}~~
	</noinclude>		</noinclude>

	<includeonly>		<includeonly>
			<html>
			<button onclick="myFunction()">Try it</button>
	<script>		<script>
	function ~~changeWidth~~() {		function myFunction() {
	var x = document.getElementsByClassName("ts-inner");		var x = document.getElementsByClassName("ts-inner");
	if (x.style.maxWidth === "none") {		for (i in x) {
	x.style.maxWidth = "115em ~~!important~~";		if (x[i].style.maxWidth === "none") {
			x[i].style.maxWidth = "115em";
	} else {		} else {
	x.style.maxWidth = "none ~~!important~~";		x[i].style.maxWidth = "none";
	}		}
			}
	}		}
	</script>		</script>
	~~<button onclick="changeWidth()">Try it~~</~~button~~>		</html>
	</includeonly>		</includeonly>

2023-07-05T17:37:25Z

2023-07-05T17:37:21Z

← Older revision		Revision as of 13:37, 5 July 2023
Line 1:		Line 1:
	<noinclude>		<noinclude>
	~~{{#widget:ToggleWidth}}~~
	</noinclude>		</noinclude>

Line 14:		Line 14:
	}		}
	</script>		</script>
	<button onclick="~~ChangeWidth~~()">Try it</button>		<button onclick="changeWidth()">Try it</button>
	</includeonly>		</includeonly>

2023-07-05T17:36:58Z

2023-07-05T17:36:54Z

2023-07-05T17:36:47Z

← Older revision		Revision as of 13:36, 5 July 2023
Line 5:		Line 5:
	<includeonly>		<includeonly>
	<script>		<script>
	function ~~myFunction~~() {		function changeWidth() {
	var x = document.getElementsByClassName("ts-inner");		var x = document.getElementsByClassName("ts-inner");
	if (x.style.maxWidth === "none") {		if (x.style.maxWidth === "none") {
Line 14:		Line 14:
	}		}
	</script>		</script>
	<button onclick="~~myFunction~~()">Try it</button>		<button onclick="ChangeWidth()">Try it</button>
	</includeonly>		</includeonly>

2023-07-05T17:35:50Z

2023-07-05T17:35:45Z

← Older revision		Revision as of 13:35, 5 July 2023
Line 1:		Line 1:
	<noinclude>		<noinclude>
	~~{{#widget:ToggleWidth}}~~
	</noinclude>		</noinclude>

Line 7:		Line 7:
	function myFunction() {		function myFunction() {
	var x = document.getElementsByClassName("ts-inner");		var x = document.getElementsByClassName("ts-inner");
	if (x.style.~~max-width~~ === "none") {		if (x.style.maxWidth === "none") {
	x.style.~~max-width~~ = "115em !important";		x.style.maxWidth = "115em !important";
	} else {		} else {
	x.style.~~max-width~~ = "none !important";		x.style.maxWidth = "none !important";
	}		}
	}		}

2023-07-05T17:34:55Z