jQueryMobile - SimpleDialog
A Popup Dialog Box for jQueryMobile
SimpleDialog aims to be a replacement for javascript dialog(), written for jQM.
- Overview
- Intro & Features
- Download & Use
- Methods and Events
- Full Options Matrix
- Demos
- Boolean / Button Mode
- String / Input Mode
- Raw HTML Mode
Button to open custom HTML dialog
note you are size limited to about 280px wide (unless you mess with the CSS directly.
You can also later change the contents of fullHTML - simple change it to whatever you like:
$('#simpleraw').data('simpledialog').options.fullHTML = "..."then, call the refresh function:
$('#simpleraw').simpledialog('refresh');Open Dialog HTML
<a href="#" id="dialoglink" data-role="button">Open Dialog</a>jQuery
$(document).delegate('#simpleraw', 'click', function() { $(this).simpledialog({ 'mode' : 'blank', 'prompt': false, 'forceInput': false, 'useModal':true, 'fullHTML' : "<ul data-role='listview'><li>Some</li><li>List</li><li>Items</li></ul><a rel='close' data-role='button' href='#' id='simpleclose'>Close</a>" }) });