Haste.DOM

Documentation

newtype Elem

Constructors

Elem JSAny

Instances

Unpack Elem

Pack Elem

BitmapSource Elem

type PropID = String

type ElemID = String

type QuerySelector = String

type ElemClass = String

data Attribute

A key/value pair representing the value of an attribute. May represent a property, an HTML attribute or a style attribute.

data AttrName

The name of an attribute. May be either a common property, an HTML attribute or a style attribute.

Instances

IsString AttrName

type AttrValue = String

set :: MonadIO m => Elem -> [Attribute] -> m ()

Set a number of Attributes on an element.

style :: String -> AttrName

Create a style attribute name.

attr :: String -> AttrName

Create an HTML attribute name.

with :: MonadIO m => m Elem -> [Attribute] -> m Elem

Set a number of Attributes on the element produced by an IO action. Gives more convenient syntax when creating elements:

newElem "div" with [ style "border" := "1px solid black", ... ]

(=:) :: AttrName -> AttrValue -> Attribute

Create an Attribute.

newElem :: MonadIO m => String -> m Elem

Create an element.

newTextElem :: MonadIO m => String -> m Elem

Create a text node.

elemById :: MonadIO m => ElemID -> m (Maybe Elem)

Get an element by its HTML ID attribute.

elemsByQS :: MonadIO m => Elem -> QuerySelector -> m [Elem]

Get all children elements matching a query selector.

elemsByClass :: MonadIO m => ElemClass -> m [Elem]

Get all elements of the given class.

setProp :: MonadIO m => Elem -> PropID -> String -> m ()

Set a property of the given element.

getProp :: MonadIO m => Elem -> PropID -> m String

Get a property of an element.

setAttr :: MonadIO m => Elem -> PropID -> String -> m ()

Set an attribute of the given element.

getAttr :: MonadIO m => Elem -> PropID -> m String

Get an attribute of an element.

setProp' :: MonadIO m => Elem -> JSString -> JSString -> m ()

Set a property of the given element, JSString edition.

getProp' :: MonadIO m => Elem -> JSString -> m JSString

Get a property of an element, JSString edition.

getValue :: (MonadIO m, JSType a) => Elem -> m (Maybe a)

Get the value property of an element; a handy shortcut.

withElem :: MonadIO m => ElemID -> (Elem -> m a) -> m a

Perform an IO action on an element.

withElems :: MonadIO m => [ElemID] -> ([Elem] -> m a) -> m a

Perform an IO action over several elements. Throws an error if some of the elements are not found.

withElemsQS :: MonadIO m => Elem -> QuerySelector -> ([Elem] -> m a) -> m a

Perform an IO action over the a list of elements matching a query selector.

mapQS :: MonadIO m => Elem -> QuerySelector -> (Elem -> m a) -> m [a]

Map an IO computation over the list of elements matching a query selector.

mapQS_ :: MonadIO m => Elem -> QuerySelector -> (Elem -> m a) -> m ()

Like mapQS but returns no value.

addChild :: MonadIO m => Elem -> Elem -> m ()

Append the first element as a child of the second element.

addChildBefore :: MonadIO m => Elem -> Elem -> Elem -> m ()

Insert the first element as a child into the second, before the third. For instance: addChildBefore childToAdd theContainer olderChild

removeChild :: MonadIO m => Elem -> Elem -> m ()

Remove the first element from the second's children.

clearChildren :: MonadIO m => Elem -> m ()

Remove all children from the given element.

getChildBefore :: MonadIO m => Elem -> m (Maybe Elem)

Get the sibling before the given one, if any.

getFirstChild :: MonadIO m => Elem -> m (Maybe Elem)

Get the first of an element's children.

getLastChild :: MonadIO m => Elem -> m (Maybe Elem)

Get the last of an element's children.

getChildren :: MonadIO m => Elem -> m [Elem]

Get a list of all children belonging to a certain element.

setChildren :: MonadIO m => Elem -> [Elem] -> m ()

Clear the given element's list of children, and append all given children to it.

getStyle :: MonadIO m => Elem -> PropID -> m String

Get a CSS style property of an element.

setStyle :: MonadIO m => Elem -> PropID -> String -> m ()

Set a CSS style property on an element.

getStyle' :: MonadIO m => Elem -> JSString -> m JSString

Get a CSS style property of an element, JSString style.

setStyle' :: MonadIO m => Elem -> JSString -> JSString -> m ()

Set a CSS style property on an element, JSString style.

getFileData :: MonadIO m => Elem -> Int -> m (Maybe Blob)

Get a file from a file input element.

getFileName :: MonadIO m => Elem -> m String

Get the name of the currently selected file from a file input element. Any directory information is stripped, and only the actual file name is returned, as the directory information is useless (and faked) anyway.

setClass :: MonadIO m => Elem -> String -> Bool -> m ()

Add or remove a class from an element's class list.

toggleClass :: MonadIO m => Elem -> String -> m ()

Toggle the existence of a class within an elements class list.

hasClass :: MonadIO m => Elem -> String -> m Bool

Does the given element have a particular class?

click :: MonadIO m => Elem -> m ()

Generate a click event on an element.

focus :: MonadIO m => Elem -> m ()

Generate a focus event on an element.

blur :: MonadIO m => Elem -> m ()

Generate a blur event on an element.

document :: Elem

The DOM node corresponding to document.

documentBody :: Elem

The DOM node corresponding to document.body.