z.B. sollte ich nicht vergessen die Methode <form action="?" method="post"> anzugeben. Wenn ich auf $_SERVER[php_self] von wegen dem XSS-Exploit das heutzutage nicht mehr bei allen Servern geht und damit ist $_SERVER[php_self] nicht mehr generell böse … wie auch immer geht eben auch ohne.

1. <?php $m = isset($_POST[m]) ? intval($_POST[m]) : 1 ; ?>
2. <form action="?" method="post">
3. <input type="text"
4. value="<?php echo $m; ?>" name="m" id="m"
5. style="width: 4em;"
6. onfocus="this.value=''"
7. onChange="this.value= isNaN(this.value)? 1 : parseInt(parseFloat(this.value))"
8. onBlur="this.value= isNaN(this.value)? 1 : parseInt(parseFloat(this.value))"/>
9. <input type="submit" value="go" class="button" />
10. </form>

Es wird per Javascript schon dafür gesorgt, dass in das Formularfeld nur Ganzzahlen dürfen, nur Javascript kann leicht abgeschaltet werden oder im Browser überabeitet werden, ergo wird die Eingabe selbstredend auch in PHP noch einmal überprüft und überarbeitet bzw mit dem Defaultwert ersetzt. OK im PHP war ich noch etwas Faul. Schließlich müsste ich auch dort prüfen mit PHP is_float() prüfen statt mit PHP isset() seltsamer Weise aber scheint hier das Ergebnis immer false zu sein und der Default wird gewählt.

Dass die Werte in Javascript neben parseInt (= runde auf Ganzzahl ab) zunächst noch mit parseFloat (= behandle Wert als Zahl) bearbeitet wird liegt daran, dass bei der Suche nach der Javascript-Syntax für PHP intval() und Co mir die folgenden beiden Links begegneten:

1. javascript parseInt is broken
2. JavaScript parseInt() bug

A propos XSS. Da ist mir auch das Mantra “Never trust User-Input” begegnet das ausfürlich ungefähr so lautet:

Most developers worth their paycheque, I’m sure, know the common rules of “never trust the user”, such as “escape all user-supplied data on output,” “always validate user input,” and “don’t rely on something not in your control to do so (ie. Javascript cannot be trusted).” “Don’t output unescaped input” goes without saying, in most cases. Only a fool would “echo $_GET['param'];” (and we’re all foolish sometimes, aren’t we?).

Copy&paste für diesen Beitrag von XSS-Woes

Das Snippet wird bei mir dafür genutzt eine Mail aus einem Ordner meines Mailprogramms zu fischen und auszuwerten. Ich verate nun nicht welches Programm ich verwende, nur soviel es geht problemlos mit Sypheed und Thunderbird. Wer Outlook im Einsatz hat, findet hier Hilfe zu den Pfaden: Speicherorte von Outlook-Dateien

.

1. $dir = "[Laufwerk]:\Dokumente und Einstellungen\[Benutzer]\Lokale Einstellungen\Anwendungsdaten\[Hersteller \ Mailprogramm]\[Mailordner]";
// Pfad zum Speicherort der Mails
2. $files = glob(utf8_decode($dir).'*');
// Datei in UTF-8 gespeichert
3. //$files = glob($dir.'*');
// Wenn datei in Ansi gespeichert ist
4. usort($files, create_function('$a,$b', 'return filemtime($a) - filemtime($b);'));
// Mails nach Datum sortiert
5. $MailsCount = count($files);
// Alle Mails im Ordner zählen
6. $c = $MailsCount-$m;
\\ Mail $m von hinten
7. $string = file_get_contents($files[$c]);
// Inhalt der Mail mit der Index-Nummer xy fischen gehen

Zur Auswertung der Mail sind die folgenden Code-Schnipsel sehr hilfreich:

1. //Singleline – Zeichenfolge bis Zeilenende
   
   preg_match_all('/(?<=Zeichenfolge)(.){0,}/',$string,$out[$k], PREG_OFFSET_CAPTURE);
2. //Multiline - Zeichenfolge 1 bis Zeichenfolge 2
   
   preg_match('/Zeichenfolge1(.*)Zeichenfolge2/msU',$string,$out);
3. //Leere Zeilen löschen:
   
   $string = preg_replace("/(^[\r\n]*|[\r\n]+)[\s\t]*[\r\n]+/", "\n", $string);

Meine preg_match-Meriten holte ich mir von hier: PHP-Regex Blogspot

So das war es auch schon ... das heißt, weiß jemand wie man bei einer Serie von preg_match_all über die String-Position die Arrays so zusammen mischt, dass die Werte korrekt zugeordnet werden können?

1. //FILTER WERTE AUS MAIL UND SCHREIBE IN ARRAY
   for($k=0;$k<=6;$k++){
2. $werte[$k] = preg_match_all('/(?<='.$trenner[$k].')(.){0,}/',$string,$out[$k], PREG_OFFSET_CAPTURE);
3. array_pop($out[$k]);
   /*AUSGABE IN ARRAY:
   [0] Bestellung [0]=> [0] wert [1] strpos
   [1] Anzahl [0]=> [0] wert [1] strpos
   [2] Preis [0]=> [0] wert [1] strpos
   [3] Produkt-Bezeichnung-Typ1 [0]=> [0] wert [1] strpos
   [4] Produkt-ID-Typ1 [0]=> [0] wert [1] strpos
   [5] Produkt-Bezeichnung-Typ2 [0]=> [0] wert [1] strpos
   [6] Produkt-ID-Typ2 [0]=> [0] wert [1] strpos
   [7] ...-Typ3 ...etc.
   */
4. }

