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)

The seven rules of Unobtrusive JavaScript

Diesen Artikel sollten sich einige Javscript-Coder zu Gemüte führen, die zwar die Funktionalität aus ihrem HTML raushalten, aber via CSS Inhalte unerreichbar setzen, die nur mit aktivem Javascript zugänglich werden — und das ist alles andere als “unobtrusive“. Jene beschriebene Unsitte findet sich nicht selten in flyout-Menus und Tabnavigationen. Ohne Javascript sind manche Sites eben schlicht kaputt.

Echte unobtrusive Javascripts in der Site achten darauf, dass ihre Site heil bleibt, auch wenn ohne Javascript etwas Eleganz und Bequemlichkeit verloren geht.

• 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 ….

Auf der Templaterie wird erst einmal für eine relativ lange Zeit eine Baustelle herrschen. Denn ich habe viel zu viel Spaß mit den T-Shirts auf Franchie.de, als dass ich die Umstellung hier mit großem Druck vorantreiben wollte.

Wer also seine Besucherstamm nicht verlieren sondern mehren will, sollte darauf schauen, wenigstens 14-tägig sich Zeit für seine Site zu nehmen.

Achso, ich war natürlich nicht untätig. Mein Fokus lag einfach hier: www.franchie.de (bunte T-shirts mit witzigen Motiven) und da auch nicht unbedingt in diesem Blog sondern in meinem Vektorprogramm, was man an der proppe vollgestopften T-Shirt-Kiste unschwer sehen kann.

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.

Das Plugin herunterladen: ADDTHIS-Dienst für Editland

Das Plugin installieren ist ganz einfach:
Die Ordner content und plugins in die Editland-Installation kopieren, den Platzhalter ###---ADDTHIS---### in das Template im Ordner templates/[Dein Template] in alle Template-Dateien in den <body> an die Stelle kopieren an der später die Schaltfläche erscheinen soll und das Plugin in der code/plugins.csv mit der Zeile |###---ADDTHIS---###|plugins/addthis/|../plugins/addthis/|index.php| anmelden.

Eine Liste, die wie das Inhaltsverzeichnis in einem Buch aussieht, kann man immer gebrauchen. Das ist schon einen Linktipp wert.

CSS: Menu List Design,
ein tutorial von Webdesignerwall.com

Have, fun.

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.

Editland zählt zu den Innovationsprodukten 2008

Editland hat sich der Konkurrenz gestellt und das praktische, benutzerfreundliche CMS für kleine und mittlere KMU-Webseiten beim Innovationswettbewerb der Initiative Mittelstand eingereicht. Editland wurde in die ersten 16 innovativsten Produkte aufgenommen von 1600 Einreichungen in fünf verschiedenen Sparten. Das ist ein stolzes Ergebnis, über das wir uns sehr gefreut haben.

Quelle: Esim Can auf Editland.de zur frohen Botschaft

Ich gratuliere und freue mich über die Auszeichnung für Esim Can.

Und darf natürlich nicht versäumen, dass ich Editland in mein Herz geschlossen habe und es Kernprodukt auf der Templaterie ist.

1. Das Geheimnis des Grunge-Designs(Es ist einer von Smashingdesigns Monster-Einträgen, wenn der Rechner/Browser ohnehin schon am Limit läuft, besser nicht ansurfen.)
2. Die Populärsten CSS-Tricks
3. Linkbait-Titel Kurzzeit- und Langzeit-Strategien
4. Semantifiy the WEb

Anmerkung am Rande und offtopic: Mit leichter Verspätung. Ich war etwas eingespannt in Bezug auf etwas, von dem ich glaubte es in einer 1/2 Stunde erledigt zu haben und dann beschäftigte es mich über Gebühr und wird mich wohl noch die nächsten Monate mit meiner Zeiteinteilung hadern lassen. Das mit den Prioritäten ist so eine Sache. Manchmal muss man einfach eine Idee beim Schopf packen und hat man sie beim Schopf gepackt, dann nimmt sie einen hier und da einfach mit. Dazu später mehr …

1. Gleiche Zwischenabstände mit CSS
2. Kleine Linkliste zu Websites-Karusells
3. Font-Viewer (Ein Helfer wie man ihn nicht missen möchte)
   Keine umständliche Installation, einfach ein Doppelklick auf die Exe. Ordner mit Schriften wählen, durchblättern und temporär für die Arbeit verfügbar machen. Kein Installieren, Programm Neustarten, Arbeiten, Programm deinstallieren. Absolut Cool und herrlich unkompliziert nützlich.
