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-fail-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-layer]
[up-fail-layer]
[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.visit(url, options) function

Opens a modal for the given URL.

Example

up.modal.visit('/foo', { target: '.list' });

This will request /foo, extract the .list selector from the response and open the selected container in a modal dialog.

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

Parameters

url String

The URL to load.

options.target String

The CSS selector to extract from the response. The extracted content will be placed into the dialog window.

options Object

See options for up.modal.follow().

Return value

Promise

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

Made by Henning Koch from makandra (imprint)