Mit der Funktion «dom2array», die ich Ihnen in diesem Artikel vorstellen möchte, können DOM-Strukturen genau auf ein mehrdimensonales Array abgebildet werden.

«PHP DOM» bietet zwar an sich schon gute Verarbeitungsmöglichkeiten für (X)HTML- oder XML-Dateien, aber wer lieber mit Arrays arbeitet, sollte sich diese Funktion anschauen. Mit der vorgestellten Funktion werden alle Tags – Knoten – im DOM-Dokument als in einem mehrdimensionalen Array abgebildet.

Der Quelltext

/**
  * Konvertiert ein DOM-Objekt in einen Array.
  * Achtung: Eventuell etwas rechenintensiv bei grossen DOMs
  * @param object $domroot Elternknoten
  */
function dom2array ( $domroot ) {
 
	$rootchildren = $domroot->childNodes;
 
	$array = Array();
 
	if ( $domroot->hasChildNodes ( ) ) {
		for ( $i = 0; $i < $rootchildren->length; $i++ ) {
 
			$rootchild = $rootchildren->item($i);
			$current_item = count($array); 													// < neues Item
 
			if ( $rootchild->nodeType == XML_ELEMENT_NODE ) {
 
				if ( $rootchild->hasChildNodes ( ) )
					$array[$current_item] = dom2array ( $rootchild ); 						// < dom2array eine Ebene Tiefer
 
				$array[$current_item]['name'] = $rootchild->nodeName; 						// < Tag
				$array[$current_item]['value'] = $rootchild->nodeValue; 					// < Inhalt
				if ( $rootchild->attributes !== NULL ) {
					foreach ( $rootchild->attributes as $rootattribute => $rootvalue ) {
						$array[$current_item][$rootattribute] = $rootvalue->value; 			// < [ATTRIBUT] = Wert
					}
				}
 
			}
 
		}
	}
 
	return $array;
 
}

Als Parameter wird ein Wurzelelement erwartet, welches mit «PHP DOM» erstellt wurde. Dies muss nicht das erste Tag sein, es können auch nur Teilstücke in einen Array umgewandelt werden.

Wie es funktioniert

Die Funktion «dom2array» fügt dem Array alle Knoten – Tags – hinzu, die eine Ebene tiefer als das Wurzelelement sind («childNodes»). Findet die Funktion weitere Kindknoten(«hasChildNodes»), ruft sich die Funktion selbst auf, diesmal jedoch wird das Wurzelelement eine Ebene tiefer gesetzt. Findet diese erneut aufgerufene Funktion eine Ebene tiefer wieder Kindknoten ruft sie sich erneut auf, um diese dem Array hinzuzufügen. Dieses Prinzip wird wiederholt, bis keine neuen Kindknoten mehr gefunden werden(«hasChildNodes» == false).

Beispiel

Die Funktion könnte aus diesem XML-Dokument:

		Item 1

http://example.org

Diesen Array erzeugen:

Array
(
    [0] => Array
        (
            [0] => Array
                (
                    [name] => name
                    [value] => Item 1
                )

            [1] => Array
                (
                    [name] => url
                    [value] => http://example.org
                )

            [name] => item
            [value] =>
		Item 1

http://example.org

            [id] => 1
        )

)

Anmerkung: Auch Textelemente und andere Inhalte werden mit DOM als Knoten dargestellt. Möchten Sie dieses verhalten unterbinden, genügt eine einfache IF-Abfrage nach dem Knotentyp mit «nodeType». Natürlich ist die Funktion noch klar Ausbuafähig.

Ich habe eine neue E-Mail Adresse! Senden Sie mir neue E-Mails an die folgende neue Adresse: andre.roesti[AT]7flex.net.

Die neue E-Mail Adresse andre.roesti[AT]7flex.net ist der erste Teil der Umstellung von «andres-homepage.ch» zur neuen Website «7flex.net».

Wieso eine neue E-Mail Adresse?

Die lange und umständliche E-Mail Adresse andre.roesti@andres-homepage.ch war schon immer schwierig zu merken und stellte oft ein Problem dar, weil sie schwierig zu tippen war. Die neue E-Mail soll diese Probleme abschaffen und ist kürzer und merkbarer.

Bitte aktualisieren Sie die Kontaktdaten auch in Ihrem E-Mail Programm!

AJAX ist ein Begriff, der verschiedene Techniken zusammenfasst. Techniken, um bestimmte Inhalte per JavaScript zum Client zu übertragen. Statische Bereiche der Website, die immer gleich bleiben, müssen so nicht bei jedem Klick neu geladen werden. Es verändert sich nur der Inhalt oder ein anderer gewünschter Teil der Website.

Es gibt verschiedene Formate, in welchen Daten per AJAX übertragen werden.

• REST – Daten werden über HTTP übertragen (zum Beispiel GET)
• XML – Daten werden im XML-Format übertragen
• JSON – Daten werden im JavaScript-Optimierten JSON-Datenformat übertragen

Wie kann ich AJAX auf meiner Website verwenden?

Da sich AJAX bereits etabliert hat, verzichte ich hier auf einen eigenen Codeschnipsel. Aktuelle JavaScript-Pakete wie zum Beispiel «jQuery» oder «mootools» enthalten bereits reife und fehlerfreie Funktionen für die verwendung von AJAX.

• Laden Sie sich das JavaScript-Paket «jQuery» von der offiziellen Website herunter.
  • Download-Link
• Entscheiden Sie sich für eine Übertragungsmethode (siehe Liste oben).
• Verwenden Sie in Ihrem JavaScript eine der AJAX-Funktionen von jQuery.
• AJAX-Funktionen von jQuery im Überblick

Entstehungsgeschichte von AJAX

