// start config
$_CONFIG = array();

// database
$_CONFIG['db_host'] = 'localhost';
$_CONFIG['db_name'] = 'project';
$_CONFIG['db_user'] = 'root';
$_CONFIG['db_pass'] = 'password';

// languages
$_CONFIG['default_language'] = 'bg';
$_CONFIG['laguages'] = array('bg' => 1, 'en' => 2, /* ... */);

// session
$_CONFIG['session_salt'] = 'SD23aeda';
$_CONFIG['session_expire'] = 4*60*60;
// ... и така много много реда код

После тази глобална променлива( $_CONFIG) когато ми трябва се вика със global и се ползва. Обаче от една страна че не е много красиво така написано, но от друга и това с global просто прави кода малко разхвърлян(на английски имат страхотна дума за това - messy) .

Това което ми трябваше основно е може да имам няколко enviroment конфигурационни файла подобно на Rails. Другото важно нещо беше да се побира в един екран, така че да не се налага да скролирам и да мога с един поглед да виждам всичко което ми трябва. И естествено да не е много сложно и да работи достатъчно бързо.

Първо погледнах Zend_Config, защо все пак са component-based-framework и може директно да видя как работи конфигурационната им система. И общо взето това което видях не ми хареса въобще. Много ми напомня на LEGOs, Play-Doh, and Programming от Jamis Buck, за която бях писал преди време(даже има я качена на видео в confreaks заедно с цялото rubyconf 2008).
От една страна колко пъти ще искам да ползвам XML и INI за конфигурация?! От една страна php си има array(), с която идеално може да се запишат всички неща който ни трябват и да са достатъчно четими. От друга самото четене на огромен xml/ini/yml/… файл отнема време и ресурси и са доста по-бавни от прост php код.

Добре че поне тук от Zend са сложили подразбиране да се ползва само php масив. Но от тук дойде 2рото ми учудване. Това а именно самата работа на имплементация на Zend_Config. Идеята е доста проста подава се масив, който се обгръща(wrap) от Zend_Config обект и след това се работи само със Zend_Config обект. Пример:

// Create the object-oriented wrapper upon the configuration data
$config = new Zend_Config(array(
    'webhost'  => 'www.example.com',
    'database' => array(
        'adapter'   => 'pdo_mysql',
        'params'    => array(
            'host'      => 'db.example.com',
            'username'  => 'dbuser',
            'password'  => 'secret',
            'dbname'    => 'mydatabase'
        )
    )
));

// Print a configuration datum (results in 'www.example.com')
echo $config->webhost;

// Use the configuration data to connect to the database
$db = Zend_Db::factory($config->database->adapter,
$config->database->params->toArray());

// Alternative usage: simply pass the Zend_Config object.
// The Zend_Db factory knows how to interpret it.
$db = Zend_Db::factory($config->database);

Идеята като цяло е много хубава, и при добро желание може човек да си направи основната част класовете му приемат Zend_Config обекти. Но има едно НО и то доста голямо. Защо ние е това? Единствения плюс който се сетих е че може да се направи immutable config обект. Но за сметка на това ще има доста излишен код и много памет за съхраниението на Zend_Config обекти и техните атрибути. А и колкото и да обичам __set/__get магиите тук ми се виждат напълно излишни защото както в примера:

$config->database->params->toArray()
// Това би представлявало нещо такова като backtrace
$config->__get('database')   // магически се търси атрибута 'database'
$config->_data['database']   // това което се връща тук пак е Zend_Config обект, който ще го нарека $object
$object->__get('params')     // пак същото за
$object->_data['params']     // друг $object
$object->toArray();          // автоматично всеки Zend_Config обект, който се стрещне му се вика Zend_Config::toArray()
$object->_data               // това за което ни трябва

Zend_Config си има и своите плюсове(immutable, секции, default стойности) и може за някое наистина “enterprise” приложение с много разчленена конфигурация (и много стабилен и мощен сървър ) да върши работа. Но не е за мен и аз си предпочитам “голите” array(). Все пак

No code is faster than no code

- някъде го чух това.

