Giter Club home page Giter Club logo

tofu's Introduction

Tofu.js

Originally developed in 2010 for use in Pinup, a graphical tool for tagging content within images on the web. This is a tiny JavaScript library that focuses on element manipulation including events, animations, and html parsing.

View Demo

Documentation

Method Description
addClass Add one class to a provided element object.
addEvent Add one event listener to a provided element object that invokes a callback function.
animate Animate one or more CSS properties for a provided element object.
appendText Insert a text node at the end of a provided element object.
arrayUnique Returns a new array of unique values from a provided array.
attribute Depending on the parameters provided, this method will add, remove, or get attribute values for a provided element object.
camelize Convert a provided string into camel case.
cleanElement Removes all event listeners, child nodes, and cache entries for a provided element object.
click Binds a click event onto a provided element object.
cloneObject Returns an exact duplicate of a provided object that has no reference to its former self.
domAppend Insert an element object at the end of a provided element object.
domWrap Wrap an element object with a provided element object.
fadeIn Animate the opacity of an element object over a set time until it becomes opaque.
fadeOut Animate the opacity of an element object over a set time until it becomes transparent.
fadeTo Animate the opacity of an element object over a set time until it becomes the desired opacity.
fireEvent Trigger an event listener for a provided element object.
getComputedStyles Returns a normalized array of computed CSS styles for the provided element object.
getCumulativeOffset Returns the offset from the outer most parent for a provided element object.
getElementsByClassName Returns one or more matching element nodes from within the provided element node (or document body if none is provided).
getEventTarget Retrieves the associated element object from a provided event object.
getFileExtension Returns the file extension from a provided URL string.
getGUID Returns the GUID given to element objects by the library, or assigns one if none is found.
getHeight Returns the height of a provided element object.
getMousePosition Returns the current coordinates of the cursor.
getNextSibling Returns the element object following the provided element object, or undefined if none was found.
getParamsFromObject Returns a URL encoded string of parameters derived from a provided object.
getParentByClassName Recursively looks for parent elements matching a provided class name. Returns the element object, or undefined if none were found.
getStyle Returns the requested computed style value of a provided element object.
getWidth Returns the width of a provided element object.
hasClass Determines if a provided element object contains a specified class name.
hasEvent Determines if a provided element object has a specified event listener.
hasProperty Cross browser implementation of object.hasOwnProperty.
hide Renders a provided element object hidden (display none).
inArray Determines if a provided object is in an array.
insertAfter Insert an element object directly after a provided element object.
insertBefore Insert an element object directly before a provided element object.
isArray Determines if a provided object is an array type.
isBoolean Determines if a provided object is boolean type.
isDate Determines if a provided object is a date type.
isElement Determines if a provided object is an element type.
isElementEmpty Determines if a provided element object has no child nodes.
isElementIn Determines if a provided element object is inside another provided element object.
isFunction Determines if a provided object is a function type.
isNull Determines if a provided object is null.
isNumber Determines if a provided object is a number type.
isNumeric Determines if a provided object is numerical.
isObject Determines if a provided object is an object type.
isObjectEmpty Determines if a provided object is empty.
isString Determines if a provided object is a string type.
isUndefined Determines if a provided object is undefined.
isVisible Determines if a provided element object has been hidden using CSS (display/visibility).
loadJSONP Retrieves content using the JSONP method.
loadScript Loads external JavaScript files from within the same origin.
loop Performs a while loop using the given parameters.
loopArray Iterates over a provided array object and returns the index/value pairs.
loopObject Iterates over a provided object and returns the property/value pairs.
loopObjectKeys Iterates over a provided object and returns the property names.
mergeObject Combines two provided objects and returns the result.
newElement Creates and returns a new element object.
noConflict Informs the library not to bind with the dollar sign function to avoid conflicts with other libraries.
onDomReady Runs a callback function when the Document Object Model is ready for use.
parseHTML Uses provided JSON data to build a document fragment.
parseUrl Analyzes a provided URL string and returns information about its structure.
randomID Creates a randomly generated string.
removeAllEvents Removes all event listeners from a provided element object.
removeArrayItem Removes all occurrences of an item within a provided array object.
removeChildren Removes all child nodes from a provided element object.
removeClass Removes the specified class name from a provided element object.
removeElement Removes a provided element object from the DOM.
removeEvent Removes a single event listener from a provided element object.
replaceElement Replace a provided element object with a provided element object.
replaceEvent Replace a specified event listener with another listener of the same event type.
replaceHTML Replace HTML within a provided element object using either an HTML string or a JSON representation (see parseHTML).
rloop Performs a reverse while loop using the given parameters.
runInterval Performs a conditional check over intervals of time.
setAlpha Change the opacity of a provided element object.
setHeight Change the height value of a provided element object.
setStyle Change a single computed style of the provided element object.
setStyles Change multiple computed styles of the provided element object.
setWidth Change the width value of a provided element object.
show Renders a provided element object visible (display block).
stopAnimation Force a running animation to stop.
stopBubble Stops event propagation and prevents default actions of a provided event object.
stringFormat Inserts array values into a provided string as specified.
stripSpaces Removes all spaces within a provided string.
textContent Retrieve or insert a text node from within a provided element object. Returns undefined if no string is provided and no text node was found.
type Returns a normalized type value of the provided object.

tofu's People

Contributors

jabes avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.