Einfache Dropdown-Navigation mit CSS und JavaScript

Ein typisches Aufklappmenü, umgesetzt mit reinem CSS. Internet Explorer bis Version 7 benötigt etwas Hilfe per JavaScript. Dazu habe ich die jQuery- Bibliothek eingesetzt (was zwar etwas übertrieben erscheint, ich jedoch meistens sowieso auf der Website einsetze). Getestet mit IE 6-8, Firefox 3x und Google Chrome auf PC. <!DOCTYPE html> <html lang=“en“> <head> <meta charset=“utf-8″ […]

Weiterlesen

Onepager mit jQuery

jQuery-Script um auf kleinen Webseiten (Web-Visitenkarten bzw. Onepager) zu navigieren. Inhalte werden ein- und ausgeblendet, ähnlich Accordion-Scripts. Einzelne Inhalte können aber auch über den Hash-Verweis direkt angesprungen werden, z.B. unckel.com/#kontakt. Ist kein JavaScript verfügbar, werden alle Inhalte untereinander dargestellt. Über die Navigation können diese angesprungen werden. JavaScript <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js“></script> <script> $(function() { var navLinks = […]

Weiterlesen

jQuery: HTML ID-Attribute hinzufügen

Gegeben sind HTML-Elemente welche alle die Klasse ‚box‘ zugewiesen wurde. Will man nun gezielt z.B. das 3. Element ansprechen, ginge das auch mit ‚ $(„.box“).eq(2)‘. Mit folgendem Code-Schnipsel füge ich jedoch jedem div-Element mit der Klasse ‚box‘ ein id-Attribut mit aufsteigender Zählung an (‚box1‘, ‚box2‘,…). $(„.box“).each(function(index) { var boxId = „box“ + index; $(this).attr(„id“, boxId); […]

Weiterlesen

XML zu JSON umwandeln mit PHP

Hier ein einfaches Beispiel, wie aus folgender XML-Datei über das Attribut ‚id‘ ein Datensatz gelesen, und als Antwort ein JSON-Objekt zurück geliefert wird. <?xml version=“1.0″ encoding=“utf-8″?> <articles> <article id=“1″> <artid>A1001</artid> <descr>Description here</descr> <price>12.89</price> </article> <article id=“2″> <artid>B2002</artid> <descr>Description here</descr> <price>8.49</price> </article> </articles> Per XPATH werden alle Knoten ‚article‘ mit dem Attribut id = 2 selektiert. […]

Weiterlesen

WordPress: Untermenüpunkte nur bei Klick auf Elternpunkt sichtbar

Kleines Snippet zu einer Navigation mit 2 Ebenen in typischer Listenverschachtelung. Die Unterebenen sollen jedoch nur dann zu sehen sein, wenn der Eltern-Menüpunkt angeklickt wurde: <?php global $post; // http://www.sitepoint.com/forums/showthread.php?t=668865 $thispage = $post->ID; // grabs the current post id $pagekids = get_pages(‚child_of=‘.$thispage); // gets a list of pages that are sub pages ?> <?php if […]

Weiterlesen

Position eines Street View-Panoramas über Panorama-ID ermitteln (Google Maps Javascript API V3)

Jedes Panorama hat eine eindeutige ID. (IDs sind nur während einer Session stabil!) Über die Methode getLinks() werden zum aktuellen Street View-Panorama ein Array der verbundenen Straßen mit Name, Richtung und IDs der nächsten Panoramen zurückgeliefert. Leider aber nicht die einzelnen Positionen. Eine Möglichkeit bietet die StreetViewService-Klasse. Die Methode getPanoramaById() liefert dazu ein StreetViewPanoramaData-Objekt zurück welches unter anderem […]

Weiterlesen

Japanisch lernen

日本語 – Aller Anfang ist schwer! Im Japanischen gibt es 3 Alphabete. Fängt man an, die Sprache an zu lernen, beginnt man mit Hiragana und Katakana, zusammen Kana genannt. Das sind Lautschriften, ähnlich unserem lateinischen Alphabet, mit zusammen ca. 100 Zeichen. Im Gegensatz zu Kanji, den aus dem chinesischen übernommenen, kompliziert aussehenden Zeichen. Um eine Zeitung lesen zu können, müssen 2.000 […]

Weiterlesen

.NET: Webcam in Windows Forms-Anwendung mit OpenCV über Emgu CV-Wrapper integrieren

Hier ein „HelloWorld“-Beispiel, wie man eine USB-Cam in einer Visual Studio Windows Forms-Anwendung in C# einbindet. Über den Emgu CV-.Net-Wrapper wird die OpenCV Library (Open Source Computer Vision) verwenden. Diese enthält unzählige Algorithmen für die Bildverarbeitung und maschinelles Sehen. Also z.B. Filter, Gesichts- und Bewegungserkennung usw. Das ganze ist auch ziemlich schnell in der Verarbeitung. Getestet und programmiert mit Visual […]

Weiterlesen

Mit PHP CSV lesen und HTML-Tabellen erzeugen

Kurz und bündig… <?php // Konfiguration $csvFile = „daten.csv“; $firstRowHeader = true; $maxRows = 10; // Daten auslesen und Tabelle generieren $handle = fopen($csvFile, „r“); $counter = 0; echo „<table class=\“csvTable\“>“; while(($data = fgetcsv($handle, 999, „;“)) && ($counter < $maxRows)) { echo „<tr>“; if(($counter == 0) && $firstRowHeader) { echo „<th>“.$data[0].“</th>“; echo „<th>“.$data[1].“</th>“; echo „<th>“.$data[2].“</th>“; […]

Weiterlesen