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

Întrucât bookmarklet-ul anterior a avut un oarecare succes, iar Quote-ul automat ce l-am făcut de dimineaţă merge frumos şi mi-ar place să-l văd pe alte bloguri, m-am gândit să îl fac accesibil oricum (desigur, nu chiar aşa de frumos ca la mine pe blog ).

Acesta este la fel de simplu de folosit ca şi bookmarklet-ul anterior, poate chiar mai simplu de „instalat”: pur şi simplu tragi următorul link în bara de bookmarks.

Drag this

Din păcate (da, sigur!) nu merge în Internet Explorer (în alte browsere nu am testat, dar ar trebui să meargă). Altfel spus: fă-ţi bă update!

Ok, dar ce face? Păi… Dacă eşti blogger profesionist (sau îţi place să comentezi mult pe alte bloguri) şi obişnuieşti să-i citezi pe alţii, nimic mai simplu: selectezi textul pe marginea căruia vrei să comentezi şi apeşi pe bookmarklet. Textul selectat va fi inserat în formularul de comment, în interiorul tagului <blockquote>, ţie rămânându-ţi doar să îi răspunzi celuilalt utilizator. Cât de (in)util este şi acest bookmarklet, te las pe tine să-mi spui.

Momentan este în stadiu beta iar dacă observi vreo funcţionare dubioasă, te rog să-mi laşi un comment aici

Deoarece am plecat de la premisa că un blog are maxim un textarea, este posibil ca în cazuri extreme să funcţioneze aiurea (să insereze selecţia în primul textarea). Se poate modifica să funcţioneze şi pentru forumuri (cu un alt bookmarklet), înlocuindu-se <blockquote> </blockquote> cu [quote] [/quote].

Enjoy!

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ă)

În IE6, dacă se folosesc imagini la background-ul unui link, acestea „flicker-e” (care ar fi traducerea?) în cazul unui event mouse-over. Asta deoarece se pare că IE nu prea ştie să facă un cache la respectivele imagini. Sau dacă îl face, îl face foarte prost (cam ca orice altceva face IE6 )

Din fericire, pentru asta există un fix javascript foarte simplu:

1
2
3

try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}

Din păcate merge doar pe IE6 SP1. Din fericire, majoritatea îl au

Via.