Das coole daran ist, dass die mit einer Zeile Zappzerapp die Mail ausgewertet ist. Das Dumme ist, nur über den nummerischen Wert der String-Position sind die Bestellungen den Produkttypen zuzuordnen und da hatte ich bislang einen Knoten im Hirn. Zur Klarstellung alle Bestellungen die zwischen dem strpos-Wert von Produkt Index1 und Produkt Index2 (sprich: Prod1-strpos < Bestell-strpos > Prod2-strpos) ... sieht einfach genug aus, aber in der Umsetzung ist das mir aktuell noch zu hoch. Für alle die das interessiert, hier das Ganze noch einmal mit ein paar Beispieldaten.

1. <?php

2. 
   $date = "Date: Fri, 25 Mar 2010 04:42:52 +0000 (UTC)";
   
   $string = <<<STRING
   Du hast heute auf dem Marktplatz Folgendes verkauft:
   
   Frischwarename: Äpfel (Kg)
   Frischware-ID: 7246899
   
   Bestellnummer: 2437838-2525661
   Anzahl: 1
   Einzelprovision: 2.45 €
   
   Bestellnummer: 2437838-2525661
   Anzahl: 1
   Einzelprovision: 2,45 €Bestellnummer: 2437838-2525661
   
   Anzahl: 3
   Einzelprovision: 2,45 €
   
   Frischware: Orangen (Kg)
   Frischware-ID: 5930826
   
   Bestellnummer: 2446464-2534439
   Anzahl: 1
   Einzelprovision: 2,45 €
   
   Frischwarename: Birnen (Kg)
   Frischware-ID: 10115488
   
   Bestellnummer: 2441306-2529176
   Anzahl: 1
   Einzelprovision: 2,45 EUR
   
   Kühlware: Frischkäse (Kg)
   Kühlware-ID: 16739414-11401126
   
   Bestellnummer: 2445140-2533086
   Anzahl: 1
   Einzelprovision: 2,45 €
   
   Kühlware: Schimmelkäse (Kg)
   Kühlware-ID: 15054156-10369264
   
   Bestellnummer: 2446425-2534400
   Anzahl: 1
   Einzelprovision: 2,45 €
   
   Kühlware: Butter (Kg)
   Kühlware-ID: 16739414-11401126
   
   Bestellnummer: 2445140-2533086
   Anzahl: 1
   Einzelprovision: 2,45 €
   
   Kühlware: Streichwurst (Kg)
   Kühlware-ID: 15054156-10369264
   
   Bestellnummer: 2446425-2534400
   Anzahl: 1
   Einzelprovision: 2,45 €
   STRING;
   
   $trenner = array(
   "0" => "Bestellnummer: ",
   "1" => "Anzahl: ",
   "2" => "Einzelprovision: ",
   "3" => "Frischwarename: ",
   "4" => "Frischware-ID: ",
   "5" => "Kühlware: ",
   "6" => "Kühlware-ID: ");
    

3. //FILTER WERTE AUS MAIL UND SCHREIBE IN ARRAY
   for($k=0;$k<=6;$k++){
4. $werte[$k] = preg_match_all('/(?<='.$trenner[$k].')(.){0,}/',$string,$out[$k], PREG_OFFSET_CAPTURE);
5. array_pop($out[$k]);
   /*AUSGABE IN ARRAY:
   [0] Bestellung [0]=> [0] wert [1] strpos
   [1] Anzahl [0]=> [0] wert [1] strpos
   [2] Preis [0]=> [0] wert [1] strpos
   [3] Produkt-Bezeichnung-Typ1 [0]=> [0] wert [1] strpos
   [4] Produkt-ID-Typ1 [0]=> [0] wert [1] strpos
   [5] Produkt-Bezeichnung-Typ2 [0]=> [0] wert [1] strpos
   [6] Produkt-ID-Typ2 [0]=> [0] wert [1] strpos
   [7] ...-Typ3 ...etc.
   */
6. }
7. echo "<pre>\n";
8. var_dump($out);
9. echo "\n</pre>"; ?>

So ich hoffe, ich konnte dem einen oder anderen nun helfen seine Mail auszuwerten und wer weiß, vieleicht kommt ja auch noch zur kleinen Kniffelaufgabe mit dem Umsortieren des Arrays bzw. einem hilfreichen Index zur Zuordnung der Bestellungen zu den Waren. BTW. Ich habe eine Lösung die mit preg_match(), strpos() und substr() den String unterteilt und den Array Abschnittsweise schreibt schon entsprechend zugeordnet.

Gesucht ist wirklich die Weiterverarbeitung des Arrays, der sich ergibt durch die For-Schleife mit preg_match_all(). Natürlich sind auch Weise Worte zur Performance willkommen, sollte hier preg_match_all() eine echte Performance-Wutz sein. Ich finde an der Lösung vor allem die Kürze und Einfachheit im Code cool.

1. php-regex: Regular Expressions Tutorial
2. weblogtoolscollection: Regular Expressions Tutorial
    

Hier ist noch ein nützlicher Link: Powerfull onliner – PHP leere Zeilen entfernen (RegEX in der Praxis)

• 25+ Useful Javascript Tab Navigation Scripts
• Yettii Yet (E)Another JavaScript Tab Interface Implementation.

Nachdem unter den Treffern schon 25 Treffer über eine Tabnavigation-Sammlung in einem Blog ist und unter den Suchtreffern auch noch andere die Liste wiederholen, konnte ich schon nach der ersten Ergebnisseite aufhören zu suchen.

Zwei aus der Liste mit den 25 Varianten gibt es zwei die mich besonders beeindruckt haben. Zum Einsatz ziehe ich für meinen Fall aber nur eines in Betracht.

Nodetraveller hat unter Module Tabs eine beeindruckende Funktionalität der Tabs aber ohne Javascript zickte die Seite bei mir und war so gar nicht unobtrusive.

Einfach, übersichtlich, valide, funktional und vor allem unobtrusive erwies sich DOMTab – Navigation tabs with CSS and DOMscripting auf Onlinetools.org

