Eu sunt utilizator de jQuery şi mulţi ştiu asta. Dar deoarece atât UI 1.0 cât şi 1.5beta fie nu s-au „mulat” după nevoile mele, fie eram într-un stadiu prea avansat cu Interface pentru a face „upgrade”, am renunţat şi am rămas la vechiul, dar bunul (parcă ar fi vin ) Interface (site-ul este momentan down, dar am arhiva ).

Eh, şi cum foloseam eu Interface, acum vreo lună-două, m-am lovit de o problemă căreia nu i-am dat prea multă importanţă: cum limitez câte elemente are un sortable? Am stat puţin, am căutat pe goole, fără succes însă şi am lăsat-o baltă, mai ales că proiectul era pus pe hold. În ziua de azi însă, proiectul este în floare, se lucrează în draci şi a trebuit să revin asupra problemei. După câteva ore de căutări pe google şi pe o mulţime de liste de discuţii, timp în care îmi pierdeam speranţa că ar putea fi posibil aşa ceva, îmi vine în cap o idee genială: de ce să nu întreb direct la sursă?

Mi-am luat inima în dinţi şi am vorbit cu Eyecon, i-am expus problema şi în mai puţin de cinci minute mi-a dat rezolvarea:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

$('.sort').Sortable({
accept : 'sortItem',
activeclass : 'sortableactive',
	hoverclass : 'sortablehover',
	helperclass : 'sorthelper',
	opacity: 	0.5,
	fit :	false,
	floats:	true,
	onStart: function(){
	console.log($('#big .sortItem').size())
	if ($('#big .sortItem').size() == 3) { //numărul maxim de elemente acceptate
		console.log($('#big').get(0).dropCfg.a)
		$('#big').get(0).dropCfg.a = 'dummyRandom';
	} else {
		$('#big').get(0).dropCfg.a = 'sortItem';
	}
}
});

Şi gata Şi demo aici (click!).

Berea se duce direct la Eyecon

Azi, într-un moment de geniu, am reuşit să adaug o nouă chestie simpatică (sau cel puţin aşa cred eu) pe blog: până acum, când vroiai să citezi ceva, foloseai tag-ul blockquote. Deoarece sunt convins că mulţi vizitatori nu ştiu să folosească tag-uri html, am zis să le sar putin în ajutor. Aşadar, acum totul e mai uşor (parcă ar fi o reclamă): selectezi textul dorit şi apeşi Q (nu contează dacă e majusculă sau minusculă, ci doar să fie DOAR Q apăsat).

Textul selectat este adăugat automat în „căsuţa” corespunzătoare iar tu poţi comenta mai departe Dacă ai blog şi vrei să implementezi la tine, te voi ajuta (în limita timpului meu liber) să beneficiezi de ideile mele geniale

Scriptul este făcut folosind jQuery dar cu puţină bătaie de cap îl pot face şi stand-alone

Enjoy.

Well… se pare ca băieţii de la jQuery nu dorm (sau se mai trezesc din când în când) şi mai lansează câte o versiune de ceva din când în când. De această dată, acest „ceva” s-a nimerit să fie UI, o continuare a Interface (scris de Eyecon). De fapt, dacă îmi aduc aminte bine, UI este un fel de Interface 2.0.

Citind blogul jQuery văd că noua versiune (ce este în continuare beta) repară un sac de bug-uri, aduce un redesign al paginii UI (care între noi fie vorba… arată MULT mai frumos decât precedentul), un downloader pentru un build custom al UI şi câteva demo-uri la efectele din UI/Enchant.

La prima vedere pare OK, DAR ~80k pentru sortable/draggable/droppable mi se par un pic cam multişor…. Da, momentan voi rămâne la Interface (momentan sunt blocat la Interface într-un proiect ce este prea mare şi prea aproape de finalizare pentru a-l modifica) dar la următorul proiect voi folosi fie UI, fie MooTools (de care am auzit numai lucruri bune şi care sper să iasă din beta într-o lună-două)

Ok, ăsta e primul meu plugin scris pentru jQuery (de fapt, dacă stau să mă gândesc, e primul plugin scris vreodată pentru ceva). Ce face? Te ajută să introduci o „chestiuţă” pentru votare oriunde în pagină într-un mod foarte simplu.

Cum face?

<span class="rateThis" title="current=2.5;href=vote.php;id=1"></span>

În atributul title sunt specificaţi parametrii sistemului de notare. În interiorul tagului span va fi inserat dinamic (pentru care nu trebuie să-ţi faci griji) codul ce va realiza votarea propriu-zisă.

Parametrii:

current - reprezintă nota curentă. Se pot pune note de la 0 la 5 cu subdiviziuni.
href - pagina în care se contorizează votul. Aceasta trebuie să returneze noua notă.
id - id-ul elementului pentru vot. Dacă sunt 10 locuri în care poţi să votezi diferite chestii, fiecare are id-ul propriu.

Am ales această metodă deoarece mi s-a părut a fi cea mai la îndemână.

Cum orice script iese mai bun dacă îl faci atunci când ai nevoie de el (şi nu la comandă), acest plugin a fost făcut acum aproximativ o lună pentru un site (al cărui link îl voi da când va fi lansat) şi se pare că funcţionează foarte bine . Plugin-ul este gratuit, poţi să-l modifici după bunul plac, fără nicio restricţie. Backlinks nu sunt obligatorii (dar nici deranjante ). Partea de CSS/HTML este „împrumutată”. Din păcate nu mai ştiu de unde deoarece la momentul respectiv nu plănuiam să dezvolt un plug-in şi am căutat şi încercat o mulţime de sisteme de votare, fără să găsesc vreunul care să mă satisfacă. Prin urmare, a ieşit ce a ieşit

Demo aici (click). Nu rămâne selectată steluţa pe care se face click deoarece am presupus că scriptul PHP trimite o medie între notele date până în acel moment. Scriptul MEU php trimite un număr întreg random între 0 şi 5.

Download aici (click).

Idei, sugestii, păreri sunt toate binevenite.

Aici (click).

Am vrut să imit un pic din funcţionalitatea breadcrumb-ului din Vista care mi se pare foarte bun. Am reuşit ?