JQuery lessons

JqueryUI - dialog()

IT School 2021

Code	Result:
dialog() - dialog oyna hosil qilish uchun
$('#dialog').dialog({ autoOpen:false, show:{ effect:'bounce', duration:800 }, hide:{ effect:'blind', duration:1000 } });

JqueryUI - dialog(advanced)

IT School 2021

Code	Result:
dialog() - dialog oyna hosil qilish uchun
$('#dialog').dialog({ autoOpen:false, modal:true, buttons:{ Cancel:function(){ $(this).dialog('close'); }, 'User Deleted':function(){ alert('User Deleted'); $(this).dialog('close'); } } });

JqueryUI - accordion()

IT School 2021

Code	Result:
accordion() - accordion hosil qiladi
$('#faq').accordion({ collapsible:true, active:false });

JqueryUI - tabs()

IT School 2021

Code	Result:
tabs() - navigation hosil qiladi

JqueryUI - slider()

IT School 2021

Code	Result:
slider() - slider hosil qiladi
$('#slider').slider({ slide:function(event,ui){ $('#slideText').val(ui.value); }, min:25, max:250, value:25, step:25, range:’min’ }); //css: #slider .ui-slider-range{ background-color: red; }

JqueryUI - Draggable()

IT School 2021

Code	Result:
draggable() - obyektni siljitish
$('.demo').draggable({ axis:'y', containment:'parent' }); $('.demo2').draggable({ axis:'x', // containment:'parent' containment:'document', snap:true, snapTolerance:500 });

JqueryUI - autoComplete()

IT School 2021

Code	Result:
autocomplete() - auto to’ldirish
let province=['Toshkent','Bukhara','Samarkand', 'Namangan','Navoiy','Nukus','Andijon','Farg`ona', 'Qoraqalpoq','Qashqadaryo'] $('#citytextbox').autocomplete( { source:province }, { onfocus:true, delay:100, minLength:3 });