<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/language/javascript/tags/html</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Fri, 24 May 2013 02:55:00 GMT</pubDate>
<item>
<title>(JavaScript) Animating Shapes - COBOLdinosaur</title>
<link>http://snipplr.com/view/71184/animating-shapes/</link>
<description><![CDATA[ <p>Changes shape back and forth from a round element to a square element.</p> ]]></description>
<pubDate>Wed, 15 May 2013 05:51:36 GMT</pubDate>
<guid>http://snipplr.com/view/71184/animating-shapes/</guid>
</item>
<item>
<title>(JavaScript) Remove $ from HTML form on submit - lromak</title>
<link>http://snipplr.com/view/69426/remove--from-html-form-on-submit/</link>
<description><![CDATA[ <p>Removes $ from HTML form post, allows only number and decimal points. Has $ display in field but disappear when onfocus.</p> ]]></description>
<pubDate>Fri, 11 Jan 2013 07:26:30 GMT</pubDate>
<guid>http://snipplr.com/view/69426/remove--from-html-form-on-submit/</guid>
</item>
<item>
<title>(JavaScript) Scrolling Marquee With Start &amp;amp; Stop. - o0110o</title>
<link>http://snipplr.com/view/68159/scrolling-marquee-with-start--stop/</link>
<description><![CDATA[ <p>The marquee will stop when you hover the cursor over it. It will restart when you move the cursor away from it.</p> ]]></description>
<pubDate>Thu, 08 Nov 2012 04:47:55 GMT</pubDate>
<guid>http://snipplr.com/view/68159/scrolling-marquee-with-start--stop/</guid>
</item>
<item>
<title>(JavaScript) JavaScript Command Pattern - timsommer</title>
<link>http://snipplr.com/view/66443/javascript-command-pattern/</link>
<description><![CDATA[ <p>The Command pattern aims to encapsulate method invocation, requests or operations
into a single object and gives you the ability to both parameterize and pass method calls
around that can be executed at your discretion. In addition, it enables you to decouple
objects invoking the action from the objects which implement them, giving you a
greater degree of overall flexibility in swapping out concrete 'classes'.</p> ]]></description>
<pubDate>Tue, 31 Jul 2012 19:48:40 GMT</pubDate>
<guid>http://snipplr.com/view/66443/javascript-command-pattern/</guid>
</item>
<item>
<title>(JavaScript) JavaScript Mediator Pattern - timsommer</title>
<link>http://snipplr.com/view/66442/javascript-mediator-pattern/</link>
<description><![CDATA[ <p>In software engineering, a mediator is a behavioral design pattern that allows us to
expose a unified interface through which the different parts of a system may communicate. If it appears a system may have too many direct relationships between modules (colleagues), it may be time to have a central point of control that modules communicate through instead. The Mediator promotes loose coupling by ensuring that instead of modules referring to each other explicitly, their interaction is handled through this central point.

If you would prefer a real-world analogy, consider a typical airport traffic control system. A tower (mediator) handles what planes can take off and land because all communications (notifications being listened out for or broadcast) are done from the planes to the control tower, rather than from plane-to-plane. A centralized controller is key to the success of this system and that's really the role a mediator plays in software design.</p> ]]></description>
<pubDate>Tue, 31 Jul 2012 19:40:55 GMT</pubDate>
<guid>http://snipplr.com/view/66442/javascript-mediator-pattern/</guid>
</item>
<item>
<title>(JavaScript) JavaScript Observer Pattern - timsommer</title>
<link>http://snipplr.com/view/66441/javascript-observer-pattern/</link>
<description><![CDATA[ <p>The Observer pattern is more popularly known these days as the Publish/Subscribe
pattern. It is a design pattern which allows an object (known as a subscriber) to watch another object (the publisher), where we provide a means for the subscriber and pub-lisher form a listen and broadcast relationship.

Popular JavaScript libraries such as dojo, jQuery (custom events) and YUI
already have utilities that can assist in easily implementing a Pub/Sub system with very little effort.</p> ]]></description>
<pubDate>Tue, 31 Jul 2012 19:11:13 GMT</pubDate>
<guid>http://snipplr.com/view/66441/javascript-observer-pattern/</guid>
</item>
<item>
<title>(JavaScript) JavaScript/XHTML/CSS pie charts - jatkins</title>
<link>http://snipplr.com/view/65662/javascriptxhtmlcss-pie-charts/</link>
<description><![CDATA[ <p>Released into the public domain. Not really intended for real-world use (it's a clumsy, inefficient, unaesthetic solution--but it is kind of neat).</p> ]]></description>
<pubDate>Sat, 16 Jun 2012 08:43:06 GMT</pubDate>
<guid>http://snipplr.com/view/65662/javascriptxhtmlcss-pie-charts/</guid>
</item>
<item>
<title>(JavaScript) Auto-complete Script Example - aruldave</title>
<link>http://snipplr.com/view/63796/autocomplete-script-example/</link>
<description><![CDATA[ <p>The below script list out the available tags based on the character you enter in the Tag field and the available tags in the array. All the user submitted tags through the Tag form will be stored in an array. Use the below script to enable the auto-complete with your applications. We also used this in and around the call centre system as [predictive dialler software](http://www.touchstarccs.co.uk/ "Inbound, Outbound or Blended Call Centre Software")</p> ]]></description>
<pubDate>Wed, 07 Mar 2012 20:31:38 GMT</pubDate>
<guid>http://snipplr.com/view/63796/autocomplete-script-example/</guid>
</item>
<item>
<title>(JavaScript) strip html tags using javascript - satinfo30</title>
<link>http://snipplr.com/view/63714/strip-html-tags-using-javascript/</link>
<description><![CDATA[ <p>this code is used to remove the html code in the given string</p> ]]></description>
<pubDate>Mon, 05 Mar 2012 13:53:07 GMT</pubDate>
<guid>http://snipplr.com/view/63714/strip-html-tags-using-javascript/</guid>
</item>
<item>
<title>(JavaScript) Javascript checking HTML element type - caringprogrammer</title>
<link>http://snipplr.com/view/63103/javascript-checking-html-element-type/</link>
<description><![CDATA[ <p>How to check Html element type</p> ]]></description>
<pubDate>Mon, 06 Feb 2012 12:11:36 GMT</pubDate>
<guid>http://snipplr.com/view/63103/javascript-checking-html-element-type/</guid>
</item>
<item>
<title>(JavaScript) Facebook app login / authorization entirely client-side - rlmcneary2</title>
<link>http://snipplr.com/view/61108/facebook-app-login--authorization-entirely-clientside/</link>
<description><![CDATA[ <p>A complete HTML page for a Facebook "app" that does login entirely on the client.
1 - Create a Facebook application (see Facebook developer docs.).
2 - Because of a Facebook "bug" the app should have Sandbox Mode disabled (App Settings - Advanced - Authentication).
3 - Uncomment the appropriate redirectUrl var.
4 - Update the appId and redirectUrl vars with your Facebook app values.
5 - Make the page available from a server.</p> ]]></description>
<pubDate>Wed, 23 Nov 2011 15:19:22 GMT</pubDate>
<guid>http://snipplr.com/view/61108/facebook-app-login--authorization-entirely-clientside/</guid>
</item>
<item>
<title>(JavaScript) Show Hide table data - richtt</title>
<link>http://snipplr.com/view/60748/show-hide-table-data/</link>
<description><![CDATA[ <p>Show Hide table data uses href, anchors, div tags, and javascript to toggle between showing and hiding a table on the html page.</p> ]]></description>
<pubDate>Sat, 12 Nov 2011 17:06:58 GMT</pubDate>
<guid>http://snipplr.com/view/60748/show-hide-table-data/</guid>
</item>
<item>
<title>(JavaScript) Onlock clear value for Input - bubaphex</title>
<link>http://snipplr.com/view/60717/onlock-clear-value-for-input/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 11 Nov 2011 07:50:26 GMT</pubDate>
<guid>http://snipplr.com/view/60717/onlock-clear-value-for-input/</guid>
</item>
<item>
<title>(JavaScript) Play an Audio File with the HTML Audio Tag - parkerkrhoyt</title>
<link>http://snipplr.com/view/60537/play-an-audio-file-with-the-html-audio-tag/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 04 Nov 2011 07:32:41 GMT</pubDate>
<guid>http://snipplr.com/view/60537/play-an-audio-file-with-the-html-audio-tag/</guid>
</item>
<item>
<title>(JavaScript) previousElement and nextElement - jatkins</title>
<link>http://snipplr.com/view/56845/previouselement-and-nextelement/</link>
<description><![CDATA[ <p>Released into the public domain. I haven't tested these (realized I didn't need them for what I was trying to do), but they should work. **Bug fixed 7/19/2011.**</p> ]]></description>
<pubDate>Tue, 19 Jul 2011 07:24:59 GMT</pubDate>
<guid>http://snipplr.com/view/56845/previouselement-and-nextelement/</guid>
</item>
<item>
<title>(JavaScript) Close a div - tcelestino</title>
<link>http://snipplr.com/view/54430/close-a-div/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 26 May 2011 22:50:57 GMT</pubDate>
<guid>http://snipplr.com/view/54430/close-a-div/</guid>
</item>
<item>
<title>(JavaScript) Position one HTML element below another - jatkins</title>
<link>http://snipplr.com/view/52909/position-one-html-element-below-another/</link>
<description><![CDATA[ <p>Released into the public domain.</p> ]]></description>
<pubDate>Tue, 03 May 2011 07:07:56 GMT</pubDate>
<guid>http://snipplr.com/view/52909/position-one-html-element-below-another/</guid>
</item>
<item>
<title>(JavaScript) ADC HTML5 Geolocation API Example - ryanstewart</title>
<link>http://snipplr.com/view/52534/adc-html5-geolocation-api-example/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sun, 24 Apr 2011 17:37:17 GMT</pubDate>
<guid>http://snipplr.com/view/52534/adc-html5-geolocation-api-example/</guid>
</item>
<item>
<title>(JavaScript) Retrieve only childNodes that are HTML elements - jatkins</title>
<link>http://snipplr.com/view/51897/retrieve-only-childnodes-that-are-html-elements/</link>
<description><![CDATA[ <p>Released into the public domain. **Example:** `elementNodes(document.getElementById('content'))` refers to an array of all the elements inside the element with the ID _content_.</p> ]]></description>
<pubDate>Mon, 11 Apr 2011 01:46:16 GMT</pubDate>
<guid>http://snipplr.com/view/51897/retrieve-only-childnodes-that-are-html-elements/</guid>
</item>
<item>
<title>(JavaScript) jQuery escapeHTML - fadlee</title>
<link>http://snipplr.com/view/51788/jquery-escapehtml/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 08 Apr 2011 23:48:10 GMT</pubDate>
<guid>http://snipplr.com/view/51788/jquery-escapehtml/</guid>
</item>
</channel>
</rss>