Snipplr

(JavaScript) Dynamic Table Generator - COBOLdinosaur

Thu, 04 Apr 2013 07:15:15 GMT

The use of dynamic data acquisition on modern web sites and in a lot of intranet applications, sometimes means we have to build structures dynamically as data comes in from a feed or AJAX operations. The problem is not with the data, but rather that it is unstructured, or not appropriately tagged. The solution is to dynamically build the necessary structures to make the data presentable in a web page

(JavaScript) Javascript DOM Create Element - flamboyanz

Mon, 18 Feb 2013 04:10:53 GMT

Javascript DOM Create Element

(JavaScript) Get DOM element via class and id selector, using Google Closure - cjcenizal

Tue, 31 Jan 2012 15:00:26 GMT

The Google Closure lets you get DOM elements with getElement( id ) and getElementByClass( class ). This function combines the two to let you get elements similarly to the way jQuery does. E.g. getElement( '#home .sidebar #links') returns the element with an id of 'links', within the element of class 'sidebar', within the element of id 'home'.

(JavaScript) getElementsFromClassName - jatkins

Wed, 09 Nov 2011 10:07:09 GMT

Released into the public domain.

(JavaScript) Search for objects attached to the global JS object - richt

Thu, 15 Sep 2011 00:15:22 GMT

Simple recursive function to find objects that match the value of str hanging anywhere off the global JS object (window).

(JavaScript) isEmail Function - alberomo

Mon, 22 Aug 2011 00:27:59 GMT

Check if user has intruded a real email address. Return true (real email) or false (fake email). Arguments: Element from a form. From book Dom Scripting by Jeremy Keith

(JavaScript) isFilled (form element) Function - alberomo

Mon, 22 Aug 2011 00:15:36 GMT

Arguments: Element from a form. Take that element and checks if is filled. If not, returns false. If is filled, returns true. From book Dom Scripting by Jeremy Keith

(JavaScript) focusLebels Function - alberomo

Sun, 21 Aug 2011 20:05:42 GMT

A JS function that put the focus in the form field associated to a label element whenever is clicked. The for atributte of the label element must match the id attribute of the associated form field. It takes no arguments. From book Dom Scripting by Jeremy Keith

(JavaScript) previousElement and nextElement - jatkins

Tue, 19 Jul 2011 07:24:59 GMT

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.**

(JavaScript) Retrieve only childNodes that are HTML elements - jatkins

Mon, 11 Apr 2011 01:46:16 GMT

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_.

(JavaScript) Find an element higher in the DOM hierarchy - jatkins

Mon, 28 Mar 2011 00:50:07 GMT

Released into the public domain. `startElmnt` is a reference to the lower element, e.g. `document.getElementById('tdName')` and `endElmntTagName` is just that (capitalization irrelevant, thanks to [Sitepoint](http://reference.sitepoint.com/javascript/Node/nodeName)), e.g. `TBODY`.

(JavaScript) accessing the DOM of a page loaded in an iframe [javascript] [dom] [iframe] [for-twitter] - Thammas

Fri, 18 Mar 2011 22:43:42 GMT

(JavaScript) Swap child nodes - jatkins

Sun, 06 Mar 2011 02:08:53 GMT

Released into the public domain. **Update 7/20/2011: Rewritten with a method that shouldn't lose values/selected files/etc. Earlier versions based on a solution found on [Stack Overflow](http://www.stackoverflow.com).**

(JavaScript) HTML element generator - jatkins

Sat, 22 Jan 2011 23:20:20 GMT

Released into the public domain. `elementType` is a string of the tag name (e.g. 'fieldset', 'div', etc.); `attributes` can be left null or is a multidimensional array of attributes (e.g. an `onclick` attribute resulting in `alert(123);` is passed as `['onclick', 'alert(123);']`); `childrenToAppend` can be left null or is an array of already-created elements or an array of `generateElement()` calls; `innerHTML` can be left blank is a string containing the HTML to be placed inside the element. IE fix via http://www.sitepoint.com/forums/javascript-15/setattribute-not-working-ie-470313.html#post3345178.

(JavaScript) fnGet - rupertbreheny

Fri, 31 Dec 2010 00:04:37 GMT

(JavaScript) prototype check if element exists - dmistriotis

Mon, 13 Sep 2010 20:31:35 GMT

(JavaScript) Create new DOM element - stephcode

Sat, 04 Sep 2010 01:48:44 GMT

Thankfully, Sjoerd Visscher mentioned an interesting technique that could be used to force IE to use the specified CSS styling. Specifically, once you create a new DOM element (of the same name as the one in the document) all styling is applied. [...] This is very important. This now means that we can provide CSS styling for undefined HTML 5 element and allow Internet Explorer to handle it gracefully.

(JavaScript) Check if DOM Element is Fully Visible - iloveitaly

Fri, 27 Aug 2010 09:36:38 GMT

(JavaScript) Drag-and-drop library - jatkins

Fri, 20 Aug 2010 12:28:11 GMT

License: public domain (retention of authorship message in code is appreciated). Size: 3.94 kB. To enable drag-drop capability on one or more elements, use `enableDragDrop(elementIDArray, dropLocation);`, where elementIDArray is an array of the IDs of elements to be given drag-drop capability, and dropLocation is an optional parameter which will return the dragged elements to their original position if they are dropped outside of the perimeter of the element with the ID dropLocation. To disable drag-drop capability on one or more elements, use `disableDragDrop(elementIDArray);`.

(JavaScript) jQuery: Check for existence of element - karlhorky

Tue, 27 Jul 2010 08:12:17 GMT

From the jQuery documentation: You can use the length property of the jQuery collection returned by your selector. Note: It isn't always necessary to test whether an element exists. The following code would show the item if it exists, and do nothing (no errors) if it did not: