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

.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

Einfacher Spamschutz für E-Mail-Adressen

Einfacher aber effektiver Spamschutz für E-Mail-Adressen mit Javascript und jQuery. Ist JavaScript deaktiviert, erscheint nur info [at] domain.com. <script type=“text/javascript“ src=“jquery.js“></script> <script type=“text/javascript“> $(function(){ $(‚.email‘).each(function(index) { var s = $(this).text().replace(“ [at] „, „&#64;“); $(this).html(„<a href=\“mailto:“ + s + „\“>“ + s + „</a>“); }); }); </script> Aus: info [at] domain.com wird: info@domain.com Im Quelltext die E-Mail-Adressen in span-Tags mit […]

Weiterlesen