Das hier noch aufgeführte Tab-Menu YETTII fehlt in der Liste der 25, wurd in Smashing Magazin unter 75 really useful Javascript techniques gefeatured, weil es von der Funktionalität ebenfall durchaus beeindruckt, aber wie auch schon die Tabnavigation von Nodetraveller nicht wirklich auf sein Javascript verzichten kann und fällt damit bei meinen strengen Vorgaben durch.

Ebenfalls beeindruckend, um seine Navigation rassig und nützlich (weil informativ) aufzumotzen fand ich übrigens das Beispiel von Dynamic Drive unter DD Tab Menu (5 styles) Das zublenden von Linkerläuterungen ohne die Informationen in die Linkliste reinzupressen macht es für die meisten CMS-Tools leicht integrierbar.

Nachtrag: Seufz – nehmen wir noch die Liste mit den 37+ Great Ajax, CSS Tab-Based Interfaces hier auf … auch wenn sich der eine oder andere Link natürlich wiederholt und dann lass ich es aber besser gut sein und implementiere die DOMTABs in mein 11-sprachiges SPRD-Design-Publikations-Monstrum.

Nachtrag 2: Manche nachteile zeigen sich erst, wenn man die Demo im echten Leben umsetzen will, so verschluckt das DOMtab nested DIVs. DAs ist natürlich ein böses nogo. Aktuell arbeite ich wenig erfolgreich daran, das “getElmenetByID(DIV)” mit der Funktion getElementByClassName(el,class) (Fundstelle: Your Favourite getElementsByClassName) im Script zu ersetzen. um nur noch DIVs auszublenden, die eine entsprechende Klasse mitführen. Das Ergebnis stelle ich dann hier vor. Natürlich könnte man auch im Netz eine fertige Lösung suchen, aber hey … ein Skript überarbeiten schult ungemein. Da will ich mich ein wenig mit Javascript quälen, zwischen all den anderen Aufgaben, die meine Zeitplanung aktuell bestimmen.

Nachtrag 3: Planänderung: nachdem ich mich erst wieder in objektorientiertes Javascript einarbeiten müsste und das Netz nicht selten irgendwo, Probleme längst gelöst hat, habe ich mich dann doch noch einmal umgesehen und wurde fündig. Unbtrusive und eine Klasse bestimmt was zum Inhalt der Registerkarte zählt. Auch wenn ich noch nicht den Test gemacht habe. Der erste Eindruck ist jedenfalls beeindruckend und einen Linktipp wert:
  … and the winner is …

 
Standalone Unobtrusive Tabs Script: SimpleTabs By Komrade.
 

öps … öh … dieser Winner muss auch überarbeitet werden. Siehe Kritik im nachfolgenden Artikel “Unobtrusive JavaScript Rules”. Jajajaja ….

Nachtrag: Das sollte ich hier wohl auch noch dazu packen, obwohl ich es dann noch weniger als Shorthand erkannte und auch als relative Unvollständig empfinde. Schließlich wurde auf “.=” nicht eingegangen: PHP Shorthand Reference

jajaja … alle vergessen die Hälfte und unter PHP Shortcuts findet sich noch dieser Links: These Things I Know, PHP Tips

Gute Linktipps zum Thema Shorthand, Shortcuts zur Ergänzung der Linktipps hier werden gerne in den Kommentaren entgegengenommen.

Das ist zwar alter Kram aber weil ich das gerade gemacht habe und das eine oder andere erst Nachschlagen musste, will ich hier mein Ergebnis verposchten, für Andere zum Finden:

Tooltipp mit inline-Script

1. <a onClick="funktion()"
2. onmouseover="this.firstChild.style.display='block';"
3. onmouseout="this.firstChild.style.display='none';" >
4. <spanstyle="position: absolute; width: 200px; height: auto; margin-top: 28px; margin-left: -100px; padding=".5em" border: 1px solid #aaa; color: #494949; background: #efefef; display: none;">
5. Tooltip-Text</span><img src="buttoff.gif" alt="Button-Text"
6. onmouseover="this.setAttribute('src','button.gif');"
7. onmouseout="this.setAttribute('src','buttoff.gif');" /></a>

Und so kann das dann aussehen:

Viel Platz für den Namen der Funktion und Anweisungen .

Nachtrag: ach Gottchen, mein frisch aktualisierter Firefox mag nicht, was ich da gemacht habe. Nur gut, dass ich es nur für den IE brauchte und hier auch keine Rücksicht auf die veralteten Versionen genommen habe. Aber dann … der Firefox nimmt eh gruselige Entwicklung und ich mag ihn immer weniger. Ich weiß wirklich nicht was der FF an diesen simplen DOM-Anweisungen auszusetzen hat. Meine Güte. OK. Der Firefox wollte unbedingt auch noch Javascript blockieren, obwohl ich dafür ein Addon habe … jajaja Javascript ist böse und es macht Sinn es nur von Fall zu Fall zu gestatten. Einstellungen korrigiert — jetzt tut’s auch im FF.

1. <? /* */
2. $dgal = get_posts('numberposts=0&category=1');
3. function getThumbs($stichwort, $dgal){
4. foreach($dgal as $post) : setup_postdata($post);
5. $galArr = explode("\n", get_post_meta($post->ID, "designthumbs", true));
6. foreach($galArr as $thepics){
7. $dtharr = explode(",", $thepics);
8. $pos = strpos($dtharr[1], $stichwort);
9. if($pos===false){}else{
10. $galentry = '<dl class="galerie2">'."\n\t".'<dt><span><img src="http://franchie.de/ ... /uploads/'.$dtharr[0].'" alt="'.$dtharr[2].'" /></span></dt>'."\n\t".'<dd><a href="'.get_permalink($post->ID, '', true).'" title="'.the_title('','',false).'">Details ansehen</a> /<br /><a href="http://franchie.spreadshirt.net/ ... /design/'.$dtharr[3].'" title="'.$dtharr[2].'">Will ich haben!</a></dd>'."\n".'</dl>';
11. echo $galentry;
12. };
13. };
14. endforeach;
15. } //Funktion ende
16. //*/
17. ?>

