Przyda?o mi si? ostatnio… w jQuery

Nie ma tu ostatnio nowych wpisów, bo trzeba w ko?cu troch? pozarabia? normalnie, czyli majstrowaniem przy WWW. Kilku rozwi?za? troch? szuka?em, wi?c pomy?la?em, ?e mo?e i komu? innemu si? przyda.

Ci?gle si? ucz? nowych rzeczy w jQuery, wi?c je?li co? mo?na lepiej zrobi?, to b?d? wdzi?czny za info ;)

Dodanie optgroups do cForms II

Do formularza w cForms II musia?em doda? optgroups, których domy?lnie to fajne rozszerzenie nie obs?uguje. Z pomoc? przysz?o takie ma?e rozwi?zanie Jasona Gilla, które wykorzystuje jQuery:

if($(".cform").length!=0){
  $(".cform select option").each(function(){
    if($(this).val() == "groupstart"){
      var label = $(this).text();
      $(this).nextUntil('option[value|="groupend"]')
        .wrapAll("<optgroup label='"+label+"' />");
      $(this).detach();
    }
  });
  $('option[value|="groupend"]').detach();
}

I potem wystarczy ju? tylko odpowiednio wype?ni? zawarto?? wpisu:

Color#Choose|#Warm Colors|groupstart#red#orange#yellow#groupend#Cool Colors|groupstart#blue#green#purple#groupend

Optgroups pomog?y mi jeszcze troch? pooszukiwa? cForms – w zale?no?ci od wybranej opcji w jednym select, w drugim pojawia? si? dost?pny tylko odpowiedni optgroup.

Klikni?cie poza konkretnym obszarem

W innym projekcie mia?em obszar, który mia? si? ukrywa? po klikni?ciu poza jego obszarem… z ca?? mas? wyj?tków w postaci dwóch czy trzech menusów, które by?y w ró?nych miejscach strony i mia?y na tym obszarze co? ?adowa?.

Gdzie? w sieci znalaz?em takie rozwi?zanie:

$(document).bind('click', function(e){ 
	var $clicked = $(e.target); 
	if (!($clicked.is('#element1') || $clicked.parents().is('#element1') || $clicked.is('#element2') || $clicked.parents().is('#element2'))) { 
		// Tu w?a?ciwe akcje po klikni?ciu
	} 
});

UI.Spinner do pe?nych godzin

W jakim? formularzu mia?em dorzuci? „spinnera” do wyboru godzin. W sieci mo?na znale?? setk? gotowych spinnerów, które albo radz? z sobie z liczbami ale ju? nie z datami, albo pe?ne kombajny z datepickerami, które k?óc? si? z czym?, co doda? wcze?niej kto? inny. Na szcz??cie prosty ui.spinner Burnetta poradzi? sobie z pe?nymi godzinami, wystarczy?o da? w value godzin? w postaci np. „6.00” i potem odpali? spinnera w postaci:

$('#godzina').spinner({ min: 6.00, max: 20.00, step: '1.00' });  

Wpis opublikowany 13 listopada 2011
Tagi: cforms, jquery, spinner, wordpress
Kategorie: prywata, webdesign, webmaster, wordpress, wszystkie

Komentarze do wpisu "Przyda?o mi si? ostatnio… w jQuery"