Explore topic-wise InterviewSolutions in .

This section includes InterviewSolutions, each offering curated multiple-choice questions to sharpen your knowledge and support exam preparation. Choose a topic below to get started.

1.

How To Change Date Format In Jquery Ui Datepicker?

Answer»

VAR DATE = $('#datepickerDivId').DATEPICKER
(
{ DATEFORMAT: 'dd-mm-yy'
}
).
VAL();

var date = $('#datepickerDivId').datepicker
(
{ dateFormat: 'dd-mm-yy'
}
).
val();

2.

How To Set Current Date In Date Picker?

Answer»

$(".datepickerClass").DATEPICKER('setDate', NEW DATE());

$(".datepickerClass").datepicker('setDate', new Date());

3.

How To Set Year In Datepicker?

Answer»

$(".datepickerClass").DATEPICKER(
{
yearRange: '1950:2013', 
changeMonth: TRUE,
changeYear: true,
showButtonPanel: true, 
}
);

$(".datepickerClass").datepicker(
{
yearRange: '1950:2013', 
changeMonth: true,
changeYear: true,
showButtonPanel: true, 
}
);

4.

How To Remove Jquery Ui Autocomplete Helper Text?

Answer»

.ui-helper-hidden-accessible { DISPLAY:NONE; }

.ui-helper-hidden-accessible { display:none; }

5.

How Do I Disable A Jquery-ui Draggable Of Widget?

Answer»

//myObject is WIDGET object.
myObject.draggable( 'disable' );

OR, you can SET during the initalization 
$("#yourDialogId").DIALOG({
draggable: FALSE
});

//myObject is widget object.
myObject.draggable( 'disable' );

OR, you can set during the initalization 
$("#yourDialogId").dialog({
draggable: false
});

6.

How To Call A Dragable Widget?

Answer»

// MAKE #draggable draggable
$(FUNCTION ()
{
$("#draggableDivId").draggable();
}
);

// Make #draggable draggable
$(function ()
{
$("#draggableDivId").draggable();
}
);

7.

How Do I Keep Jquery Ui Accordion Collapsed By Default?

Answer»

$("#divId").ACCORDION
(
{
header: "h4", COLLAPSIBLE: TRUE, ACTIVE: false
}
);

$("#divId").accordion
(
{
header: "h4", collapsible: true, active: false
}
);

8.

How Can I Disable A Button In A Jquery ?

Answer»

$('#DIVID').ATTR("DISABLED", TRUE);

$('#divId').attr("disabled", true);

9.

How To "change Button Text" In Jquery?

Answer»

jQuery Version < 1.6
$("#elementId").attr('value', 'Save'); //versions OLDER than 1.6

jQuery Version &GT; 1.6
$("#elementId").PROP('value', 'Save'); //versions newer than 1.6

jQuery Version < 1.6
$("#elementId").attr('value', 'Save'); //versions older than 1.6

jQuery Version > 1.6
$("#elementId").prop('value', 'Save'); //versions newer than 1.6

10.

How To Download Jquery Ui Css From Google's Cdn?

Answer»

UNCOMPRESSED: HTTP://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js
Compressed: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

Uncompressed: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js
Compressed: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

11.

How To Call Hook Into Dialog Close Event In Jquery Ui?

Answer»

$('div#contentId').on('dialogclose', FUNCTION(EVENT)
{
//console.log('closed event CALLED');
 }
);

$('div#contentId').on('dialogclose', function(event)
{
//console.log('closed event called');
 }
);

12.

How To Initialize A Dialog Without A Title Bar?

Answer»

var dialogOpts=[]
$("#divId").DIALOG(dialogOpts);
//REMOVE the title BAR
$(".ui-dialog-titlebar").HIDE();

var dialogOpts=[]
$("#divId").dialog(dialogOpts);
//Remove the title bar
$(".ui-dialog-titlebar").hide();

13.

How To Remove Close Button On The Jquery Ui Dialog Using Javascript?

Answer»

$("#div2").DIALOG(
{
closeOnEscape: false,
OPEN: function(EVENT, ui)
{
$(".ui-dialog-titlebar-close", ui.dialog | ui).HIDE();
}
}
);

$("#div2").dialog(
{
closeOnEscape: false,
open: function(event, ui)
{
$(".ui-dialog-titlebar-close", ui.dialog | ui).hide();
}
}
);

14.

How To Remove Close Button On The Jquery Ui Dialog Using Css?

Answer»

.ui-dialog-titlebar-close
{
VISIBILITY: HIDDEN;
}

.ui-dialog-titlebar-close
{
visibility: hidden;
}

15.

Can We Use Another Variable Instead Of $ In Jquery? If Yes, How?

Answer»

YES, we can.
var JQ = jQuery.noConflict();
/** Now use jQ instead of $ **/
jQ( "DIV#PID" ).hide();

Yes, we can.
var jQ = jQuery.noConflict();
/** Now use jQ instead of $ **/
jQ( "div#pid" ).hide();

16.

What Is $.noconflict()?

Answer»

<script src="https://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
$.noConflict()
</script>

When we CALL to $.noConflict(). Old REFERENCES of $ are saved during jQuery INITIALIZATION, noConflict() simply restores them.

<script src="https://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
$.noConflict()
</script>

When we call to $.noConflict(). Old references of $ are saved during jQuery initialization, noConflict() simply restores them.

17.

How To Add Css Property On Last Div?

Answer»

$('div:LAST').CSS({BACKGROUNDCOLOR: 'green', FONTWEIGHT: 'bolder'});

$('div:last').css({backgroundColor: 'green', fontWeight: 'bolder'});

18.

What Is Current Stable Version Of Jquery Ui?

Answer»

1.11.4 / DATED 11 MARCH 2015

1.11.4 / dated 11 March 2015

19.

Is Jquery Ui Opensource?

Answer»

Yes.

Yes.

20.

In Which Language, Jquery Ui Is Written?

Answer»

JavaScript

JavaScript

21.

What Are Different Effects Available In Jquery Ui?

Answer»
  1. ADD CLASS
  2. COLOR Animation
  3. Easing
  4. Effect
  5. Hide
  6. Remove Class
  7. Show
  8. SWITCH Class
  9. Toggle
  10. Toggle Class

22.

What Widets Are Available In Jquery Ui?

Answer»
  1. ACCORDION
  2. Autocomplete
  3. Button
  4. Datepicker
  5. DIALOG
  6. MENU
  7. Progressbar
  8. Selectmenu
  9. SLIDER
  10. Spinner
  11. TABS
  12. Tooltip

23.

What Is Jquery Ui?

Answer»

It is JavaScript Library which is COLLECTION of jQuery widgets like datepicker, tabs, AUTOCOMPLETE ETC. We can ALSO add EFFECTS, interactions (drag, drop, resize) on widgets.

It is JavaScript Library which is collection of jQuery widgets like datepicker, tabs, autocomplete etc. We can also add effects, interactions (drag, drop, resize) on widgets.