SchmaRs World » scripting/coding

RDFa – Web meets Desktopanwendung

SchmaR — Fri, 17 Oct 2008 17:32:42 +0000

Wäre es nicht eine schöne Sache wenn man jemand bei StudiVZ o.ä. diensten kennen lernt und einfach sein Profil in eine Desktopanwendung zu verwalten von Kontakten zieht und alle relevanten Daten eingetragen sind. Ein anderes Beispiel wäre, wie oft findet man Bilder im Netz über deren Lizenz man sich nicht klar? Auch hier wäre RDF bzw. RDFa eine wunderbare Lösung.

Der Pilotartikel der neuen Kategorie ist als eine Einleitung zu verstehen und geht vorerst nicht so sehr in die Tiefe.

RDFa ist eine Abwandlung der Technik (RDF + xHTML) des RDF (Resource Description Framework) sowie von xHTML und dient wie der Name schon sagt zum Beschreiben von Webinhalten. Die Technik ist meiner Meinung nach ein entscheidender Schritt um das Web weiter voran zu bringen und für den User komfortabler zu machen. Durch das RDFa wird es ermöglicht das Programme die Inhalte von Webseiten effizient auslesen und verwerten können.

Die Problematik kurz erläutert

An folgenden Bespiel will ich kurz den Sinn und Zweck von RDFa aufzeigen

Auf der Linken Seite sieht man was der Browser bzw. ein Programm aus (x)HTML interpretiert. Die rechte Seite stellt dar was der User sieht bzw. interpretiert.

Und genau an dieser Lücke setzt RDFa ein durch das hinzufügen von RDF Eigenschaften in xHTML werden die einzelnen Elemente genauer ausgezeichnet, sodass sie von Programmen/Maschinen im Kontext lesbar werden.

Hier ein Beispiel:

Ohne RDFa Auszeichnung

<div  style="color: red;">xmlns:dc="http://purl.org/dc/elements/1.1/">
   <h2  style="color: red;">property="dc:title">The trouble with Bob</h2>
   <h3  style="color: red;">property="dc:creator">Alice</h3>
   ...
</div>

Mit RDFa Auszeichnung

 
 xmlns:dc="http://purl.org/dc/elements/1.1/">
 property="dc:title">The trouble with Bob
 property="dc:creator">Alice
 
   ...

Wie man an den Beispiel schon sehen kann benötigt RDFa ein Ressourcendokument welches die RDF Eigenschaften auszeichnet, so ist aber auch gewährleistet, das dass Framework nicht daran Krankt, dass es für einen vom Autor gewünschten Kontext keine Auszeichnung gibt. Jeder der sich eingehender mit dieser Technik beschäftigt soll eigene Ressourcendokumente erstellen können.

Soweit erst einmal mit dem Thema RDF werde ich mich in folgenden Artikeln noch eingehender beschäftigen. Dieser Artikel bezieht sich auf die News vom W3C: „RDFa in XHTML: Syntax and Processing Is a W3C Recommendation; RDFa Primer Updated“ In dem Newsartikel findet ihr auch weiterführende Links zum Thema.

Examples (code and image) Copyright © 14 October 2008 World Wide Web Consortium, (Massachusetts Institute of Technology, European Research Consortium for Informatics and Mathematics, Keio University). All Rights Reserved. http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231

Mal wieder ein Blick auf dev.opera.com & ein neuer Partner

SchmaR — Thu, 09 Oct 2008 17:40:50 +0000

Es ist schon über 2 Monate her das ich das letzte Mal von der "developer – community" des Browserherstellers berichtet habe. Inzwischen scheint das Konzept der Seite gut gefruchtet zu haben, als Opera mit dem Projekt Online ging machte es auf mich den Anschein als wenn es nur eher schleppend in Fahrt kommt, nun Tummeln sich jedoch recht viele Entwickler auf der Plattform. Das rührt sicherlich von den guten und sehr aufschlussreichen Fachartikeln, wie zum Beispiel die Artikelserie „Introduction to The Web Standards Curriculum“.

Die Artikelserie wurde seit dem ich das letzte Mal darüber berichtete stark ausgebaut. Inzwischen füllen 39 Artikel das Curriculum. In der letzten Zeit wurden viele interessante Artikel zu hauseigenen Technologien von Opera veröffentlicht. Darunter fallen zum Beispiel eine Anleitung zur Verwendung von „User JavaScript“ oder ein Tutorial zum effizienten debuggen von Widgets für den Opera.