Така че какво реших ? Ами в предишния ми пост - PHP tips - include и return, описах метода за връщане на стойности от php файл и реших него да ползвам плюс малко правила и подрежанки. Сега имам следните файлове:

• /config/config.php - тук ще е основната конфигурация
• /config/enviroment/ - в тази папка ще се съдържат конфигурационните файлове за различните среди за работа, като стандартно имам 3 вида среди
• /config/enviroment/development.php
• /config/enviroment/test.php
• /config/enviroment/production.php
• /config/mailer.php - тук ще има конфигурация за mail системата, тя е изнесена в отделен файл, защото тук няма само да се връщат config данни, а и ще се вързва към smtp сървър (ако трябва), ще се настройват достъпи и други подобни неща. За разлика от другите конфигурационни файлове mailer.php се вика само когато се налага да се изпращат писма не по-рано.
• /config/routes.php - това са настройките ми за различните пътища, подобно на Rails (пак)

Това са различните конфигурационни файлове (поне за сега).

return array(
    'database'  => array(
        'engine'    => 'mysql',
        'host'      => 'localhost',
        'name'      => 'project',
        'user'      => 'root',
        'pass'      => 'password'
    ),
    'i18n'      => array(
        'default'   => 'bg',
        'languages' => array('bg' => 1, 'en' => 2, /* ... */)
    ),
    'session'   => array(
        'engine'    => 'cookie',
        'salt'      => 'vW34Aaasa',
        'expire'    => 4*60*60
    ), // на последния ред имам , защото при добавяне на нов ред да не ми се налага да я слагам
    // а и SVN/Git ще го сметне като изтрит ред и после добавен ред
    // ... още конфигурация ...
);
// /config/enviroment/development.php - примерно
return array(
    'database'  => array(
        'engine'    => 'mysql',
        'host'      => 'localhost',
        'user'      => 'root',
        'pass'      => '',
        'name'      => 'project_dev'
    ),
    'smarty'    => array(
        'compile_check'     => true,
        'force_compile'     => false,
        'debugging'         => false,
        'caching'           => false,
        'cache_lifetime'    => 0
    ),
    'logging'           => true,
    'display_errors'    => 1,
);

А в bootstrap-а имам просто това

// ENVIROMENT е просто константа в която казва в кой режим на работа е приложението
$_CONFIG = array_merge_recursive(include($_CFGDIR . '/config.php'), include($_CFGDIR . '/enviroments/' . ENVIROMENT . '.php'));

// ... код ...
// общо взето извличам всичко което ми трябва от $_CONFIG и го разпределям по обекти
// така че да не ми трябва повече $_CONFIG
// ... код ...

unset($_CONFIG /* заедно с още няколко вече не потребни ми променливи */);

Това решение ми се вижда най-елегантно, в моя случай. Може и да не може да се нарече “система” но е достатъчно надежно и ефективно да ми свърши работа. Все пак съм фен на Convention over configuration И ако ми се наложи да имам подобен на Zend_Config обект, с които да работя мисля да не променям основните неща, а просто този обект да използва ArrayAccess, но за това друг път, че сега май малко по-дълго стана от плануваното.

Надявам се някой да намери този пост полезен и ако съвети и идеи ще се радвам да ги чуя .

// file1.php
return array('key' => 'value');

// file2.php
$arr = include 'file1.php';

echo $arr['key'];

// резултат: value

Като тук вместо include, може да се използва require (единствената разлика между двете е грешката, която възниква при проблем с отварянето на файла). Но аз лично предпочитам да използва include само когато php скрипта връща резултат, a require когато добавям нещо.

Тук трябва да се обърне внимание на 2 неща:

1. require_once / include_once ако има return връщат стойност само първия път в който са извикани, а после нищо не връщат. Но те по принцип е добре да се избягват, особено ако се връща резултат
2. всяка променлива / функция / клас / … която е била декларирана във include файла (file1.php в примера) си остава записана и достъпна. Така че ако в file1 се декларира $name = ‘Radoslav’; например във file2.php, $name ще е пак ‘Radoslav’. Затова е добре да се unset -ват всички ненужни глобални променливи, които не са нужни

