Wie rufe ich mit URL-Parametern dynamisch Inhalte auf?

[borisbaer]

Entschuldige bitte die späte Antwort, bei meiner Familie und mir ist Corona ausgebrochen mitsamt Grippe-Symptomen.

Die macht leider erstmal meinen ganzen Browserinhalt (Hintergrund nebst Navigation) schwarz, was ich auf den Tod nicht leiden kann.

Das habe ich nun geändert, danke für den Hinweis!

Da auch noch niemand Anderes geantwortet hat, schlage ich vor, dass Du uns ein paar Skizzen zeichnest, scannst und uploadest und den zeitlichen Ablauf dazwischen markierst.

Was soll

• wann
• wie
• wodurch (welche Benutzerhandlungen, welche Daten, ...)

aussehen?

Für Skizzen fehlt mir momentan die Energie, aber ich versuche es besser zu erklären: Ich möchte, dass jeder Tab (Spiel, Releases, Merchandise, Guides usw.) der jeweilige Inhalt aus einer separaten .php-Datei in demselben Ordner geladen wird. Wenn ich also auf Releases klicke, dann soll in ein bestimmtes div der Inhalt der Datei releases.php geladen werden. Bisher funktioniert das mit einem AJAX-Script bei mir, nämlich dem Folgenden:

// A J A X - T A B S

$( "#tabs .tab" ).click(function() {

	// h i g h l i g h t - c u r r e n t - t a b

	$( this ).addClass( "current" ).siblings().removeClass( "current" );

	// m a i n : a d d - c u r r e n t - i d

	var main = $( "#tabs a[href].current" ).attr( "href" );

	$( "main" ).attr( "id", main );

	// l o a d - a j a x - c o n t e n t

	$.ajax( { url: this.href, success: function( html ) {

		$( "#append" ).empty().append( html );

	}

	});

	return false;

});

//	A C T I V E - A J A X - T A B

var url = $( "#tabs a[href].current" ).attr( "href" );

$.ajax( { url: url, success: function( html ) {

	// m a i n : a d d - c u r r e n t - i d

	var main = $( "#tabs a[href].current" ).attr( "href" );

	$( "main" ).attr( "id", main );

	// l o a d - a j a x - c o n t e n t

	$( "#append" ).empty().append( html );

}

});

Die Aufteilung der Requests in POST, GET, URL oder AJAX im Hintergund will durchaus intelligent geplant sein, und dass Du jetzt danach fragst, wie das geht, ist durchaus intelligent!

Momentan läuft mehr oder weniger nur diese eine Seite zum Testen. Ich versuche herauszufinden, wie ich den Inhalt der Webseite so strukturieren kann, dass die einzelnen Elemente möglichst dynamisch sind. Sie soll darauf ausgelegt sein, potenziell mehrere hundert Einzelseiten zu beinhalten (sehr ambitioniert, ich weiß).

Wenn ich dann ein Element irgendwann doch gerne ändern wollte (z.B. dass ich an der Stelle, an der Veröffentlichung steht, doch lieber den Begriff Erscheinungsdatum verwenden möchte), ich diese Änderung nicht bei allen hundert Seiten durchführen muss.

Leider bin ich echt ein Noob in puncto Programmiersprachen. Ich bin froh, dass ich überhaupt so weit gekommen bin bisher. Ich versuche meine Kenntnisse zu PHP und JavaScript mit der Zeit auszubauen, aber es läuft eher schleppend. War jetzt sehr viel learning by doing. Ich weiß nicht mal genau, was URL Parameter genau sind (sie wurden mir von Rolf B als bessere Lösung zu AJAX vorgeschlagen) und die Tutorials, die ich bisher gesehen bzw. gelesen habe, hinterlassen viele Fragezeichen. Wie dem auch sei, ich hoffe, dass ich irgendwann durchsteige.

Gruß Boris