I'd like to use the widget "Dialog", specifically the "Modal Confirmation" option to create a dialog box with "Proceed" and "Cancel". But I want to make each of these two options redirect to a certain page/site depending on which was clicked (to be exact, maybe have "Cancel" return to the page, and "Proceed" go to another page entirely).
<div id="dialog-confirm" title="Empty the recycle bin?"> <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p> </div>
<!-- Sample page content to illustrate the layering of the dialog --> <div class="hiddenInViewSource" style="padding:20px;"> <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p> <form> <input value="text input" /><br /> <input type="checkbox" />checkbox<br /> <input type="radio" />radio<br /> <select> <option>select</option> </select><br /><br /> <textarea>textarea</textarea><br /> </form> </div><!-- End sample page content -->
</div><!-- End demo -->
<div class="demo-description"><p>Confirm an action that may be destructive or important. Set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p></div><!-- End demo-description -->
Obviously it is incomplete, but I couldn't find the demo.css file on the sample page so I didn't know what to use there....
Thanks to everyone for the help with this! It is implemented on my site and working. However I have a quick question: For the pop up box buttons, they are currently set at "Proceed" and "Cancel". I'd like to make it more like "Go to the site" and "get me out of here", but doing so breaks the script. Any idea how to do this?