Im Beitrag oder Seite folgt nun noch der Aufruf der Abfrage mit den jeweiligen Begriffen. Voila eine Thumb-Archivgalerie via Custom Fields.

1. <h4>Thumbs mit Menschen</h4>
2. <? getThumbs('Menschen', $dgal); ?>
3. <h4>Thumbs mit Tiere</h4>
4. <? getThumbs('Tiere', $dgal); ?>
5. etc.

Die eine oder andere Kleinigkeit muss bei Franchie.de noch angepasst werden, dann wird diese Archiv-Galerie dort laufen. Also noch ein klein wenig Geduld … ach ja und irgendwann werde ich das noch mit Blättern durch die Thumbs ausbauen müssen, denn je mehr es werden, desto problematischer wird es — wer will schon Warten bis 2000 Thumbs geladen sind . Das ist also auch erst noch ein Provisorium, das aber sicherlich eine Weile hält … d.h. ich muss noch ausprobieren wie die Page-Funktion von WP reagiert … ggf. vermutlich muss die Funktion in die Datei funktion.php verfrachtet werden (Jetzt erst Mal aber warten andere Aufgaben. Ich aktualisiere den Beitrag so bald ich kann).

BTW: Ich nehme für die Blätterfunktion jederzeit gerne Hilfe an, damit innerhalb einer Stichwortabfrage auch 1000de von Thumbs vorkommen dürfen.

Hier noch Mal was die Ausgangssituation war:

Ich habe in der Kategorie 1 ein Custom field namens ‘designthumbs’. In dem Feld ist der Inhalt wie folgt:

Name des Thumbs_a, Stichwort1 Stichwort2 Stichwort3 etc, externerLink_a

Name des Thumbs_b, Stichwort1 Stichwort3 Stichwort7 etc, externerLink_b
etc.

Diese Thumbs sollen in einer Galerie in einer Seite ausgegeben werden:

H3: Stichwort 1:
============
[Thumb_a]
Postlink
externer Link a

[Thumb_b]
Postlink
externer Link b

H3 Stichwort 2
============
[Thumb_a]
Postlink
externer Link a

Um in in dem neuen T-Shirt-Projekt unter franchie.de meinen Kunden praktische Suchhilfen und Sortierkriterien in die Hand zugeben, so dass Sie A) gezielt nach Motiven schauen können und sich B) sich einen geordneten Überblick über die Motive verschaffen können, habe ich in der Kategorie Motive ein Custom Field eingeführt, das:

1. den Namen des Vorschaubildes enthält,
2. Stichwörter, die die Motive in Motivgruppen unterteilt, wie z.B. Humor, Menschen, Grafik, Plottdruck, Aktion-XY und
3. Link zur Shopseite mit den Shirts auf denen das Motiv abgebildet ist

Wird in einem Beitrag mehr als ein Motiv vorgestellt, dann sind in dem Feld mehrere Zeilen mit den Angaben wie oben angezeigt. Aus diesen Angaben soll nun eine Galerie-Seite erstellt werden, also eine Archivseite mit Thumbs, die die Definitionlist-Formatierung nutzt, die hier im Weblog vorgestellt wurde. Der Code ist ähnlich dem Code für die Thumbnailgalerie in der Sidebar, allerdings steckt in dem folgenden PHP-Code noch ein Bug und ich hoffe nun, dass sich mir jemand erbarmt und sagen kann, wo ich den Loop limitieren muss, so dass er nur einmal und nicht mehrmals durchläuft und Bilder und Links listet. Aaaahlsooooh … finde den Bug:

1. <?php /* */
2. $getThumbs = new WP_Query();
3. $getThumbs->query('');
4. while ($getThumbs->have_posts()) : $getThumbs->the_post();
5. $dgal = get_posts('category=1');
6. foreach($dgal as $post) : setup_postdata($post);
7. $galArr = explode("\n", get_post_meta($post->ID, "designthumbs", true));
8. foreach($galArr as $thepics){
9. $dtharr = explode(",", $thepics);
10. $pos = strpos($dtharr[1], 'Menschen');
11. if($pos===false){}else{
12. $galentry = '<dl class="galerie2">'."\n\t".'<dt><span><img src="http://franchie.de/ ... /'.$dtharr[0].'" alt="'.$dtharr[2].'" /></span></dt>'."\n\t".'<dd><a href="'.get_permalink($post->ID, '', true).'" title="'.the_title('','',false).'">Details ansehen</a> /<br /><a href="http://franchie.spreadshirt.net/ ... /'.$dtharr[3].'" title="'.$dtharr[2].'">Will ich haben!</a></dd>'."\n".'</dl>';
//writing actual galery entry
13. echo $galentry;
14. }
15. }
16. endforeach;
17. endwhile;
18. //*/
19. ?>

OK, hier ist soweit ich den Programm-code verstehe:

