Widget:KnowHowComputer - Versionsgeschichte

Christian am 22. März 2026 um 21:05 Uhr

2026-03-22T21:05:30Z

← Nächstältere Version		Version vom 22. März 2026, 21:05 Uhr
Zeile 424:		Zeile 424:
	loadMemoryConfiguration(config) {		loadMemoryConfiguration(config) {
	if (this.khc) {		if (this.khc) {
	this.khc.loadProgram(config.program);		this.khc.loadProgram(config.program, true);
	}		}
	}		}
Zeile 635:		Zeile 635:
	}		}

	loadProgram(program) {		loadProgram(program, shouldFocus = false) {
	this.mem = this.getMemForProgramm(program ?? {}, this.speicheranzahl);		this.mem = this.getMemForProgramm(program ?? {}, this.speicheranzahl);
	// Restart the emulator		// Restart the emulator
	this.neustart();		this.neustart(shouldFocus);
	}		}

Zeile 661:		Zeile 661:
	}		}

	neustart() {		neustart(shouldFocus = true) {
	this.pz = 1; // Programmzähler		this.pz = 1; // Programmzähler
	this.br = this.mem[this.pz]; // Befehlsregister		this.br = this.mem[this.pz]; // Befehlsregister
	this.anzeigeaktualisieren();		this.anzeigeaktualisieren();
	this.container.getElementById("speicheranzeigefeld").focus();		if (shouldFocus) {
			this.container.getElementById("speicheranzeigefeld").focus();
			}
	}		}

Christian am 29. Juni 2025 um 20:16 Uhr

2025-06-29T20:16:13Z

