Install Tutorial Changes Github Menu

×

Tutorial

Installation

Linking to fragments

a[up-follow]

[up-method]

[up-fail-target]

[up-fallback]

[up-transition]

[up-fail-transition]

[up-href]

[up-confirm]

[up-history]

[up-restore-scroll]

a[up-target]

[up-target]

[up-method]

[up-transition]

[up-fail-target]

[up-fail-transition]

[up-fallback]

[up-href]

[up-confirm]

[up-reveal]

[up-restore-scroll]

[up-cache]

[up-layer]

[up-history]

[up-dash]

[up-expand]

[up-instant]

up.follow()

up.link.isFollowable()

up.link.makeFollowable()

up.visit()

Modal dialogs

[up-drawer]

[up-position]

[up-modal]

[up-confirm]

[up-method]

[up-sticky]

[up-closable]

[up-animation]

[up-backdrop-animation]

[up-height]

[up-width]

[up-history]

.up-modal [up-close]

up.modal.close()

up.modal.config

up.modal.contains()

up.modal.coveredUrl()

up.modal.extract()

up.modal.flavors

up.modal.flavors.drawer

up.modal.follow()

up.modal.isOpen()

up.modal.url()

up.modal.visit()

up:modal:close

up:modal:closed

up:modal:open

up:modal:opened

Pop-up overlays

[up-popup]

[up-position]

[up-confirm]

[up-method]

[up-sticky]

[up-history]

.up-popup [up-close]

up.popup.attach()

up.popup.close()

up.popup.config

up.popup.coveredUrl()

up.popup.isOpen()

up.popup.url()

up:popup:close

up:popup:closed

up:popup:open

up:popup:opened

Animation

up.animate()

up.animation()

up.morph()

up.motion.config

up.motion.finish()

up.motion.isEnabled()

up.motion.none()

up.motion.when()

up.transition()

Navigation feedback

.up-active

.up-current

up.feedback.config

Custom JavaScript

[up-data]

up.compiler()

up.macro()

up.syntax.data()

Fragment update API

[up-keep]

up.destroy()

up.dom.config

up.extract()

up.first()

up.hello()

up.reload()

up.replace()

up:fragment:destroy

up:fragment:destroyed

up:fragment:inserted

up:fragment:keep

up:fragment:kept

AJAX acceleration

[up-preload]

[up-delay]

up.ajax()

up.proxy.alias()

up.proxy.clear()

up.proxy.config

up.proxy.get()

up.proxy.isBusy()

up.proxy.isIdle()

up.proxy.preload()

up.proxy.remove()

up.proxy.set()

up:proxy:load

up:proxy:received

up:proxy:recover

up:proxy:slow

Forms

form[up-target]

[up-target]

[up-fail-target]

[up-fallback]

[up-transition]

[up-fail-transition]

[up-history]

[up-method]

[up-reveal]

[up-restore-scroll]

[up-cache]

[up-autosubmit]

[up-delay]

[up-hide-for]

[up-observe]

[up-delay]

[up-show-for]

[up-switch]

[up-validate]

up.autosubmit()

up.form.config

up.observe()

up.submit()

up.validate()

Tooltips

[up-tooltip]

[up-animation]

[up-position]

[up-tooltip-html]

up.tooltip.attach()

up.tooltip.close()

up.tooltip.config

up.tooltip.isOpen()

Browser history

[up-back]

up.history.config

up.history.push()

up.history.replace()

up.history.url()

up:history:push

up:history:pushed

up:history:restored

Application layout

[up-anchored=right]

[up-fixed=bottom]

[up-fixed=top]

[up-viewport]

up.layout.config

up.layout.restoreScroll()

up.layout.revealHash()

up.layout.saveScroll()

up.reveal()

up.scroll()

Events

up.bus.nobodyPrevents()

up.bus.onEscape()

up.emit()

up.off()

up.on()

up.reset()

up:framework:reset

Browser support

up.browser.canFormData()

up.browser.canPushState()

up.browser.isSupported()

Server protocol

up.protocol.config

Utility functions

up.fail()

up.util.all()

up.util.any()

up.util.assign()

up.util.compact()

up.util.contains()

up.util.copy()

up.util.detect()

up.util.each()

up.util.escapeHtml()

up.util.except()

up.util.isArray()

up.util.isBlank()

up.util.isDeferred()

up.util.isDefined()

up.util.isElement()

up.util.isFunction()

up.util.isGiven()

up.util.isHash()

up.util.isJQuery()

up.util.isMissing()

up.util.isNull()

up.util.isNumber()

up.util.isObject()

up.util.isPresent()

up.util.isPromise()

up.util.isString()

up.util.isUndefined()

up.util.map()

up.util.merge()

up.util.nextFrame()

up.util.noop()

up.util.once()

up.util.only()

up.util.parseUrl()

up.util.presence()

up.util.reject()

up.util.rejectedPromise()

up.util.remove()

up.util.resolvedDeferred()

up.util.resolvedPromise()

up.util.select()

up.util.selectorForElement()

up.util.setTimer()

up.util.times()

up.util.toArray()

up.util.uniq()

up.util.unresolvableDeferred()

up.util.unresolvablePromise()

Logging

up.log.config

up.log.disable()

up.log.enable()

Changes

Modal dialogs `up.modal.extract(selector, html, options)` function

Extracts the given CSS selector from the given HTML string and opens the results in a modal.

Example

var html = 'before <div class="content">inner</div> after';
up.modal.extract('.content', html);

The would open a modal with the following contents:

<div class="content">inner</div>

Emits events up:modal:open and up:modal:opened.

Parameters

selector String

The CSS selector to extract from the HTML.

html String

The HTML containing the modal content.

options Object

See options for up.modal.follow().

Return value

Promise

A promise that will be resolved when the modal has been opened and the opening animation has completed.

Made by Henning Koch from makandra (imprint)