1. Ich eröffne ein PHP-Statement und für den Fall das mein erster Versuch eine Fluppe ist, lege ich auch gleich das Auskommentieren mit dem Trick 17 an, bei dem ich in dieser Zeile nur den letzten Slash wegnehmen muss und schon ist der Block hier bis Zeile 18 auskommentiert.
2. Ich Greife auf die WP-Klasse Query zu und öffne eine neue Instanz
3. Ich schreibe das Ergebnis der Klasse in die Variable $getThumbs.
4. Ich öffne ein While-Schleifchen, das solange kringelt, solange es noch einen Post findet.
5. Ich isoliere alle Beiträge die meiner Kategory entsprechen und schreibe diese in die Variable $dgal
6. Ich öffne ein foreach-Schleifchen, das durch meine Einträge im Array $dgal enthalten sind
7. Ich fische aus diesem Array das/die Metafelder, die die Bezeichnung “designthumbs” führen und zerlege hierbei gleich noch die Metainhalte in eine Array nach über das Trennzeichen “Zeilenwechsel”
8. Den so gewonnen neuen Array wandere ich mit einer weiteren foreach-Schleife durch
9. In diesem Prozess zerlege ich die komma-spearierten Zeileneinträge in seine Bestandteile und erhalte so Teil-Url des Thumbs, Stichwörter zum Thumb und die assoziierte Shopseite zum Thumb.
10. Ich definiere einen Selektoren.
11. Ich packe wie Aschenputtel über die If-Klausel mit dem zuvor defnierten Selektor die Erbsen und die Linsen in zwei separate Schälchen. Mit dem Ersten stelle ich nichts an mit dem Zweiten …
12. schreibe ich den eigentlichen Galerie-Eintrag in ein Variable. Dabei lerne ich, dass ich nun nicht the_permalink() (wie bei der Sidebar) verwenden darf sondern im Beiträgen get_permalink() verwenden muss und dann the_title() in beiden Fällen stimmt … *Phrrrrz* Was natürlich über ich rate mal, weil schließlich gibt es auch ein get_post_meta() zustande kommt und nicht weil im Codex oder in der deutschen Doku hier ein hilfreicher Hinweis stünde *grrrh*
13. Ich gebe die Variable aus meinem Erbsenschälchen per echo aus
14. und schließe das IF
15. Ich schließe foreach innen
16. Ich schließe das foreach außen
17. Ich schließe die while-schleife
18. Ich kommentiere den mehrzeiligen Kommentarschluß mit doppelten Slash aus, so dass dieser nicht stört wenn oben in der ersten Zeile der mehrzeilige Kommentar noch geschlossen ist.
19. Ich schließe mein PHP-Script

Soweit man mich fragt, liegt das Problem in der While-Anweisung oder in der ersten foreach-Schleife … aber hier fehlt mir noch die Erfahrung mit Wordpress in Bezug auf PHP-Programmierung … *seufz*

Nachtrag: Sollte jemandem auffallen, das ich ein foreach nicht geschlossen habe … oder dass man hier auch ein Semikolons nach den geschweiften Klammern setzen kann … sollte? … das das war mir auch schon aufgefallen mit dem Ergebnis, dass die von den fünf Einträgen mit entsprechendem custom field dieses nicht mehr nur fünf Mal gelistet wird, sondern freundlich 25 Mal. Schätze das Problem liegt an den geschachtelten foreach-Schleifen … ich krieg die Meise … *piep piep piep*

Nachtrag: Fehler in Fehlerhaftes einbauen, die helfen den Fehler zu verstehen ist was Feines.

Alles was das PHP-Skript aus der Sidebar brauchte, um in der Page zu funktionieren, war die Anderung von the_permalink() in get_permalink().

Zum Fehler verstehen: Beim rumrätseln und mit klassichem Anfänger-Unverstand und in bester copy&paste-Mentalität aus diversen Codeschnipseln, hatte ich erst einen eigenen Loop aufgemacht — die whileschleife und hatte dann unabhängig von der Whileschleife in jedem Durchgang eine foreach-Schleife exerziert, die ebenfalls alle Posts herauszieht und dann wurde auch brav in jeder Schleife alles aufgedröselt und und angezeigt, was dann zu fünf einträgen führte.
Loopidooh!

Die Lösung Nope … noch nicht die Lösung für die Thumb-Galerie:

Wer also eine solche Thumbliste für sein Weblog möchte hier ist der bereinigte Code:

1. <?php /* */
2. $dgal = get_posts('category=1');
3. foreach($dgal as $post) : setup_postdata($post);
4. $galArr = explode("\n", get_post_meta($post->ID, "designthumbs", true));
5. foreach($galArr as $thepics){
6. $dtharr = explode(",", $thepics);
7. $pos = strpos($dtharr[1], 'Menschen');
8. if($pos===false){}else{
9. $galentry = '<dl class="galerie2">'."\n\t".'<dt><span><img src="http://franchie.de/ ... /'.$dtharr[0].'" alt="'.$dtharr[2].'" /></span></dt>'."\n\t".'<dd><a href="'.get_permalink($post->ID, '', true).'" title="'.the_title('','',false).'">Details ansehen</a> /<br /><a href="http://franchie.spreadshirt.net/ ... /'.$dtharr[3].'" title="'.$dtharr[2].'">Will ich haben!</a></dd>'."\n".'</dl>';
//writing actual galery entry
10. echo $galentry;
11. }
12. }
13. endforeach;
14. //*/
15. ?>

Noch immer steh ich auf dem Schlauch und kann zwar schon eine Galerie für recent Thumbs anlegen, nicht aber wie einem Archiv jeweils alle Ausfiltern, die ein Kriterium erfüllen und dann die nächste Liste machen, die ein anderes Kriterium erfüllen und die nächste und die nächste …

Für Hinweise die mich auf dem rechte Pfad leiten also immer noch dankbar

Und so sieht das Ergebnis aus:

1. <h3>Die jüngsten sechs Motive</h3>
2. <ul class="sixthumbs"><li>
3. <?php
4. $motive = get_posts('numberposts=7&category=12'); array_shift($motive); foreach($motive as $post) : setup_postdata($post);
5. $thumbsArr = explode("|", get_post_meta($post->ID, "designthumbs", true));
6. $cth = count($thumbsArr);
7. srand((float) microtime() * 10000000);
8. $rand_keys = array_rand($thumbsArr, $cth);
9. if($cth>1){
10. $dthpArr = explode(',', $thumbsArr[$rand_keys[0]]);
11. }else {$dthpArr = explode(',', $thumbsArr[0]);}
12. ?>
13. <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><img src="<?php bloginfo('url'); echo '/'; echo get_option('upload_path'); echo '/';
14. echo $dthpArr[0]; ?>" alt="<?php the_title(); ?>" /></a>
15. <?php
16. endforeach;
17. ?>
18. <span style="clear: left;"> </span>
19. </li></ul>