Der wohl interessanteste aktuelle Artikel dürfte wohl „Automatic numbering with CSS Counters“ sein. Dieser bezieht sich auf CSS 2.1 Allgemein und zeigt eine schöne Methode zum Nummerieren von Elementen (wie z.B. h2-tags) auf. Leider wird diese Methode noch nicht vom IE unterstützt, aber die Implementierung ist für den IE8 geplant.

Soviel zu Opera . Nun noch ein par Worte in eigener Sache. Ich habe in Markus Thömmes den Betreiber von Semantifiziert.de einen neuen Partner gefunden, und hoffe auf eine gute Zusammenarbeit. Wie der Name schon vermuten lässt geht es in dem Blog um xHTML und CSS wobei das Hauptaugenmerk auf der „semantik“ des xHTML codes liegt.

6 kleine PHP snippets

SchmaR — Tue, 30 Sep 2008 19:21:32 +0000

Heute habe ich mal wieder einen Leckerbissen für PHP-Neulinge, der Lead Codesupporter Raph (civa-co.de) von Eurostyle-Webmedia.de hat im Laufe der Zeit eine Reihe von PHP snippets veröffentlicht. 6 von diesen snippets werde ich euch kurz in einer Link-Liste vorstellen.

Smiley Funktion
Die Smiley Funktion dient wie der Name schon vermuten lässt den ersetzten von Textsmileys durch grafische Smileys. Auf den Punkt gebracht ist diese Funktion eine Anwendungsmöglichkeit der PHP-Funktion str_replace();
Letzte Aktualisierung einer Datei
Hier ein knapper, hin und wieder, nützlicher 2 Zeiler. Die Funktion übernimmt den Dateinamen und gibt den Zeitpunkt der letzten Aktualisierung der Datei aus.
Server Online/Offline Anzeige
Bei der Server Online/Offline Anzeige handelt es sich um kleines, gut Dokumentiertes PHP snippet/Tutorial, welches den Online/Offline Status eines Servers durch das Herstellen einer Socket-Verbindung überprüft.
Sprache
In diesem snippet wird über die Servervariable HTTP_ACCEPT_LANGUAGE die bevorzugte Sprache des Users festgestellt. Nützlich wäre dieser Code zum Beispiel in einem Templatesystem.
Referer
Auch in diesem Minicode kommt wieder eine Servervariable zum Einsatz, mit welcher festgestellt wird von welchem Script aus das Script aufgerufen wurde.
Volljährigkeit
Eine für meinen Geschmack etwas kompliziert gehaltene Funktion zum Überprüfen der Volljährigkeit eines Users. Die Funktion nimmt die Variablen: $day, $month und $year entgegen welche Beispielsweise aus einem Formular stammen könnten und Überprüft durch einige Datumsfunktionen das Angegeben Alter.

phpMyAdmin der Sprung in die 3.0.0

SchmaR — Mon, 29 Sep 2008 18:25:32 +0000

Nach einen knappen einmonatigen Betatest geht die beliebte open source MySQL administrations Software endgültig in die dritte Runde. Am 27.09 wurde nun die Finale Version 3.0.0 released und gilt als aktuelle Stable.

Zu den wichtigsten Neuerungen zählen: Die Unterstützung für die Storage Engine Maria (Wir berichteten im Alphatest), Experiemteller Support für Mozilla Prism und die Möglichkeit des Exportes in Texy-Mark-up. Als Vorraussetzung wird nun mindestens PHP 5.2 und MySQL 5.0.15 benötigt. Desweiteren wird aufgrund einiger Securityfixes ein Umstieg auf die neue Version empfohlen.

Hier ist das Komplette Changelog aus der phpMyAdmin Wiki.

Requirements

PHP 5.2+, MySQL 5.0.15+

Improvements

This version supports various features of MySQL 5.1, the Maria and PBXT storage engines and SweKey hardware authentication.

