XLink Property in SVG textPath Nodes

Ran into a problem today with attempting to manipulate textPath SVG elements within the DOM. Consider the following, where the variable svg is an SVG element in your DOM: var g = document.createElementNS(“http://www.w3.org/2000/svg”, “g”); var label_container = document.createElementNS(“http://www.w3.org/2000/svg”, “text”); var label = document.createElementNS(“http://www.w3.org/2000/svg”, “textPath”); label.setAttributeNS(“http://www.w3.org/1999/xlink”, ‘xlink:href’, ‘#some-path’); label.appendChild(document.createTextNode(“Hello, World!”)); label_container.appendChild(label); …

Building an iPhone/Android Web App Using the Sliding-Pane Component

In today’s blog, I’m going to show how I used the Sliding-Pane to create a fairly complete iPhone application.   You can download the code here. Background In November, I created a UI component called Sliding-Pane that creates a sliding-type animation on a specific div. The idea came from OSX’s …