Zunächst werden die Datenbank-Einträge (der Loop) in die Variable $motive geschrieben. Außerhalb eines Posts oder einer Page, liefert get_posts() alle Einträge, innerhalb eines Posts oder einer Page jeweils die Inhalte des Posts oder der Page. Der Loop wird in der Sidebar daher mit der Anzahl der jüngsten Beiträge und der Einschränkung auf die Kategorie 12 auf das gewünschte Segement der Datenbank reduziert. Nachdem der erste Beitrag bereits auf der Startseite gesondert hervorgehoben wurde, macht es Sinn den jüngsten Eintrag wieder wegzunehmen. Dies geschieht mit array_shift() Anschließend wird mit foreach ... der Array mit den Datenbankeinrägen abgearbeitet. Damit ist der Loop quasi offen und man kann die Funktion get_post_meta() einwerfen. Da mein Feld ein Array ist, mit dem sich eine ganze Reihe Informationen zum Motiv aufarbeiten lässt, schreibe ich die Daten in einen Array und da pro Eintrag nicht immer nur ein Motiv vorgestellt wird, es aber nicht sinnvoll ist, jedes Einzelmotiv bzw. jede Motivvariation in der kleinen Übersicht anzuzeigen und den Rahmen damit sprengen, wird die kleine Thumb-Sammlung noch einmal aufgedröselt und über array_rand() wird jeweils ganz zufällig eines aus der kleinen Sammlung herausgefischt und angezeigt. Das Customfield heißt in meinem Fall ‘designthumbs’

Das ist nun nicht mehr schwer analog nachzubauen und kann so allerlei Dinge anzeigen lassen. Viel Spass beim Aufmotzen des eigenen Themes. Und Danke an meine beiden Vorarbeiter, ohne deren Hilfe ich vermutlich noch lange den Codex anstarren würde und nicht wüsste, wovon die Rede ist. Noch immer weiß ich z.B. nicht was hinter der Funktion steckt.

Mit dieser Vorlage ist es nicht mehr sehr schwer, jedwede Übersichten zusammenzutragen. Ich kann an dieser Stelle nur noch viel Spaß wünschen, beim Verbiegen des eigenen Themes.

PS: hier ist noch ein Link zu 28 Wege wie man sein Wordpress-Blog mit Custom fields aufpeppen kann.

Das so scheint das Fazit zu sein, dass ich meiner jüngsten Suche nach dem onLoad-Script entnehme. Es began mit einem Beitrag vom Mai 2004: addLoadEvent von Simon Wilson. Dann begegnete mir eine Übersicht des Onloads Stand 30. Januar 2007: The window.onload problem (still) von Peter Micheaux. Lesenswert auch wenn einige Bahnhöfe für mich dabei sind. Peter Micheaux publiziert im August des selben Jahres noch einmal zum Thema: The window.onload Problem – Really Solved!, Aha. Interessant … und am Ende der Kommentare stößt man auf eine Kommentar von Diego Perini, die besagt … Pfeiff auf onLoad-Funktionen und delegier: Delegates (Da sämtliche verlinkten Beispiele seiner vorherigen Kommentare verschwunden sind, macht es Sinn, sich die Seite irgendwo lokal für den zukünftigen Zugriff zu speichern, bevor auch diese Seite vom 19. Februar 2008 sich in Luft auflöst.). Ob und in wie weit es wirklich Sinn macht, auf den Eventhandler zu verzichten und schlicht alles zu delegieren, klärt Christian Heilman in seinem Beitrag: Vergleich Eventhandling und Eventdelegation

Schaut man sich weiter um, dann scheint die Delegation aktuell im Gespräch zu sein. Noch weitere Beiträge:

1. A Look at Sun.COM’s New Event Delegation Library
2. Poor man’s JavaScript Behaviours
3. Event-Delegation made easy in jQuery

Bildquelle Esel auf flickr.com vom User Jaxxon

• 100+ nützliche PHP-Codeschnipsel
• 40 Tipps seine PHP-Skripte zu optimieren
• 20+ PHP-Ressourcen (Aus der mashable PHP-Toolbox)
• 25 PHP template engines mit Kurzbeschreibung
• 6 Anlaufstellen für werdende PHP-Programmierer
• Der PHP Sicherheitslotse vom PHP Security Consortium

So und damit ist mit der Reihe 1001 Linktipp-Overload für heute erst mal Schluss

Einen hab ich noch, einen hab ich noch: 5 Coole Sachen machen mit Windows und PHP

Javascript

• Crossbrowser scripten via feature-detection (… mehr von jener Quelle / Google-group: comp.lang.javascript, Autor Richard Comford)

Ressourcen:

• Der Top-Link: comp.lang.javascript FAQ
• Wo sind all die Referenzlisten zu Javascript?
  Da kann man nachschlagen: Crockfords Javascript-Liste
• Eloquent Javascript
• Yahoo Developer Center Javascript
• Mit halben Auge die Google.Group comp.lang.javascript verfolgen per Feed kann nicht schaden
• 40 freie Ajax- und Javascript-Scripts
• Noupés bestOf-Liste in DHMTL, AJAX und Javascript (Teil 1)
• 5 Wege Javascript zu beschleunigen
• 7 Regeln zu barrierearmes Javascript

Für Fortgeschrittene vermutlich interessant (mir derzeit schlicht noch zu komplex und ~iziert): Curried Javascript