Преди време ми се наложи да “освежавам” един стар проект използващ една от първите версии на CD3.Behaviors. Тази стара версия имаше само нормален селектор | event-селектори. Там забелязах че много често ползвам pattern (това ако някой на български ми го каже как е, ще съм много благодарен) а именно:

CD3.Behavoirs({
	'#container': function(contaner){
		contener.select('a').invoke('click', doSomeAction);
		contaner.select('a').invoke('mouseover', doSomeOtherAction);
		// .. и така си избирам всичките под елементи на #container и да им добавям event handler
	}
});

Това е примерен код за простичка javascript галерия, която има два бутона предишна / следваща картинка както и списък с thumbnail-и от който пак може да се покаже голямата снимка.  selectImage просто от a таг взема href атрибута и го показва като снимка с ефект и т.н, но то не е важното в случая.

CD3.Behaviors({
	// code
	'#gallery': function(){
		// при натискане на стрелката за предишна снимка да ...
		this.down('a.prev').observe('click', function(){
			var thumbs	 = $('thumbs'),
				selected = thumbs.down('a.selected');

			// покажи или предишнина или послената снимка
			selectImage(((selected && selected.up('li').previous('li')) || thumbs.select('li').last()).down('a'));
		});

		// при натискане на стрелката за следваща снимка да ...
		this.down('a.next').observe('click', function(){
			var thumbs	 = $('thumbs'),
				selected = thumbs.down('a.selected');

			// покажи следващата или първата снимка
			selectImage(((selected && selected.up('li').next('li')) || thumbs.select('li').first()).down('a'));
		});

		// тук правя много прост event delegation
		// избирам натиснатия a таг и викам selectImage с него
		$('thumbs').observe('click', function(e){
			e.stop();
			var a = e.findElement('a');
			if (a) selectImage(a);
		});
	}
	// code
});

Естествено някой от случаите могат да бъдат избегнати с event-delegation | инстанциране на класове, но  ми дойде друга, по-добра (според мен) идея. Добавих нов метод към CD3.Behavoirs - when. CD3.Behavios.when приема 2 параметъра 1вия е selector, а другия е hash object с behavoirs. Идеята се намерят елементи отговарящи на подадения селектор, се добавят и съответните behavoirs. Единственото по особеност тук е че selector-ите на behavoir-ите не се търсят в контекста на document а в контекста на елемента на който отговаря selectora подаден като първи аргумент.

И така със CD3.Behavios.when примера със новинарската джаджа изглежда така:

// ако съществува елементи #galley
// добави слените behaviors от контекста на #gallery
CD3.Behaviors.when('#gallery', {
	// при натискане на стрелката за предишна снимка да ...
	'a.prev:click': function(){
		var thumbs	 = $('thumbs'),
			selected = thumbs.down('a.selected');

		// покажи или предишнина или послената снимка
		selectImage(((selected && selected.up('li').previous('li')) || thumbs.select('li').last()).down('a'));
	},
	// при натискане на стрелката за следваща снимка да ...
	'a.next:click': function(){
		var thumbs	 = $('thumbs'),
			selected = thumbs.down('a.selected');

		// покажи следващата или първата снимка
		selectImage(((selected && selected.up('li').next('li')) || thumbs.select('li').first()).down('a'));
	},
	// избирам натиснатия a таг и викам selectImage с него
	'thumbs:click': {
		a: function(е){
			е.stop();
			selectImage(this);
		}
	}
});

Както се вижда кода е почти същия но сега изглежда доста по-добре и по-четим. В последните ми няколко по-натоварени с javascript проекти си структурирам джаджите в отделни извиквания на when и нещата изглеждат доста добре.

Петък, 7ми Ноември 2008: ZDNet: Worst. Bug. Ever.

Save anything you’re working on (this will reboot your phone!), open the keyboard tray on your G1, ignore anything you see on the screen, and type these 8 keystrokes: <return>-r-e-b-o-o-t-<return>. Poof, your phone will reboot.

Доста страшно, нали?! Въпреки, че след една презентация на Black Hat 2008, която слушах през GNUCITIZEN, вече очаквам всичко.

