how can i edit the action of the buttons in the dialog box in jquery?

Posted by noob on Stack Overflow See other posts from Stack Overflow or by noob
Published on 2009-09-11T19:50:17Z Indexed on 2010/03/18 19:01 UTC
Read the original article Hit count: 160

Filed under:
|

this code is from the demo of modal confirmation from jquery's site.

<script type="text/javascript">
$(function() {
	$("#dialog").dialog({
		bgiframe: true,
		resizable: false,
		height:140,
		modal: true,
		overlay: {
			backgroundColor: '#000',
			opacity: 0.5
		},
		buttons: {
			'Yes': function() {
				$(this).dialog('close');
			},
			'No': function() {
				$(this).dialog('close');
			}
		}
	});
});
</script>



<div class="demo">

<div id="dialog" 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 -->

can anyone tell me how to edit the action for the buttons? when yes is clicked i want to be redirected to test.php and when i hit no i want to be redirected to another page.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about dialog