1. <?PHP
2. $i = 1;
3. $arrayVariable = array(
4. $i++ => 'Erstes Element',
5. $i++ => 'Zweites Element',
6. $i++ => 'Drittes Element'
7. );
8. echo '<pre>$arrayVariable: ';
9. print_r($arrayVariable);
10. echo '</pre>';
11. ?>

Und bei diesem Script stimmt die Ausgabe mit den Zählerfahrungen aus frühster Kindheit wieder überein:

$arrayVariable: Array
(
    [1] => Erstes Element
    [2] => Zweites Element
    [3] => Drittes Element
)

Für alle, die das erste Mal sich mit PHP beschäftigen und das mit der Null noch ganz neu ist, hier ein paar kleine Erläuterungen zum Skript:

<?php leitet ein PHP-Skript ein. Man kann auch nur <? schreiben, doch nicht alle Server lassen diese Kurzschreibweise zu. Mir ist noch keiner begegnet, der es nicht zugelassen hat, aber dann sind meine Programmierkenntnisse und Erfahrungen nicht unbedingt gigantisch. Im Anschluss in der Zeile zwei wird eine Variable definiert. Variablen in PHP werden mit dem Dollar-Zeichen $ eingeleitet. Variablen sind sensible und reagieren auf Unterschiede in der Groß- und Kleinschreibung. $myVar ist eine andere Variable als $myvar oder $myVAR. Wird der Variablen kein Wert zugewiesen (Die Zuweisung erfolgt über das einfache Gleichheitszeichen “=” ), dann hat die Variable den Wert NULL. NULL ist mit Tucholsky gesprochen das Loch und die Variable ist das etwas, das Nichtloch ohne das das Loch nicht sein kann. NULL ist im Universum der Programmierer das Nichts, während “0” etwas ist, das der Variable dem anderen Etwas (die Variable) zugeordnet, wie der Rand eines Loches und 0 ist der Korken. Gewöhnlich werden Zugewiesene Elemente mit einfachen oder doppelten Hochkommata eingeleitet, wobei in doppelten Hochkommata Variablen und andere Sonderzeichen als Variablen und Sonderzeichen erkannt werden in einfachen Hochkommata nicht. In meinem kleinen Skriptbeispiel für Anfänger fehlen sie die Hochkommata, was ich bei Zahlen machen darf. Da der Zahl ein Komma fehlt, nennt sich das Integer in den Manuals mit ‘int’ abgekürzt und steht für Ganzzahl. Variablen dürfen auch Ausdrücke oder auch Methoden zugewiesen werden, was ich in der nächsten Variablen getan habe und mit dem Ausdruck array() gleich eine ganze Sammlung von Variablen zusammengefasst. In dieser Variablensammlung werden standardmäßig mit dem Komma-Delimiter ‘,‘ eine Variable von der anderen unterschieden, wobei jede Variable noch mit Hochkommatas umschlossen wird, so wie dies auch bei der Zuweisung außerhalb des Arrays geschieht. In meinem Array taucht die erste Variable, der ich die Ganzzahl 1 zugewiesen hatte wieder auf: $i++. Das doppelte Pluszeichen ist die Kurzschreibweise für $i = $i + 1;. Der Wert wird also beim Aufruf um eins erhöht. Und beim nächsten Aufruf in dem Array erneut, und erneut und erneut … Damit man die Variablen im Array ansprechen kann, benötigen diese einen Index. Wenn ich diesen nicht vergebe und einfach nur $meinArray = array('Erstens','Zweitens','Drittens'); schreibe, dann wird der Index automatisch vergeben. Zur Anschauung noch ein kleines Beispiel und diesmal gebe ich den Array nicht mit print_r() aus sondern mit var_dump() aus. Damit erhalte ich nicht nur die Werte der Variablen und den Index sondern auch den Variablen-Typ. Wer es nicht schon erahnt, bevor ich weiter mache noch rasch der handgemachte Index, bei dem ich bestimme, wie der Index (auch als ‘key’ bezeichnet) lautet wird mit => erzeugt.

1. <?php
2. $var;
3. $emptyVar = '';
4. $defVar = 7;
5. $myARRAY = array(NULL,0,1, '2','drei',"3,5",4.5, 'NULL', null,'5.5, 6',$var, $emptyVar, $defVar,"$defVar","\$defVar",'$defVar',',',);
6. echo '<pre>$arrayVariable: ';
7. var_dump($myARRAY);
8. echo '</pre>';
9. ?>

$myARRAY: array(17) {
  [0]=>
  NULL
  [1]=>
  int(0)
  [2]=>
  int(1)
  [3]=>
  string(1) "2"
  [4]=>
  string(4) "drei"
  [5]=>
  string(3) "3,5"
  [6]=>
  float(4.5)
  [7]=>
  string(4) "NULL"
  [8]=>
  NULL
  [9]=>
  string(6) "5.5, 6"
  [10]=>
  NULL
  [11]=>
  string(0) ""
  [12]=>
  int(7)
  [13]=>
  string(1) "7"
  [14]=>
  string(7) "$defVar"
  [15]=>
  string(7) "$defVar"
  [16]=>
  string(1) ","
}

Dem aufmerksamen Beobachter ist nun aufgefallen, dass da ein float(4.5) ist, das entspricht der Fließkommazahl 4,5 im Deutschen. Der aufmerksame Beobachter sieht auch die Unterschiede zwischen mit und ohne Hochkommata und einfachen und doppelten Hochkommata und wie man mit einem Backslash ‘\‘ verhindern kann, dass in doppelten Hochkommata der Wert der Variablen ausgegeben wird und statt dessen das Dollarzeichen samt Variablenname ausgegeben wird. Und dem aufmerksamen Beobachter ist die eckige Klammer nicht entgangen. Die eckige Klammer enthält den Schlüssel. Will man ein gezieltes Element aus seinem Array herauspicken, dann erreicht man das mit der folgenden Schreibweise: $arrayVariable["key"]. Ist der Schlüssel (=key = index) eine Ganzzahl (=int = integer), dann kann man die Anführungszeichen weglassen. Für die Variablen in einem Array gilt, was für ganz normale Variablen gilt. Ein Element in einem Array kann ein Array sein. Ich kann Arrays schachteln. $myArray = array(array(element1, element2, ...), array(element1, element2, ...), ...). Um nun das Element 1 im ersten Array anzusprechen muss ich erst das Array-Element über den Schlüssel in der eckigen Klammer ansprechen und dann über die nächste eckige Klammer das erste Element im ersten Array-Element über den entsprechenden Schlüssel des Array-Elementes: $myArray[key][key].