← Nächstältere Version		Version vom 29. Juni 2025, 20:16 Uhr
Zeile 1:		Zeile 1:
	<noinclude>{{#tag:pre\|{{msgnw:Widget:KnowHowComputer}}}}</noinclude><includeonly><script type="text/JavaScript">		<noinclude>{{#tag:pre\|{{msgnw:Widget:KnowHowComputer}}}}</noinclude><includeonly><script type="text/JavaScript">


	(function () {		(function () {
Zeile 45:		Zeile 44:

	:host > section {		:host > section {
	display: ~~grid~~;		display: flex;
			flex-direction: column;
	gap: 1rem;		gap: 1rem;
	~~grid-template-areas:~~
	~~"nav "~~
	~~"main "~~
	~~"side ";~~
	~~grid-template-columns: 35ch auto;~~
	}		}

Zeile 58:		Zeile 53:
	min-width: auto;		min-width: auto;
	aspect-ratio: 1;		aspect-ratio: 1;
			margin-inline-start: auto;
	}		}

Zeile 78:		Zeile 74:

	.steueritem {		.steueritem {
	~~grid-area: nav;~~
	display: flex;		display: flex;
	gap: 0.~~5em~~;		justify-content: space-between;
			gap: 0.5rem;

	> input {		> input {
Zeile 133:		Zeile 129:
	flex-direction: column;		flex-direction: column;
	grid-template-areas: "title" "nav" "main" "side";		grid-template-areas: "title" "nav" "main" "side";
	}

	~~.steueritem {~~
	~~flex-direction: column;~~
	}		}
	}		}
Zeile 147:		Zeile 139:
	id="neustartschalter"		id="neustartschalter"
	aria-describedby="descr-neustartschalter"		aria-describedby="descr-neustartschalter"
	aria-details="details-neustartschalter">Neustart <kbd>F8</kbd></button>		aria-details="details-neustartschalter">Neustart <kbd>F8</kbd></button>
	<button class="mw-ui-button"		<button class="mw-ui-button"
	type="button"		type="button"
	id="ausfuehrenschalter"		id="ausfuehrenschalter"
	aria-describedby="descr-ausfuehrenschalter"		aria-describedby="descr-ausfuehrenschalter"
	aria-details="details-ausfuehrenschalter">Ausführen <kbd>F9</kbd></button>		aria-details="details-ausfuehrenschalter">Ausführen <kbd>F9</kbd></button>
	<button class="mw-ui-button khc-help"		<button class="mw-ui-button khc-help"
	type="button"		type="button"

Christian am 29. Juni 2025 um 20:03 Uhr

2025-06-29T20:03:19Z

← Nächstältere Version		Version vom 29. Juni 2025, 20:03 Uhr
Zeile 857:		Zeile 857:
	no-help		no-help
	<!--{/if}-->		<!--{/if}-->
	<!--{if $Speichergroesse\|validate:'~~number~~'\|default:'-1' != '-1'}-->		<!--{if $Speichergroesse\|validate:'int'\|default:'-1' != '-1'}-->
	memory-size="<!--{$Speichergroesse\|escape:'htmlall'}-->"		memory-size="<!--{$Speichergroesse\|escape:'htmlall'}-->"
	<!--{/if}-->		<!--{/if}-->

Christian am 29. Juni 2025 um 10:50 Uhr

2025-06-29T10:50:06Z

← Nächstältere Version		Version vom 29. Juni 2025, 10:50 Uhr
Zeile 857:		Zeile 857:
	no-help		no-help
	<!--{/if}-->		<!--{/if}-->
	<!--{if $Speichergroesse\|validate:'~~integer~~'\|default:'-1' != '-1'}-->		<!--{if $Speichergroesse\|validate:'number'\|default:'-1' != '-1'}-->
	memory-size="<!--{$Speichergroesse\|escape:'htmlall'}-->"		memory-size="<!--{$Speichergroesse\|escape:'htmlall'}-->"
	<!--{/if}-->		<!--{/if}-->

Christian am 29. Juni 2025 um 10:44 Uhr

2025-06-29T10:44:32Z

← Nächstältere Version		Version vom 29. Juni 2025, 10:44 Uhr
Zeile 857:		Zeile 857:
	no-help		no-help
	<!--{/if}-->		<!--{/if}-->
	<!--{if $~~speicherGroesse~~\|validate:'integer'\|default:'-1' != '-1'}-->		<!--{if $Speichergroesse\|validate:'integer'\|default:'-1' != '-1'}-->
	memory-size="<!--{$~~speicherGroesse~~\|escape:'htmlall'}-->"		memory-size="<!--{$Speichergroesse\|escape:'htmlall'}-->"
	<!--{/if}-->		<!--{/if}-->
	>		>

Christian am 29. Juni 2025 um 10:43 Uhr

2025-06-29T10:43:00Z

← Nächstältere Version		Version vom 29. Juni 2025, 10:43 Uhr
Zeile 1:		Zeile 1:
	<noinclude>{{#tag:pre\|{{msgnw:Widget:KnowHowComputer}}}}</noinclude><includeonly><script type="text/JavaScript">		<noinclude>{{#tag:pre\|{{msgnw:Widget:KnowHowComputer}}}}</noinclude><includeonly><script type="text/JavaScript">


	(function () {		(function () {
Zeile 32:		Zeile 33:
	:host {		:host {
	display: block;		display: block;
	margin-block:1rem;		margin-block: 1rem;
	}		}

	* {		* {
	box-sizing: border-box;		box-sizing: border-box;
	}		}

	.no-help .khc-help {		.no-help .khc-help {
Zeile 51:		Zeile 52:
	"side ";		"side ";
	grid-template-columns: 35ch auto;		grid-template-columns: 35ch auto;
			}

			.mw-ui-button.khc-help {
			min-height: auto;
			min-width: auto;
			aspect-ratio: 1;
	}		}

Zeile 59:		Zeile 66:
	#speicheranzeigefeld {		#speicheranzeigefeld {
	overflow-y: scroll;		overflow-y: scroll;
	overflow-block:scroll;		overflow-block: scroll;
	}		}

Zeile 66:		Zeile 73:
	}		}

	label{		label {
	font-weight: bold;		font-weight: bold;
	}		}
Zeile 90:		Zeile 97:
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	gap:0.5rem;		gap: 0.5rem;
	}		}
	}		}

	dialog#hilfe[open] {		dialog#hilfe[open] {
	display: flex;		display: flex;

			}

	}
	dialog#hilfe {		dialog#hilfe {
	flex-direction: column;		flex-direction: column;

	form {		form {
	margin-block-start: 0.5rem;		margin-block-start: 0.5rem;
Zeile 125:		Zeile 134:
	grid-template-areas: "title" "nav" "main" "side";		grid-template-areas: "title" "nav" "main" "side";
	}		}

	.steueritem {		.steueritem {
	flex-direction: column;		flex-direction: column;
Zeile 135:		Zeile 145:
	<button class="mw-ui-button"		<button class="mw-ui-button"
	type="button"		type="button"
	id="neustartschalter"		id="neustartschalter"
	aria-describedby="descr-neustartschalter"		aria-describedby="descr-neustartschalter"
	aria-details="details-neustartschalter">Neustart <kbd>F8</kbd></button>		aria-details="details-neustartschalter">Neustart <kbd>F8</kbd></button>
	<button class="mw-ui-button"		<button class="mw-ui-button"
	type="button"		type="button"
	id="ausfuehrenschalter"		id="ausfuehrenschalter"
	aria-describedby="descr-ausfuehrenschalter"		aria-describedby="descr-ausfuehrenschalter"
	aria-details="details-ausfuehrenschalter">Ausführen <kbd>F9</kbd></button>		aria-details="details-ausfuehrenschalter">Ausführen <kbd>F9</kbd></button>
	<button class="mw-ui-button khc-help"		<button class="mw-ui-button khc-help"
	type="button"		type="button"
	id="hilfeschalter"		id="hilfeschalter"
	title="Hilfe">ℹ︎</button>		title="Hilfe">ℹ︎
			</button>
	</div>		</div>
	<figure aria-describedby="details-khc">		<figure aria-describedby="details-khc">
Zeile 834:		Zeile 845:
	});		});
	})();		})();

	</script>		</script>

