Malleus' Javascript FAQ

[Malleus]

Hallo alle miteinander,
ich hab' mir mal die Mühe gemacht und einige Scripte, die ich so im Laufe der Zeit gebaut habe, verlinkt.

Malleus' Javascript FAQ


Wenn die Zeit es erlaubt, werd' ich mich auch dransetzen und das ganze etwas "besser" dokumentieren

Tschau

Frank

[321]

da kann man nur Danke sagen!

Hast mal ne Flasche gut bei mir!

[ingo]

vielen dank.
ich nagel den mal an.

[Nightline]

Grandios! Fettes Danke!

[Nele]

Toll, danke.

[Malleus]

...freut mich echt zu hören *rotwerd*

Tschau
Frank

[Adromir]

Ist echt ein tolles FAQ. Ich bin gerade dabei mich etwas mehr mit JS zu befassen. Ich hab mich lange Zeit nicht so richtig dran getraut, da ich nicht die Muße hatte "noch" eine Sprache zu lernen.

Aber ich muss sagen, durch meine Arbeit mit PHP habe ich doch schon ne Menge Verständnis für JS bekommen.

Was mich im Moment am meisten interessiert ist, wie man den Inhalt einer Variabel auch über einen Seitenreload "speichern" kann, aber ohne Cookies, sondern eher wie Sessions in PHP..

[Malleus]

Hi Adromir,
ich mach' momentan gerade den umgekehrten Weg, also von Javascript zu PHP und ich muß sagen, daß ich mich noch nicht so richtig in PHP wohlfühle. Javascript als Programmiersprache find' ich irgendwie "schöner", aber nun ja, das ist alles Geschmackssache.

Zu Deinem Problem: Ohne Cookies ist das meines Wissens nicht so ohne Weiteres möglich. Du könntest das ganze aber mit AJAX machen, nur dann ist's wieder komplizierter: Variable in eine Datenbank/File schreiben und dann beim Onload-Event der Seite den Variablen-Wert wieder auslesen.

...und in Bezug zum Lernen: Man kan nie genug wissen! Es gibt da auch noch XML/XSLT, damit kann man auch ganz tolle Sachen.

tschau

Frank

[steffenk]

Hi Frank,

schön das DU der Gemeinde Dein Wissen zur Verfügung stellst !

Schmerzlich vermisse ich das Tutorial über Apfelmännchen auf Deiner Seite. Du hattest das so schön aufbereitet, wenn auch nicht ganz fertig. Aber das ist nicht so schlimm, es gibt keine (ersichtlichen) Links mehr zu diesen Tuts, und das finde ich äusserst schade !

Vielleicht hast Du ja auch mal Lust und Zeit, im TP einen JS Workshop zu starten, Umfang und Inhalt kannst Du ja so proportionieren, wie Du es leicht nebenher bewältigen kannst - ein solches Wissen darf nicht alleine herumspazieren

vg Steffen

[Malleus]

Hi Steffen,
sorry, daß ich mich erst jetzt melde!

Deine "Beschwerde" wurde vernommen ;-) Die Tutorials sind jetzt auch in meiner FAQ Seite verlinkt.

Ich muß gestehen, das Apfelmännchen-Tutorial hab' ich "etwas" vernachlässigt. Mit fehlt hier auch etwas "positives" Feedback, ob so ein Tutorial bzw. so eine Dokumentation von "allgemeinem" Interesse ist, da das ganze doch sehr komplex ist.

Momentan hab' ich aber wieder eine "andere" Schaffensphase: Ich bin wieder am Programmieren, speziell an meinem Solitaire ( Bestzeiten-Erfassungen, Statistiken usw. )

Das mit dem Workshop hab' ich schon länger im Sinn. Ich weiß nur nicht, ob ich dazu auch die nötige Zeit habe bzw. Interesse besteht.

Meine Idee wäre folgende: Wir programmieren zusammen ein Javascript Spiel.

Ausgesucht hab' ich mir eine Art "Mensch ärgere Dich nicht" (copyright, d.h.hier müssen wir uns aber einen anderen Namen aussuchen. Der Name ist nämlich geschützt).