Nach all der trockenen Theorie noch ein kleines Praktisches Anwendungsgebiet, um viel Schreiberei zu sparen und Daten kompakt an einem Ort zu listen und nicht zwischen dem HLMT-Gewusel suchen zu müssen. Den Array in einer ungeordnete Liste in XHTML überführen:

1. <?php
2. $i = 1;
3. $myGallery = array(
4. $i++ =>array(
5. imgData => $imgUrl.'img1',
6. imgExt => 'png',
7. imgAlt => 'Bildbezeichnung1',
8. imgZiel => $artikelPath.'Bildkritik1'
9. ),
10. $i++ =>array(
11. imgData => $imgUrl.'img2',
12. imgExt => 'png',
13. imgAlt => 'Bildbezeichnung2',
14. imgZiel => $artikelPath.'Bildkritik2'
15. ),
16. etc. ...
17. $i++ =>array(
18. imgData => $imgUrl.'img[n]',
19. imgExt => 'png',
20. imgAlt => 'Bildbezeichnung[n]',
21. imgZiel => $artikelPath.'Bildkritik[n]'
22. )
23. );
24. $j = count($myGallery);
25. ?>
26. <ul>
27. <?php
28. for($x=1; $x<=$j; $x++){
29. echo "<li><a href='".$myGallery[$x]['imgZiel']."' ><img src='".$myGallery[$x]['imgData'].$myGallery[$x]['imgExt']."' alt='".$myGallery[$x]['imgAlt']."' /></a></li>";
30. }
31. ?>
32. </ul>

Was ist nun noch neues dazugekommen?

Zeile 5: imgData => $imgUrl.'img[n]', beachten die den schnuckeligen kleinen Punkt. Mit ihm klebt man Strings zusammen und kann so diese nach einander Reihen. Hier spare ich mir die Wiederholdung des Pfades zum Bildordner, der immer gleich ist.

Zeile 24: $j = count($myGallery);. Das ist eine interne PHP-Funktion, die die Elemente in einem Array zählt. Bei unserem verschachtelten Array zählt er die Arrays nicht aber was in dem Array ist. Erst $n = count($myGallery['1']); würde zählen was in dem Array mit dem Schlüssel (=key = index) '1! ist und käme auf den Wert '4'.

Zeile 25-27: PHP arbeitet immer zwischen seinem Anfang und seinem Ende. Ich kann jederzeit rein und raus springen, d.h. fast immer. Innerhalb von PHP-Klassen darf ich das nicht, aber das kommt erst viel später, wenn man sich mit objektorientierten PHP beschäftigt. Davor, dazwischen und danach kann ich ganz profanes (X)HTML schreiben.

Zeile 28: Die for-Schleife for(Startbedingung,Schlußbedingung,Forwärtsbewegung){Funktion};. Zunächst einmal habe ich mit $x=1; die Startbedingung festgelegt. Das erste Mal, wenn die Schleife in die geschweifte Klammer hineinspringt und die darin befindlichen Anweisungen (=Funktionen, Methoden) ausführt, hat die Variable $x den Wert '1' und da die Variable $x den Schlüssel (= key = index) bestimmt $myGallery[$x] schnappt sich das Programm den Wert des entsprechenden Array-Elementes in unserem Fall einen Array, weswegen gleich noch ein zweiter Schlüssel angehängt wird, für den wir zur leichten Erkennung und Zuweisung einen String-Index wählten, der uns verrät was dahintersteckt. Mit diesen Bausteinen bauen wir unsere HTML-Zeile zusammen. Und weil in einer for-Schleife der Vorgang solange wiederholt wird, bis die Schlußbedingung erfüllt ist, also wie in unserem Falle Unsere Variable $x der Anzahl unserer Arrays mit den Bilddaten entspricht.

Natürlich kann man das ganze noch kompakter gestalten und auf den Gag mit der 1 verzichten, dann liest sich der Array wie folgt:

1. $myGallery = array(array(img1,ext1,Bez1,Url1),array(img2,ext2,Bez2,Url2), etc.)

Die for-Schleife verändert sich dabei ebenfalls etwas:

1. $j = count($myGallery);
2. for($x=0; $x<$j; $x++){ ... };

Count() zählt vier Elemente, der Index aber geht nur bis drei. Also bleibt darunter und ist damit nicht kleiner gleich sondern eben nur kleiner.

Ebenso verändert sich der Zusammenbau der Quelltextbausteine:

1. echo "<li><a href='".$myGallery[$x][3]."' ><img src='".$myGallery[$x][0].$myGallery[$x][1]."' alt='".$myGallery[$x][2]."' /></a></li>";

Man beachte das 0, 1, 2, 3 ... man stelle sich einfach vor, dass als man noch ganz klein war und der große Bruder auf geheiß der Mutter die Tüte Gummibärchen teilen musste, dass er als er die Bärchen in das kleine Händchen zählte, er mit der Zahl 0 das erste Bärchen knurrend übergab. Dann klappts schon irgendwie.

Viel Spaß mit dem ersten eigenen tatsächlich nützlichen PHP-Programm. Eine erste Lektion beinah ohne echo 'Hallo Welt.';

]]>