4. Tabellen gestalten, Spalten hervorheben

Bei diesem Entwurf macht es Sinn die Headergrafik in Ebene zu unterteilen. Zum einen die Hochhäuser als Endloskachel und zum anderen die dynamischen diagonalen Streifen. Der Rest ist ziemlich streight forward. Nichts aufregendes. Sozusagen ein safe bet. Schlicht, durch den harten Kontrast ein wenig rassig, durch die sanften Blautöne ein wenig romantisch. Flexibel, durch die zurückhaltende Ausschmückung.

Das tut er jetzt (nach dem großen Rauschen im Bloggerwald) auch und zwar wie ein _echter Browser des Hauses Microsoft_ hat er _ganz eigene Vorstellungen_ wie die Seite gerendert werden könnte.

Diesesmal scheine ich nicht so billig wegzukommen wie mit dem IE7, der in diesem Fall sich wie der Rest der Browser benimmt. Das heißt für den IE7 benötige ich kein conditional comment und keine extra Anweisungen. Aber der IE8 macht nicht mit. Er möchte typisch für die IE-Browser eine Extrawurscht.

Tssss! Darum kümmere ich mich später. Es ist auf meiner Todo-Liste.

Heckmeck!. Sorry, Jeremy. Ich habe zwei Computer und benötige daher nur das Standalone IE7 und IE8 und da warte ich auf Geeks, die es mehr drauf haben als ich und das dann wieder als bequemes Click&Run anbieten.

Nervig, dass Microsoft hier nicht für Entwickler eine Lösung von Hause aus anbietet. Warum muss hier jedes Mal wild gehackt und experimentiert werden.

Achtung, an dieser Stelle sind die Banner verkleinert, die Originale gibt es auch dieses Mal im Weblog auf PG4ME. Die Banner sind mit dem Beitrag zu den Headergrafiken verlinkt. Dort steht, wie man diese Herunterladen kann. Wo es passt, kann diese Osterdekoration natürlich auch eingebunden werden, wenn es sich dabei nicht um das WP-Theme dKret3 handelt

Ich versichere, dass ich diese Banner gestaltet habe und ich stelle diese unter der Lizenz Creative Commons 2.0 by nc, wobei ich die Verwendung für den Eigenbedarf auf kommerziellen Seiten ausdrücklich gestatte. Ungemütlich werde ich, wenn diese Banner ungefragt in Sammlungen auftauchen oder gar verkauft werden. In Bezug auf anderen Sammlugnen: Fragen kostet nichts, es gibt einige Projekte, die meine Zustimmung bekämen.

Und wer wissen möchte, wie man ein Cartoon mit Papier, Bleistift einem schwarzen Stift , einem Scanner und Photoshop zeichnet, für den gibt es in der Spielwiese zum Banner auch noch ein Tutorial.

Es ist etwas früh für Ostern aber dann … die Seiten müssen ja schließlich dekoriert werden.

Update folgt, sobald ich vom Entwurf zur Umsetzung gekommen bin. Mit den Farbwerten werde ich ggf. noch etwas spielen. Auch überlege ich, ob das “Schild” BIldergalerie per Javascript schwingen lasse. Nicht dass ich schon wüsste wie das geht und ein wenig habe ich bedenken, dass dieser Schnickschnack die Site zum Browserkiller macht, wie einst die Frontpage-Hoverbutton und jenes trendige Scrolltextchen, das angeblich stabil in allen Browsern laufen sollte, doch dann als sicherer Netscapekiller ein wichtiges Verkaufsgespräch vor über zehn Jahren zu einem jähen Ende brachte. Weswegen ich bis heute lieber Javascript weglasse, wenn es denn keinem sinnvollen Zweck erfüllt.

Da es aber eine private Spielwiese ist, käme es hier nicht ganz so darauf an, dass alle mit dem Script happy sind und es wäre ein leichtes es über eine Cookie-Steuerung rauszunehmen, wenn ein lokales System nicht mit klarkommt. Sozusagen einen Safe-Modus für die Website.

Übrigens wer nun annimmt in dem Design wären drei verschiedene Schilfgras-Elemten erforderlich, der irrt. Trotz unterschiedlicher Stillänge und scheinbar unterschiedlichen Grauwerten, handelt es sich dabei jeweils um ein und die selbe Grafik und kann auch so im HTML-Quelltext eingebunden werden. Überhaubt ist dieser Entwurf mit sehr wenigen Grafiken realisierbar und damit ein extem schlankes und schnelles Design.