Demo of Resizable with cancel option
cancel
false
Present option is :
Apply cancel option to the element by selecting
cancel radio button. You can remove the same by selecting
false .
Try to resize the element by selecting each option.
« Tutorial Resizable
Full Code
<script>
$(document).ready(function() {
//////////////////////////
$( ".resize_cl" ).resizable({
cancel:false
});
/////////
$("input:radio[name=r1]").click(function() {
var r_sel=$(this).val()
// setting the alsoResize option value //
if(r_sel=='cancel'){
$( "#resize_id" ).resizable( "option", "cancel", "#resize_id" );
}
if(r_sel=='false'){
$( "#resize_id" ).resizable( "option", "cancel", false );
}
var sel = $( ".resize_cl" ).resizable( "option", "cancel" );
$("#d1").html("Present option value is :"+sel);
})
/////////////////
var sel = $( "#resize_id" ).resizable( "option", "alsoResize" );
$("#d1").html("Present option value is :"+sel);
/////////
///////
})
</script>
HTML
<label>
<input type='radio' name='r1' id='r1' value=cancel >cancel
</label>
<label><input type='radio' name='r1' id='r2' value=false >false
</label>
« Tutorial Resizable
Options |
resizable |
alsoResize |
animate |
animate get set |
animateDuration |
animateEasing |
aspectRatio |
autoHide
cancel
classes
containment
disabled
ghost
grid
handles
helper
maxHeight
maxWidth
minWidth
minHeight
Events
destroy
disable enable