Неделя, 9ти Ноември 2008: LEGOs, Play-Doh, and Programming

Чакайки да качат някъде видео от RubyConf 2008 с удоволствие прочетох поста на Jamis Buck, в който той по много интересен начин оплита Lego (едни от любимите ми играчки когато бях малък), Play-Doh (никаква идея си нямах какво е), JAVA, Ruby (една от любимите ми играчки сега ), Dependency Injection и други. Наистина страхотен пост, няма търпение да го гледам като качат RubyConf 2008.
поне за сега може да се види само Rubyconf 2008 in 90 Seconds

Вторник, 11ти Ноември 2008

The New Yahoo! Front Page and YUI 3.0

Изглежда доста по-добре от сегашната версия и дано скоро да го пуснат в употреба. Много е добре че компания като Yahoo решава тотално да сменя дизайна си. Въпреки че и Yahoo явно са на такава вълна като се има предвид промяната на Del.icio.us, който сега изглежда по-добре от всякога.
В самия пост има още информация относно промяната.

Say hello to Gmail voice and video chat

Google не изостанаха от Yahoo и още същия ден публикуваха, че вече Gmail има и видео чат. Което е наистина страхотно, най-сетне ще може тотално да занемаря skype.
Напоследък се забелязват доста ново въведения в Gmail, та нали все още е в Beta . Това което е интересното в случая е че по-голямата част от новостите са под формите на plugin-и, като това ми напомня малко нa FaceBook -а платформата. Въпреки че все още не може ( до колкото знам ) хора извън google да пишат добавки за него, освен през Greasemonkey, но и това ще стане сигурно.

Сряда, 12ти Ноември 2008

Why did Microsoft wait 7 years to fix SMBRelay attack flaw?

Защо ли са чакали толкова ? Незнам. Просто това ми припомни че в университета имаше преди 1-2 седмици имаше презентация на Microsoft, на която не можах да присъствам. Най-интересното нещо, от нея обаче било че всеки присъствал получавал Stress ball, като подарък. И после ми казват че Microsoft не се грижат за своите клиенти .
тези Stress ball-и се оказали доста нежни, един познат .NET програмист вече тотално е унищожил своята