[table] support MySQL 5.1 PARTITION: CREATE TABLE / Table structure, partition maintenance
[privileges] support for EVENT and TRIGGER
[gui] Events
- minimal support on db structure page
- export
[engines] Maria support
[engines] MyISAM and InnoDB: support ROW_FORMAT table option
[engines] PBXT: table options, foreign key (relation view, designer)
[error handler] NEW handle errors to prevent path disclosure and display/collect errors
[mysqlnd] do not display strMysqlLibDiffersServerVersion if the client is mysqlnd
[webapp] experimental Mozilla Prism support
[export] new plugin "codegen" for NHibernate
[export] new export to Texy! markup
[config] new parameter CheckConfigurationPermissions
[config] new parameter ShowDatabasesCommand
[config] new parameter CountTables
rfe #1775288 [transformation] proper display if IP-address stored as INT
rfe #1758177 [core] Add the Geometry DataTypes
rfe #1741101, patch #1798184 UUID default for CHAR(36) PRIMARY KEY
rfe #1840165 [interface] Enlarge column name field in vertical mode
patch #1847534 [interface] New "Inside field" in db search
[GUI] Mootools js library (http://mootools.net) and new parameter InitialSlidersState
[core] cache some MySQL stats (do not query them with every page request)
[view] clearer dialog WITH (CASCADED | LOCAL) CHECK OPTION
[pdf] Merged tcpdf 2.2.002 (PHP5 version)
prevent search indexes from indexing phpMyAdmin installations
[lang] New Bangla
[interface] Display options
rfe #1962383 [designer] Option to create a PDF page
[GUI] Color picker
[navi] new parameter LeftDefaultTabTable
[display] headwords for sorted column
rfe #1692928 [transformation] Option to disable browser transformations
[import] Speed optimization to be able to import the sakila database
[doc] Documentation for distributing phpMyAdmin in README.VENDOR.

Fixes for 3.0.0-alpha

bug #1910621 [display] part 2: do not display a BINARY content as text
[export] properly handle line breaks for YAML
bug #1664240 [GUI] css height makes cfg TextareaRows useless
bug #1724217 [Create PHP Code] doesn't include newlines for text fields
bug #1845605 [i18n] translators.html still uses iso-8859-1
bug #1823018 [charset] Edit(Delete) img-links pointing to wrong row
bug #1826205 [export] Problems with yaml text export
bug #1344768 [database] create/alter table new field can not have empty string as default
patch #2007196, Typos in comments
bug #1982315 [GUI] Comma and quote in ENUM
bug #1970836 [parser] SQL parser is slow
bug #2033962 [import] Cannot import zip file

Fixes for 3.0.0-beta

[lang] Swedish update, thanks to Björn T. Hallberg
bug #2050068 [gui] "Check tables having overhead" selects wrong tables

Fixes for 3.0.0-rc1

[lang] Belarusian update, thanks to Jaska Zedlik
[lang] Norwegian update, thanks to Sven-Erik Andersen
[lang] Italian update, thanks to Luca Rebellato
[core] safer handling of temporary files with open_basedir (thanks to Thijs Kinkhorst)
[core] do not automatically set and create TempDir, it might lead to secrity issue (thanks to Thijs Kinkhorst)
[lang] Czech update
bug #2066923 [display] Navi browse icon does not go to page 1
patch #2075263 [auth] Single sign-on and cookie clearing, thanks to Charles Suh * cws125
[doc] better documentation of $cfg['TempDir']
bug #2080963 [charset] Clarify doc and improved code, thanks to Victor Volkov * hanut

CSS drop down Navigation

SchmaR — Wed, 10 Sep 2008 18:28:36 +0000

Heute gibt es mal wieder ein kleines Tutorial auf SchmaRs-World.de. Dieses Mal geht es um eine Simple „drop down Navigation“. Die „Inspiration“ zu diesem Tutorial habe ich durch ein Codesnippet zum Thema „Mouseover mit CSS“ von Raph im Eurostyle-Webmedia.de Forum bekommen. Herzlichen Dank an dieser Stelle dafür .

Wir werden die Navigation mit 4 ineinander verschachtelten Listen realisieren. 1 Dieser Listen ist die „Hauptnavigation“ in welche die anderen eingebettet werden.

Dieses Tutorial richtet sich an Anfänger/Fortgeschrittene um es verstehen zu können sollte man bereits einige Grundkenntnisse in (x)html und CSS haben.

Hier ist eine Preview unseres Ziels

Das xhtml Grundgerüst

Als erstes Fangen wir mit dem xhtml- Code an. Den Anfang bildet wie immer der obligatorische Link zum Stylesheet innerhalb der tags.

 
 href="style.css" media="screen" type="text/css" rel="stylesheet" />

Als nächstes brauchen wir eine Liste hierfür eignet sich eine ungeordnete Liste also

. Diese liste bekommt nun 3 Einträge für die Kategorien unserer Navigation. Jedem dieser Einträge weisen wir die CSS-Klasse „navi“ zu, welche wir später noch definieren werden. Die list-Items (

) bekommen jetzt noch den Inhalt „Kategorie 1-3“. Unser Quellcode sieht nun wie folgt aus.

 
 class="navi">Kategorie 1
 class="navi">Kategorie 2
 class="navi">Kategorie 3

Jetzt bekommt jedes Element unserer Liste eine weitere Liste als Inhalt, auch hier bietet sich eine wieder eine ungeordnete Liste an. Jeder dieser „Unterlisten“ weisen wir die CSS-Klasse „submenu“ zu. Alle Listen mit der „submenu- Klasse“ bekommen jeweils 3 list-tems mit dem Inhalt „link1-3“.

 
 class="navi">Kategorie 1
 class="submenu">
link1
link1
link1
 class="navi">Kategorie 2
 class="submenu">
link2
link2
link2
 class="navi">Kategorie 3
 class="submenu">
link3
link3
link3

So das war es auch schon von der xhtml Seite, weiter geht’s mit dem Cascading Style Sheet.

Die style.css

Der CSS Code ist recht minimalistisch, jedoch sehr wirkungsvoll.

Als erstes beginnen wir mit einigen Allgemeinen Eigenschaften.

*,
html,
body{
	margin:0;
	padding:0;
}
 
body{
	color:#000000;
	background-color:#EFEFEF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

(Der Code der in der body klasse enthalten ist, dient lediglich dem Layout.)

Nun ist die Klasse "Navi" dran. Wir setzen die Eigenschaft display auf inline um aus den (in den meisten Fällen) standardmäßig als Block-Elemente deklarierten List-items ein Inline-Element zu formen. Die restlichen Angaben in dieser Klasse sind lediglich für das Layout zuständig und können nach belieben gestaltet oder weggelassen werde.

.navi{
	display:inline;
	background:#97E1FD;
	font-size:16px;
	border:#66FFFF 2px dotted;
	margin-left:100px;
}

In diesen kleinen aber feinen Schritt definieren wir die Klasse „submenu“. Sie bekommt lediglich die Eigenschaft „display“ mit dem Wert „none“ zugewiesen wodurch alle „submenu-Elemente“ nicht angezeigt werden.

.submenu{
	display:none;
}

Jetzt kommt das Herzstück unserer Navigation. Die Deklaration des Verhaltens der Klasse „submenu“, wenn sich der Mauszeiger über einen „navi“ Element befindet. Die Eigenschaft „display“ wird auf „inline“ gesetzt wodurch die zuvor nicht sichtbare Liste als inline-Element dargestellt wird. Das setzen der Eigenschaft „position“ auf „absolute“ ist neben den eben bei display angewandten verfahren Elementar. Das setzen von absolute entfernt die „submenu-Elemente“ aus dem normalen Textfluss sodass sie über oder unter den anderen Elementen angezeigt werden und nicht das Layout zerstören. Mit der Eigenschaft „z-index“ wir angeben welches Element über welchen liegt. z.B. wird ein Element das einen „z-index“ von 1 hat unter einem mit einem „z-index“ von 2 dargestellt. Die Eigenschaft „margin-left“ hat in diesem Fall nur Layouttechnische Bedeutung.

.navi:hover .submenu{
	display:inline;
	position:absolute;
	z-index:2;
	margin-left:1px;
}

Nun ist es fast geschafft jetzt folgt noch eine kleine Definition des Verhaltens von List-Items innerhalb eines „submenu“ Elements. Hierbei sind die Eigenschaften „display“ und „list-style-position“ wichtig. Die auf Block gestellte Eigenschaft „display“ sorgt dafür dass die Listenelemente untereinander also als Block Elemente dargestellt werden. list-style-position:outside; ist lediglich ein Fix für den IE7 da dieser ansonsten vor den Inhalt der List-Item einen freien platz darstellt.

.navi:hover .submenu li{
	display:block;
	background-color:#6699FF;
	border:#66FFFF 1px dotted;
	list-style-position:outside;
}

Hier die Tutorial Dateien.

So da war es auch schon mit unserem kleinen Turorial ich hoffe es hat euch weitergeholfen und war gut zu verstehen. Für Kritik positive wie negative bin offen, also lasst eure Meinung in den Kommentaren da.

Ist Open Source wichtig?

JimBamir — Sat, 30 Aug 2008 16:13:03 +0000

Zuerst einmal zu meiner Person. Ich heiße Amir Hodzic, bin 18 Jahre alt, lebe in Österreich und besuche eine Handelsakademie in Tirol. Im Internet nenne ich mich JimBamir. Mit Webentwicklung beschäftige ich mich seit etwa 2 Jahren. Als neues Teammitglied - und damit neuer Autor auf diesem Blog - von Schmars-world möchte ich euch jetzt etwas über das Thema Open Source erzählen.

Wenn man die Situation nüchtern betrachtet ist Open Source nicht wichtig. 99 % der Kaufkraft interessiert nicht das sie den Code betrachten können. Warum auch, wenn sie ihn nicht korrekt manipulieren können. Mit Open Source schwingt immer auch ein gewisser Hauch von Freiheit mit. Die Sache ist aber, das man sich auch einfach Ikarusflügel bauen könnte um dann auf den Mond zu fliegen, wenn man wollte. Also was nutzt einem die Freiheit etwas zu tun wenn man nicht die Fähigkeit dazu hat? Natürlich kann man jetzt argumentieren, dass Open Source nicht unbedingt für 0815-Käufer gedacht wäre, dass man damit den Fortschritt unterstützt und das irgendwann jeder den Grundgedanken von Open Source verstehen würde.

Vergleichen wir erst einmal Open- mit Closedsourceprodukten. Beide brauchen in etwa eine gleich lange Entwicklung, beide sind ähnlich zu bedienen und beide erfühllen etwa den gleichen Zweck.
Und trotzdem unterscheiden sich beide Produkte ziemlich stark. Woran liegt das wohl?

Genau, der Quellcode ist bei OpeSourceprodukten offen und damit jedem zugänglich. Dadurch ergibt sich der angenehmen Umstand das jeder, der etwas Ahnung von Programmierung hat, einen Fix zu Problemen schreiben kann und den, der Community zur Verfügung stellen kann. Es ergibt sich eine freie Software, die ständig gewartet wird, den Communitygeist aufrecht erhält und dadurch einen in sich geschlossenen Komplex erstellt der sich um die Software kümmert.

Daher – das ist meine persönliche Meinung – ist Open Source wichtig.

Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.

Bringen nun auch Sie, Ihre Meinung zur Geltung. Worin liegt für Sie der Mehrwert?

phpMyAdmin 3.0.0 geht in die Beta

SchmaR — Mon, 25 Aug 2008 17:26:23 +0000

Etwas länger als eine Woche hat es gedauert der Alphatest von phpMyAdmin 3.0.0. Das beliebte Webbasierte Mysql Administrationstool bekommt nun eine Beta. Im Zuge dieses Versionsupdates gab es 2 kleine Bugfixes.

Es wurde einmal ein Update in der schwedischen Sprachdatei vorgenommen sowie der Bug #2050068 wurde gefixt.

Hier die Auflistung des Changelogs

[lang] Swedish update, thanks to Björn T. Hallberg
bug #2050068 [gui] "Check tables having overhead" selects wrong tables

Contentslider/Specialbox – Tutorial

SchmaR — Mon, 25 Aug 2008 00:50:56 +0000

Da im Eurostyle-webmedia.de Forum in letzter Zeit viele Fragen zu den Thema kursieren wie man eine Specialsbox oder einen Contenslider realisiert, werde ich hier eine einfach gehaltene (mit AJAX realisierte) Möglichkeit vorstellen und in Form eines Tutorials erklären. Als besonderes Schmankerl biete ich das Tutorial Multimedial an, einmal in Textform und einmal als Video.

Link zum unseren Ziel

Am Anfang stand die HTML

Beginnen wir mit den xHTML-code zu den Werde ich nicht viele Worte verlieren, da ich Grundkenntnisse in xHTML einfach mal vorrausetze.


 xmlns="http://www.w3.org/1999/xhtml">
 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 href="style.css" media="screen" type="text/css" rel="stylesheet" />
 language="javascript" type="text/javascript" src="functions.js">
</span></a></span>SchmaRs-World: Contentslider/Specialbox - Tutorial Demo<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">
 onload="sndReq(1)">
 id="wrapper">
 id="title">
Contentslider/Specialbox - Tutorial 
 id="contentslider">
 
   style="clear:both;" />

In den Zeilen 5 und 6 werden die Dateien geladen die für die Realisierung nötig sind. Zum einen ist das die "style.css" welche die Angaben zum Layout enthält. Zum anderen die "functions.js" welche das Herzstück unseres Vorhabens darstellt. Das Bodytag ist mit einem onLoad Ereignis versehen um beim erstmaligen Laden der Seite die "specialbox" mit Inhalt zu versehen. Soviel nun zu den kleinen xHTML Fetzen.

Javascript meets PHP

Kommen wir nun zu den Javascriptcode welcher für das Nachladen von Inhalten verantwortlich ist. Im Wesentlichen besteht der Code aus 3 Funktionen welche mit dem XMLHttpRequest-Objekt arbeiten bzw. es erzeugen. Alternativ könnte man auch eine AJAX Bibliothek wie Prototype verwenden, ein Beispiel hierfür erkläre ich später.

// Contentslider/Specialbox - Tutorial SchmaRs-World.de
// Erzeugen eines HttpRequestObjects samt Browserweiche fuer den IE.
function genXMLHttpRequestObject(){
   var resObjekt = null;
   try{
      resObjekt = new ActiveXObject("Microsoft.XMLHTTP");
   }
   catch(Error){
       try {
           resObjekt = new ActiveXObject("MSXML2.XMLHTTP");
       }
       catch(Error){
           try {
               resObjekt = new XMLHttpRequest();
           }
           catch(Error){
                alert("Erzeugung des XMLHttpRequest-Objekts ist nicht möglich");
           }
       }
   }
   return resObjekt;
}
 
// Senden der Anfrage an den Server.
function sndReq(contentnr){
    resObjekt = genXMLHttpRequestObject();
    resObjekt.open('get', 'content.php?content='+contentnr,true);
    resObjekt.onreadystatechange = handleResponse;
    resObjekt.send(null);
}
 
// Warten bis der Datentransfer beendet ist (readystate = 4) und Ausgabe des neuen Contents.
function handleResponse(){
    if(resObjekt.readyState == 4){
        document.getElementById("contentslider").innerHTML = resObjekt.responseText;
    }
}

genXMLHttpRequestObject()

In der ersten Funktion "genXMLHttpRequestObject()" wird eine Instanz von dem XMLHttpRequest-Objekt erzeugt, da die Art der Erzeugung je nach Browser unterschiedlich ist, bedarf es einer Browserweiche. Die Browserweiche ist in diesem Fall in form eines try-catch Konstrukts gelöst. Das Javascript Statement try-catch erlaubt es Code auszuführen und Werte während der Ausführung zu prüfen und im gegebenen Fall einen Fehler abzufangen.

Im ersten try Block wird versucht das XMLHttpRequest-Objekt mit einer Funktion für den IE zu instanzieren. Sollte dies fehlschlagen wird das Error aufgefangen und es wird versucht eine neuere Version des Objekts für den IE zu instanzieren. Wenn dies wiederum fehlschlägt wird versucht das Objekt mit der für den Großteil der Browser gängigsten Methode zu instanzieren. Für die unwahrscheinliche Annahme das auch dies Fehlschlägt wird eine Fehlermeldung in Form eines alert()´s ausgegeben.

sndReq() & handleResponse()

Die Funtion sndReq ist das eigentlich Herzstück des Javascriptcodes sie ruft alle notwendigen Funktionen zum Asynchronen Datenaustausch auf. Die Funktion sendet die eigentliche Anfrage an den Server und verarbeitet auch dessen Antwort.

Die erste Zeile instanziert durch den Aufruf von genXMLHttpRequestObject() ein neues XMLHttpRequest-Objekt und speichert es in der Variable resObjekt ab. Die zweite Zeile öffnet die eigentliche Verbindung zum Server und sendet die Abfrage. Die Methode open des XMLHttpRequest-Objekts übernimmt in unserem Fall 3 Parameter, die Methode (get oder post), Die zu sendenen Daten und das Flag zur bestimmt ob der Datenverkehr Asynchron sein soll oder nicht, in unserem Fall true(asynchron). Die dritte Zeile(siehe zusätzlich die Funktion handleResponse() ) dient dazu sobald der Datenverkehr abgeschlossen ist (resObjekt.readyState == 4) die Daten in das xHTML Dokument einzubinden. Dies geschieht mit der Funktion getElementById. Die Funktion übernimmt einen String der ID des betreffenden Elements innerhalb des xHTML codes, für unsere Zwecke wäre dies "contentslider". Die Eigenschaft responseText des XMLHttpRequest-Objekt enthält die empfangenden Daten.

So Das War’s mit dem Javascriptteil fürs erste, bei der Variante mit Prototype kommen wir noch einmal kurz auf Javascript zu sprechen.

PHP kurz aber knackig

Ich finde der PHP code erklärt sich durch die Kommentare selbst, ich werde zu vorrangeschrittener Stunde die Ausführungen hierzu noch etwas spezifizieren. Was das Tutorialvideo betrifft, trifft selbiges zu.


     // Contentslider/Specialbox - Tutorial SchmaRs-World.de
    // Konfiguration
    $imgpath = 'images/specials'; // Pfad zu den Bildern
	$type = 'gif'; // Dateityp der Bilder
 
	// Anwendungscode
    $toval = $_REQUEST['content'];
    if(is_numeric($toval) && file_exists("$imgpath/$toval.$type")) // prüfe ob der übergebene Wert numerisch ist und eine Datei mit dem Namen existiert
    {
        $img = $toval;
    }
    else // wenn nicht ist der Name 1
    {
        $img = 1;
    }
 
    $next = $img+1;
    $back = $img-1;
    echo "\"$imgpath/$img.$type\" alt=$img />

";
 
    if($img > 1)//wenn der Übergebene Wert größer als eins ist werden 2 Navigationspunkte zurückgeliefert
    {
        echo "
\"buttons\">
\"button\" value=\"<< zurück\" onclick=\"sndReq($back)\" id=\"btn_left\" />
\"button\" value=\"vorwärts >>\" onclick=\"sndReq($next)\" id=\"btn_right\" />
 
";
    }
	else
    {
       echo "
\"buttons\">
\"button\" value=\"vorwärts >>\" onclick=\"sndReq($next)\" id=\"btn_right\" />
 
";
    }
?>

Prototype für die ganz fixen

So hier ist noch die angesprochene alternative Möglichkeit der realisierung mit Prototype. Die Realisierung ist mit der Bibliothek um einiges leichter das sie uns so gut wie alles an Arbeit mit Javascript abnimmt.

functions.js

 
 
function sndReq(contentnr){
    new Ajax.Updater('contentslider', '/content.php?content='+contentnr, { method: 'get' });
}

Link zum unseren Ziel

Tutorial Dateien

Das Video kommt aus Reallife technischen Gründen erst Morgen sorry an alle die es schon gerne hätten.

Soo das wars ersteinmal ich hoffe auf gutes gelingen. Sollte es Ungereimtheiten geben oder sollte ich einen Fehler oder etwas nicht ganz richtig erklärt haben, was ich aber eher weniger glaube, oder wenn euch das Tutorial gefällt lasst einen Kommentar da.

Über 54 Top eBooks über Informatik und das Web

SchmaR — Wed, 20 Aug 2008 20:24:53 +0000

In den letzten Wochen und Monaten habe ich viele kostenlose eBooks(openbooks) in den weiten des Internets gefunden. Nicht alle die von außen wie Gold aussahen waren das aber die, die auf den 2ten Blick auch noch gut aussehen möchte ich euch nicht Vorenthalten.

Es wird garantiert nicht jeder mit jedem eBook etwas anfangen können jedoch dürfte für jeden Web interessierten etwas dabei sein.

Inzwischen sind schon Sage und Schreibe 69 kostenlose Ebooks in der Liste, danke für eure Anregungen!

PHP

PHP Kurs
Galileocomputing - PHP PEAR
PHPUnit - kurz & gut
Offizielle PHP Dokumentation
PHP Buch
professionelle Softwareentwicklung mit PHP5 Gut für forgeschrittene geeignet.
PHP pocket guide
Smarty Cheat SheetSehr zu empfehlen.
quakenet:#php Tutorial Eines der, wenn nicht DAS beste Tutorial für Anfänger, zum reinschnuppern optimal.
PHP für Dich!
PHP Praxisbuch
PHP Kochbuch

CSS

csstutorial.net (englisch)
css4you.de Sehr gute Referenz und Tutorialseite
Webdesign Referenz
CSS eBook

Web

Sicherheit im Internet
Grundlagen der Suchmaschinenoptimierung
Dreamweaver 8
Einstieg in Ruby on Rails den php Konkurenten
Werbung im Internet (rechtlich)
Python
Abmahnung erhalten?
Einstieg in Ajax
Joomla das Open Source CMS
Actionscript für Anfänger
Actionscript
Der IT-Systemvertrag
Internetrecht von der Uni Münster
e-comerce Leitfaden Ein sehr guter Leitfaden zum Thema e-Comerce wer mit den Gedanken spielt sich in dieser Branche zu behaupten -> LESEN
Management von virtuellen Unternehmen
Grundlagenwissen Typo3 Version 3.6.2
Das Elektrogesetz – Kleine Abhandlung in wettbewerbsrechtlicher Hinsicht

MySQL

Offizielle Dokumentation Sehr ausführliche offizielle Dokumentation man sollte aber schon einige Grundkenntnisse besitzen ansonsten ist man als Anfänger schnell überfordert.
DSP: Datenbank, MySQL und PHP
MySQL Datenbankhandbuch Fast genauso Umfangreich wie die offizielle Dokumentation aber etwas ansprechender geschrieben.

Linux

Linux Firewalls, 2. Auflage
Linux - Praxishandbuch
Linux Wegweiser zur Installation & Konfiguration, 3. Auflage
Linux Wegweiser für Netzwerker, 3. Auflage
Linux Wegweiser zur Installation, 1. Auflage
Open Source - kurz & gut, 1. Auflage
Samba, 2. Auflage
Ubuntu
Linux
Knoppix
learning the shell Eine sehr schöne Möglichkeit für den schnelleinstieg, alles kurz und knapp erklärt.

Programmierung

Handbuch der Java-Programmierung(Die HTML Ausgabe steht zum kostgenlosen Download bereit)
Visual C#
C# Tutorial (englisch)
Einstieg in VB 2008
C# Tutorial (englisch)
Java ist auch eine Insel
C++ Wunderbartes Tutorial was ich jeden Interessierten mit einigen grundlegenden Programmierkenntnissen nur an Herz legen kann, etwas Mau gestaltet und leider fehlen einige Kapitel
Visual Basic 2005 - Das umfassende Handbuch
Praxisbuch Objektorientierung Ich denke mal auf jedenfall einen Blick wert ich habe das Buch bis jetzt nur überflogen werde es mir aber in nächster Zeit zu gemüte führen.
C von A bis Z
Java 2

Informatik Allgemein

Allgemein

GPL kommentiert und erklärt

Wenn ihr noch Ergänzungen zu der Liste habt immer her damit, am besten via eines Kommentars.

phpMyAdmin geht in die dritte Runde

SchmaR — Wed, 13 Aug 2008 14:36:32 +0000

Das Webbasierte MySQL-Administrationstool phpMyAdmin geht mit einer ersten Alphaversion (3.0.0) in die nächste Runde. phpMyAdmin ist in PHP geschrieben und ist in 55 Sprachen verfügbar, es steht unter einer GPL Lizenz.

Die neue Versionsnummer bringt einige neue Funktionen zur Unterstützung von MySQL 5.1 Features mit, sowie support für die neue Storage Engine Maria. Die neue Vesion bietet auch Features für die Unterstützung der PrimeBase XT Storage Engine, sowie die Unterstützung für eine Swekey-Authentifizierung. Die neue Version Artet auch mit einer weiteren Unterstützten Sprache auf Bengalisch. Falls sich jemand fragen sollte wie Bengalisch aussieht, hier ist ein Beispiel:

"Ich liebe dich auf Bengalisch"

Die Storage Engine Mariaist im Weitesten sinne eine absturzsichere Verbesserung der MyISAM Engine. Verbesserungen wären zum Beispiel recovery support, im Falle eines System Crashs, Erweiterte logging Funktionen und das neue Maria Zeilen Format.

Hier ein kurzer Auszug aus dem Changelog:

Requirements for 3.0.0:

PHP 5.2+
MySQL 5.0+

Improvements for 3.0.0:

[privileges] support for EVENT and TRIGGER
[gui] Events -minimal support on db structure page -export
[engines] Maria support
[engines] MyISAM and InnoDB: support ROW_FORMAT table option
[engines] PBXT: table options, foreign key (relation view, designer)
[auth] support SweKey hardware authentication
[webapp] experimental Mozilla Prism support
[GUI] Mootools js library (http://mootools.net) and new parameter InitialSlidersState
[core] cache some MySQL stats (do not query them with every page request)
[view] clearer dialog WITH (CASCADED | LOCAL) CHECK OPTION
[GUI] Color picker
[navi] new parameter LeftDefaultTabTable

Fixes for 3.0.0.x:

bug #1910621 [display] part 2: do not display a BINARY content as text
[export] properly handle line breaks for YAML
bug #1664240 [GUI] css height makes cfg TextareaRows useless
bug #1724217 [Create PHP Code] doesn't include newlines for text fields
bug #1845605 [i18n] translators.html still uses iso-8859-1
bug #1823018 [charset] Edit(Delete) img-links pointing to wrong row
bug #1826205 [export] Problems with yaml text export
bug #1344768 [database] create/alter table new field can not have empty string as default
patch #2007196, Typos in comments
bug #1982315 [GUI] Comma and quote in ENUM
bug #1970836 [parser] SQL parser is slow
bug #2033962 [import] Cannot import zip file