Als JavaScript geschaffen wurde, dachte man nicht, dass das Internet je so dynamisch würde. Kein Wunder: Damals gab es ja nur statische HTML-Seiten. Aber der Trend hat sich geändert. Mehr denn je boomen Web-Applikationen. Das stetige neuladen der Website, oder besser der Webapplikation, ist sehr hinderlich am effizienten Arbeiten.

Also schufen verschiedene Browserhersteller eigene Techniken, welche es uns heute erlauben, per JavaScript neue Inhalte zu laden. Darunter gibt es die Techniken «XMLHttpRequest» oder «ActiveX» von Microsoft. Diese wurden unter dem Namen AJAX zusammengefasst.

Um die genannten Services anpingen zu können, bedarf es nur wenigen Zeilen Quelltext. Fügen Sie den folgenden Code in Ihr Script ein. Mit einem Aufruf der Funktion «ping» pingen Sie «Technorati» und «Google Blogsearch» an.

• Kopieren Sie das folgende Script in die PHP-Datei, in welcher Sie es verwenden möchten.
• Rufen Sie die Funktion «ping» in folgendem Format auf: ping ( 'NAME', 'http://ADRESSE' ) . Ersetzen Sie die Parameter NAME und ADRESSE mit den richtigen Werten.

Die Ping-Funktion

function ping ( $name, $url ) {

$ping = Array();

// Google Blogsearch
$ping[]['host'] = 'blogsearch.google.com';
$ping[]['path'] = '/RPC2';

// Technorati
$ping[]['host'] = 'rpc.technorati.com';
$ping[]['path'] = '/rpc/ping';

// Sie können diese Liste nach belieben im obigen Format erweitern.

if ( empty ( $name ) || empty ( $url ) )
	return false;

$q = '?';
$xmlrpc = 'weblogUpdates.ping'.$name.''.$url.''; // XML-RPC Request

foreach ( $ping as $ping ) {

	$sock = fsockopen ( $ping['host'], 80 );

	if( is_resource ($sock) ) {
		fputs ( $sock, 'POST '.$ping['path']. ' HTTP/1.1\r\n' );
		fputs ( $sock, 'User-Agent: '.$name.'\r\n' );
		fputs ( $sock, 'Host: '.$ping['host'].'\r\n' );
		fputs ( $sock, 'Content-Type: text/xml\r\n' );
		fputs ( $sock, 'Content-length: '.strlen($xmlrpc).'\r\n\r\n' );
		fputs ( $sock, $xmlrpc );
	}

	fclose ( $sock );

}

}

Wie funktioniert ein Ping mit diesem PHP-Quelltext?

Damit Sie diesen Code verstehen können, müssen Sie wissen, nach welchem Schema die verschiedenen Ping-Services Pings entgegennehmen. Technorati, zum Beispiel, verwendet das verbreitete XML-RPC Format (siehe auch Wikipedia-Artikel: XML-RPC). Diese Methode erwartet eine XML-Basierte Ping-Anfrage mit Parametern über den Blog.

Technorati accepts XML-RPC pings to rpc.technorati.com/rpc/ping.

  weblogUpdates.ping

      YOUR WEBLOG NAME HERE

http://www.YOURWEBLOGURL.com/

Das Script öffnet mit der PHP-Funktion «fsockopen» einen Verbindungssockel zu den gewünschten Ping-Diensten. Es wird der benötigte HTTP-Header geschrieben. Später folgt der XML-RPC Inhalt. Der String «<?» muss zusätzlich maskiert werden, da PHP dies ansonsten als «Short Open Tag» ansieht. beginnt So einfach funktioniert ein Ping mit PHP!

Willkommen zum neuen «7flex Magazin». In diesem Magazin werde ich – André Rösti – über neue Trends im Bereich der Webentwicklung berichten und praktische Tipps für profesionelles Webdesign geben. Nebst zahlreichen «Codeschnipseln» dürfen Sie hier auch detaillierte Erklärungen zu den Themen lesen, die Sie interessieren. Das «7flex Magazin» ist die Fortsetzung von meinem früheren Privaten Blog «Asterix’ Blog».

Bild: Matt Callow, flickr

Die folgenden Schlagworte werden Sie hauptsächlich durch dieses Blog begleiten:

• Barrierefreiheit und Zugänglichkeit werden zwei der Hauptthemen sein.
• Web-Programmierung mit PHP, JavaScript und mit weiteren Techniken, wie WordPress und ähnlichen Systemen.
• Design und künstlerisches im und aus dem Internet und den neuen Medien allgemein.
• Marketing und Suchmschinenoptimierung – da dies auch zwei wichtige Themen der Webentwicklung sind, werden diese sicher auch behandelt.

Hier möchte ich gelöst von privaten Geschichten, die es im alten Blog «Asterix’ Blog» zu lesen gab, rein über das Thema Webdesign berichten. Sie dürfen sich also auf ein qualitatives Magazin mit viel Fachwissen freuen.

Lesen Sie nur das, was Sie möchten

Ich bemühe mich, die Artikel hier so gut wie Möglich zu gliedern: So dass Sie nur das lesen, was Sie lesen möchten. Die Artikel besitzen jeweils eine kurze Einleitung und eine detailliertere Erklärung. Vielleicht genügt Ihnen diese Einleitung, vielleicht möchten Sie aber auch genauer die Hintergründe erfahren.

Freuen Sie sich also schon mal auf den nächsten Artikel.

Über den Autor

Geschrieben wird hier von André Rösti. Ich bin ein 13 Jahre alter Junge aus der Schweiz und wie Sie bereits bemerkt haben dürften, sehr interessiert zu den Themen Internet, Webdesign und neue Medien. Mehr über mich können Sie hier lesen (Link folgt).