( Leicht )
Teil 1: Aufbau des Spielfelds

Teil 2: Bewegung einer Figur

Teil 3: Bewegung einer zweiten Figur

Teil 4: Multiplayer-Spiel am gleichen PC

..nun wird's richtig interessant:

( Mittel )
Teil 5: Einführung des Computergegners, d.h. wir bewerten die möglichen Züge des Computers
- Zufallszug
- Angsthasenzug, d.h. möglichst schnell ins Haus
- Böser Zug: Zuerst den Gegener rauswerfen
- usw.

Hier können wir uns so richtig austoben und jeder kann sich eigentlich seine "Strategie" ausdenken

...und dann wird's noch besser:

( Schwer )
Teil 6: Multiplayer-Spiel übers Internet

- Spieler treffen sich und melden sich zu einem Spiel an. Sie bekommen eine ID zugewiesen.
- Das Spiel beginnt.
- Die einzelnen Spieler führen AJAX-mäßig Anfragen an den Server aus und schauen nach, ob ein anderer Spieler einen Zug gemacht hat und werten diesen aus.
- Spieler macht einen Zug. Dieser wird an den Server übertragen und der nächste ist dran.



Das war's!

Mir geht's bei dem ganzen nicht um das Spiel an sich, sondern vielmehr um das "Wir haben es programmiert und auch komplett verstanden!" Ich behaupte mal: Jeder, der das Projekt bis zum Ende durchzieht, hat dann keine Probleme mehr mit "Javascript"

Ich selbst programmiere dabei so wenig wie möglich, d.h. ich werde Euch ( 3-5) unterstützen bzw. bei der Fehlersuche helfen. Für mich sehr wichtig ist jedoch, daß am Ende ein "kompaktes" und "schönes" Script herauskommt.



Was haltet "Ihr" von der Idee?

Tschau

Frank

[steffenk]

Hi Frank,

danke für die Verlinkung Das positive Feedback bekommst Du doch hier im Forum zur Genüge

Die Idee find ich spitze, ich melde mich hiermit offiziell an, das ist eine gute Gelegenheit, die JS-Kenntnisse aufzupolieren, da das bei mir oft in Kampf ausartet. Ich bin mir sicher, das wir genügend Interessenten zuammenbekommen.

Ein schönes WE
Steffen

[Malleus]

...und wie geht's dann weiter? Machst Du einen Thread auf?

[ingo]

ich hab mal einen gemacht und den oben angepinnt

[Malleus]

..hab' etwas neues verlinkt: Ein Inputfeld, das nur Zahlen annimmt und dann per Buttonklick die Zahl nach Hexadezimal umrechnet. Vielleicht könnt Ihr das ja auch gebrauchen.

Test

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Konvertiere Zahl nach hexadizimal, nur Zahlen bei der Eingabe zulässig</title>
<script type="text/javascript">
function initPage()
{
	oMyNumber = document.getElementById( "myNumber" );
	oMyNumber.focus();
};

function check4Digits(evt)
{
	var keyCode = evt.keyCode || evt.which;
	if ( keyCode )
	{
		if ( ( keyCode >= 48 && keyCode <= 57 ) || keyCode == 8 )
			return true;
	};

	if ( evt.preventDefault )
		evt.preventDefault();
	else evt.returnValue = false;

	return false;
};

function doIt()
{
	alert( Number( oMyNumber.value ).toString( 16 ) );
	oMyNumber.focus();
	oMyNumber.select();
};
</script>

<style type="text/css">

</style>

</head>

<body onload="initPage()">

Welche Zahl soll umgewandelt werden:&nbsp;<input type="text" id="myNumber" onkeydown="check4Digits(event)" onkeypress="check4Digits(event)"/>
<br><button onclick="doIt()">Konvertiere nach "Hexadezimal"</button>

<div id="myDiv">

</div>

</body>
</html>

tschau

Frank

[steffenk]

Hi Frank - thx

Wie würde es ausschauen, wenn man die Zahlen des Cursorblocks noch mit zulässt ?