Slashdot: Lego Loses Its Unique Right To Make Lego Blocks
Това е просто възмутително, все едно да може друга фирма освен Apple да прави iPhone-и ?! На къде отива света :(  Е може и да има положителни неща, от това но някак си няма да е същото, не че съм си играл с Lego в поселените 7-8 години, но…

Signal vs Noise: My talk at the Business Innovation Factory 4 Conference

Видео от лекцията на Jason Fried в Business Innovation Factory, общо взето нищо ново не казва, ако сте гледали 2-3 предишни негови появи, няма да ви изненада много. Това което е по-интересно в случая са другите лекции от Business Innovation Factory.
Направи ми и впечатления част от коментарите, относно Jason Fried и начина му на изразяване, особено частта със “лошите” думи, както ги наричат.

The whole “language for emphasis” things is dead. Now it just reeks of arrogance. “I’m so important, I don’t care who I offend. If you don’t like it, go away, I don’t need you.”

Доста забавни коментари имаше. Въпреки, че според мен малко преувеличават и май някои хора си търсят само с какво да се заядат.

Paulo Coelho on Plurk!

Колко е хубаво да видиш, че все повече хора са в социалните мрежи, и че можеш само с едно натискане да ги сложиш като приятели А и една такава известна личност доста ще помогне на Plurk, да се бори успешно с Twitter само едно добро публично api и трябва.

Няма такъв финт Но за мен номер едно изпълнение на Бербатов, все още си е този гол срещу Рома в Шампионската лига:

„ЯСТРЕБОВО ОКО“ И ВИДЕО ЗА ФУТБОЛНИТЕ СЪДИИ

Аз винаги съм имал малко по-особеност мнение по този въпрос. Общо взето всичко което съм чувал и чел като предложения за въвеждането на повторенията при спорни ситуации е следното: Да може капитана ( или треньора) на даден отбор да изисква до 3 повторения в мач, за да не се накъсва играта.

Моята идея е много по-проста - освен 3мата полеви съдии (главния и двамата странични), да има още двама съдии, които да седят при пултовете и да следят  целия мач и да си гледат повторения и други. Тези двама съдии да имат телеком връзка с главния и той да може да се съветва със тях. Тогава няма да се налага да има дълги паузи докато се гледа ситуацията и ще ограничи грешките до минимум. Гледането на повторения ще остане в “сянка” и няма да се натрапва в играта.

Това е моята идея, тя може да се по оформи още малко, да се изястнят 1-2-3 подробности. Но като цяло ми се вижда достатъчно разумна и същевременно лесна за прилагане идея. Но … този пост ще остане глас в пустиня.

Favorite Programming Quotes 2008

И се сетих, че и аз имам едно файлче “qoutes.txt” в което събирам интересни цитати и други подобни, ето и някои от тях ( тези, които са на Английски не съм ги превеждал, зада не се загуби смисъла им):

I didn’t fail ten thousand times. I successfully eliminated, ten thousand times, materials and combinations which wouldn’t work.

I never perfected an invention that I did not think about in terms of the service it might give others.

I am more of a sponge than an inventor. I absorb ideas from every source. My principal business is giving commercial value to the brilliant but misdirected ideas of others

Time is really the only capital that any human being has, and the one thing that he can’t afford to lose.

I find out what the world needs. Then I go ahead and try to invent it.

I have more respect for the fellow with a single idea who gets there than for the fellow with a thousand ideas who does nothing.

Many of life’s failures are people who did not realize how close they were to success when they gave up.

- Thomas Edison

Единственото ново на света е историята, която не знаеш

- Хари Труман

In my experience, one of the most significant problems in software development is assuming. If you assume a method will passed the right parameter value, the method will fail.

– Paul M. Duvall, Continuous Integration

Programming languages are like girlfriends: The new one is better because *you* are better.

– Derek Sivers, 7 reasons I switched back to PHP after 2 years on Rails

The sooner we start coding fewer frameworks and more programs the sooner we’ll become better programmers.

– Warped Java Guy, Elementary Java Solutions

Starting a startup is hard, but having a 9 to 5 job is hard too, and in some ways a worse kind of hard.

In essence, let the market design the product.

A startup now can be just a pair of 22 year old guys. A company like that can move much more easily than one with 10 people, half of whom have kids.

Startups almost never get it right the first time. Much more commonly you launch something, and no one cares. Don’t assume when this happens that you’ve failed. That’s normal for
startups. But don’t sit around doing nothing. Iterate.

– Paul Graham, How Not to Die

The key to performance is elegance, not battalions of special cases.

– Jon Bentley and Doug McIlroy

You’ll spend far more time babysitting old technologies than implementing new ones.

– Jason Hiner, IT Dirty Secrets

To Iterate is Human, to Recurse, Divine.

– James O. Coplien

No one hates software more than software developers.

– Jeff Atwood, Hanselminutes Podcast 74

I was a C++ programmer before I started designing Ruby. I programmed in C++ exclusively for two or three years. And after two years of C++ programming, it still surprised me.

– Matz, The Philosophy of Ruby

Good architecture is necessary to give programs enough structure to be able to grow large without collapsing into a puddle of confusion.

Programming is difficult. At its core, it is about managing complexity. Computer programs are the most complex things that humans make. Quality is illusive and elusive.

Code reuse is the Holy Grail of Software Engineering.

Most programming languages contain good parts and bad parts. I discovered that I could be better programmer by using only the good parts and avoiding the bad parts.

It turns out that strong typing does not eliminate the need for careful testing. And I have found in my work that the sorts of errors that strong type checking finds are no the errors I
worry about.

Obsolete comments are worse than no comments.

Software is usually expected to be modified over the course of its productive life. The process of converting one correct program into a different correct program is extremely challenging.

Features have a specification cost, a design cost, and a development cost. There is a testing cost and a reliability cost. … Features have a documentation cost. Every feature adds pages to the manual increasing training costs.

Surprisingly, facts have very little to do with web development.

The structure of software systems tend to reflect the structure of the organization that produce them.

– Douglas Crockford, The Elements of JavaScript Style

The definition of Hell is working with dates in Java, JDBC, and Oracle. Every single one of them screw it up.

– Dick Wall, ommunityOne 2007: Lunch with the Java Posse

Suppose you went back to Ada Lovelace and asked her the difference between a script and a program. She’d probably look at you funny, then say something like: Well, a script is what you give the actors, but a program is what you give the audience.

– Larry Wall, Programming is Hard, Let’s Go Scripting…

I went to school to learn how to program software applications, which inevitably have bug defects. There was no course at my university on testing, debugging, profiling, or optimization. These things you have to learn on your own, usually in a tight deadline.

To most Java developers, Ruby/Rails is like a mistress. Ruby/Rails is young, new, and exciting; but eventually we go back to old faithful, dependable, and employable Java with some new tricks and idioms and we are the better programmer for it.

You might as well pay your customers 50K because they are just your QA.

– Juixe TechKnow

For a sucessful technology, honesty must take precedence over public relations for nature cannot be fooled.

- Richard Feynman

Before software can be reusable it first has to be usable.

- Ralph Johnson

Computers are good at following instructions, but not at reading your mind.

-Donald Knuth

If debugging is the process of removing bugs, then programming must be the process of putting them in.

- Edsger W. Dijkstra

Measuring programming progress by lines of code is like measuring aircraft building progress by weight.

- Bill Gates

And the users exclaimed with a laugh and a taunt: “It’s just what we asked for but not what we want.”

There are 10 kinds of people in this world….Those who understand binary and those who don’t.

Software and cathedrals are much the same - first we build them, then we pray.

Real Programmers don’t need comments—the code is obvious.

- [Неизвестен автор]

Днес малко се по освободих, предадох проектите, преборих се, до колкото мога с нашата образователна система. Но за малко да пропусна 3 важни събития: Adobe Flash Player 10, Новата серия MacBook-ци на Apple и Silverlight 2 (то 1 имаше ли ?!, шегувам се). То може и още важни неща да има (в Google Readera ми в момента има точно 290 не прочетени неща, като преди това поне 100-200 ги зачекнах направо). Но тези 3те доста ме впечатлиха.

От доста време чакам Flash 10. Вече има native 3D, което значи че доста по-лесно от преди може да се преминава от 2D в 3D обект. И тъй като Adobe работиха и със доста от създателите на Flash 3D фраймуроци, резултатите са ясни - по-бързо и ефективни 3D-та. Друго ново е възможността да се записват файлове през флаша, което очаквам да стане източник на поне 3-4 security holes. Също има вече нов Text rendering engine. Много се надявам че flash player 10 до Коледа ще е покрил 85-90-95% flash потребителите, зада можем да се възползваме от цялата нова функционалност на flash 10. Adobe AIR още при следващият update ще мине на flash 10. Пълния списък с промените, добавките и bug fix-овете може да се види тук. Има го и на китайски, но на мен за сега ми стига само краткото review от SitePoint.

Там имаше много интересен коментар от Lee, който ме накара да се посмея малко . Но и да погледна малко към Silverlight 2, единствения уж конкурент на Flash ( JavaFx не го смятам още за нещо сериозен конкурент). Не че някои ден смятам да правя нещо на SilveLight, но знае ли човек. А там имаме:

• Text rendering engine
• Control Pack - нови компоненти TextBox, ComboBox, StackPanel, Grid, Panel, ScrollViewer, Calendar, DatePicker … всичко стандартно
• .NET Framework - още повече интеграция с .NET
• Deep Zoom

… и други, не ги намерих търсих в списък.

Вчера освен RIA технологиите, Apple също показаха че не спят и че ще имаме стабилни машини на които да подкарваме Flash приложенията ( Silverlight го нямам даже инсталиран ), а именно новия MacBookPro:

Тъкмо си мислех, че Apple няма как да го направят още по красив Въпреки че като го гледам няма как да не се сетя за тази статия в Signal vs Noise:

How Apple’s small things influence their big things - (37signals)

На официялния сайт на Apple може да видите видео от представянето и малко клипче за това как се произвеждат MacBook-сите.

п.п. Не си бях и поглеждал пощата от 4-5 дни и сега видях 2 писма дошли едно след друго:

кои да избера ?! …. то е ясно.

<div class="tab-panel">
	<ul class="tab-header">
		<li class="selected">tab 1</li>
		<li>tab 2</li>
		<li>tab 3</li>
	</ul>
	<div class="tab-content">tab 1 content</div>
	<div class="tab-content" style="display: none;">tab 2 content</div>
	<div class="tab-content" style="display: none;">tab 3 content</div>
</div>

За да направя това таб панел използвах просто тази функция:

function tabulize(panel){
	// слагам div.tab-content вместо .tab-content,
	// защото когато селектора има само клас селектира всички елементи и ги проверява,
	// а ако се сложи div.tab-content се селектират се всички div-ове и те се проверяват,
	// което е по-бързо
	var elements	= panel.select('div.tab-content'),
		buttons		= panel.down('ul').select('li');

	// дефинирам тази функция тук,
	// защото искам да имам достъп до elements, buttons
	function activate(item, key){
		// тук 1во се маха клас selected от всички бутони,
		// и се скриват всичките div.tab-content
		buttons.invoke('removeClassName', 'selected');
		elements.invoke('hide');

		// после се показва избрания елемент и се слага клас selected на избрания бутон
		elements[key].show();
		item.addClassName('selected');
	}

	// на всеки бутон се добавя eventhandler за click,
	// който ще подава на activate избрания елемент и неговия номер във buttons масива
	buttons.each(function(item, key){
		item.observe('click', activate.curry(item, key));
	});
}

Това е доста простичко, но и трудно за промени като динамично добавяне на съдържание, ефекти и други. Затова реших да го направя малко по-OOП, като запазя основните идеи:

var TabPanel = Class.create({
	// това е конструктора
	initialize: function(panel){
		panel = $(panel);
		// избираме отново elements и buttons, но ги записваме като инстанс променливи
		this.elements = panel.select('div.tab-content');
		this.buttons = panel.down('ul').select('li').each(function(){
			// единствената разлика е че active не е private функция и инстанс метод
			// и за това тук ползваме bind, а не curry
			item.observe('click', this.activate.bind(this, item, key);
		}.bind(this));
	},
	// active, вече е метод и само "this." e разликата
	activate: function(item, key){
		this.buttons.invoke('removeClassName', 'selected');
		this.elements.invoke('hide');
		this.elements[key].show();
		item.addClassName('selected');
	}
});

Сега става малко по-тежко, но и доста по-extendable и податливо на бъдещи промени. Но тук видях нещо, което пак не ми се хареса е че колкото таб бутони имам толкова пъти и в двете версии викам observe и реших да видя как ще изглежда това, като добавим малко event-delegation, за което трябваха само две промени:

var TabPanel = Class.create({
	initialize: function(panel){
		panel			= $(panel);
		this.elements	= panel.select('div.tab-content');
		this.buttons	= panel.down('ul').select('li');
		// първо променяме тук
		// слагаме click eventhandler на ul (списъка с бутоните)
		// вътре проверяваме дали li елемента, който сме натиснали (ако има такъв)
		// е във масива с бутоните, ако е така активираме табулацията с този номер
		panel.down('ul').observe('click', function(e){
			var key = this.buttons.indexOf(e.findElement('li'));
			if (key != -1) this.activate(key);
		}.bind(this));
	},
	// второто нещо което променяме е тук
	// махаме item параметъра, и на го заменяме с this.buttons[key]
	activate: function(key){
		this.buttons.invoke('removeClassName', 'selected');
		this.buttons[key].addClassName('selected');
		this.elements.invoke('hide');
		this.elements[key].show();
	}
});

И поне на този етап съм доволен, при нужда мога да добавя destroy, addTab и други неща А как инстансирам TabPanel-а ? Ами със CD3.Behaviors:

CD3.Behaviors({
	'div.tab-panel': TabPanel
});

50 significant moments from internet history

Ако на някой се интересува от тази тема бих препоръчал и тази поредица: Download: The True Story of the Internet.