Christian am 29. Juni 2025 um 10:38 Uhr

2025-06-29T10:38:10Z

← Nächstältere Version		Version vom 29. Juni 2025, 10:38 Uhr
Zeile 143:		Zeile 143:
	aria-describedby="descr-ausfuehrenschalter"		aria-describedby="descr-ausfuehrenschalter"
	aria-details="details-ausfuehrenschalter">Ausführen <kbd>F9</kbd></button>		aria-details="details-ausfuehrenschalter">Ausführen <kbd>F9</kbd></button>
	<button class="mw-ui-button ~~mw-ui-icon-element~~ khc-help"		<button class="mw-ui-button khc-help"
	type="button"		type="button"
	id="hilfeschalter"		id="hilfeschalter"

Christian am 29. Juni 2025 um 10:27 Uhr

2025-06-29T10:27:41Z

← Nächstältere Version		Version vom 29. Juni 2025, 10:27 Uhr
Zeile 143:		Zeile 143:
	aria-describedby="descr-ausfuehrenschalter"		aria-describedby="descr-ausfuehrenschalter"
	aria-details="details-ausfuehrenschalter">Ausführen <kbd>F9</kbd></button>		aria-details="details-ausfuehrenschalter">Ausführen <kbd>F9</kbd></button>
	<button class="mw-ui-button khc-help"		<button class="mw-ui-button mw-ui-icon-element khc-help"
	type="button"		type="button"
	id="hilfeschalter">~~Hilfe~~</button>		id="hilfeschalter"
			title="Hilfe">ℹ︎</button>
	</div>		</div>
	<figure aria-describedby="details-khc">		<figure aria-describedby="details-khc">

Christian am 29. Juni 2025 um 10:23 Uhr

2025-06-29T10:23:58Z

← Nächstältere Version		Version vom 29. Juni 2025, 10:23 Uhr
Zeile 1:		Zeile 1:
	<noinclude>{{#tag:pre\|{{msgnw:Widget:KnowHowComputer}}}}</noinclude><includeonly><script type="text/JavaScript">		<noinclude>{{#tag:pre\|{{msgnw:Widget:KnowHowComputer}}}}</noinclude><includeonly><script type="text/JavaScript">


	(function () {		(function () {
	const STYLESHEET_HREFS = Array.from(document.styleSheets).filter(cssss => cssss.href).map(cssss => cssss.href);		const STYLESHEET_HREFS = Array.from(document.styleSheets).filter(cssss => cssss.href).map(cssss => cssss.href);
Zeile 146:		Zeile 145:
	<button class="mw-ui-button khc-help"		<button class="mw-ui-button khc-help"
	type="button"		type="button"
	id="hilfeschalter">Hilfe</button>		id="hilfeschalter">Hilfe</button>
	</div>		</div>
	<figure aria-describedby="details-khc">		<figure aria-describedby="details-khc">
Zeile 166:		Zeile 165:
	</fieldset>		</fieldset>
	</figure>		</figure>
	~~</section>~~

	<dialog id="hilfe" class="oo-ui-window-frame">		<dialog id="hilfe" class="oo-ui-window-frame">
Zeile 265:		Zeile 263:
	<button autofocus>Hilfe schließen</button>		<button autofocus>Hilfe schließen</button>
	</form>		</form>
	</dialog>`;		</dialog>
			</section>`;

	STYLESHEET_HREFS.map(function (href) {		STYLESHEET_HREFS.map(function (href) {

Christian am 29. Juni 2025 um 10:15 Uhr

2025-06-29T10:15:57Z

Änderungen zeigen