ImageSelectBox
Doplněk umožňuje vytváření rozbalovacích polí s položkami doplněnými o obrázky. Není-li ve webovém prohlížeči zapnutý JavaScript, komponenta se vykreslí jako klasický HTML element <select>.
| Verze | 1.1.0 |
| Download | ImageSelectBox.zip (189 kB) |
| GitHub | https://github.com/radekdostal/Nette-ImageSelectBox/ |
| Autor | Radek Dostál |
| Licence | GNU Lesser General Public License |
| PHP | 5.3 |
| jQuery | 1.6.2 |
Ukázka použití
Příklad použití
Přidání extension method do třídy Nette\Forms\Form:
function Form_addImageSelectBox(Forms\Form $_this, $name, $label = NULL, array $items = NULL, $size = NULL)
{
return $_this[$name] = new Extras\ImageSelectBox($label, $items, $size);
}
Forms\Form::extensionMethod('addImageSelectBox', 'Form_addImageSelectBox');Použití ve formuláři:
$items = array(
'calendar' => array('Calendar', 'icons/icon_calendar.gif'),
'shopping_cart' => array('Shopping Cart', 'icons/icon_cart.gif'),
'cd' => array('CD', 'icons/icon_cd.gif'),
'email' => array('E-mail', 'icons/icon_email.gif'),
'faq' => array('FAQ', 'icons/icon_faq.gif'),
'games' => array('Games', 'icons/icon_games.gif'),
'music' => array('Music', 'icons/icon_music.gif'),
'phone' => array('Phone', 'icons/icon_phone.gif'),
'graph' => array('Graph', 'icons/icon_sales.gif'),
'secured' => array('Secured', 'icons/icon_secure.gif'),
'video' => array('Video', 'icons/icon_video.gif'),
);
$form->addImageSelectBox('item', 'Item:', $items)
->setPrompt('— select any item —')
->addRule($form::FILLED, 'Select any item.');
joe | 24. 2. 2011, 2:22 | question
Nahrazovat select box za HTML elementy je dobrý nápad, ale chtělo by to doladit. Na některých stránkách už jsem to dělal, ale přijde mi zbytečný do toho tahat jQuery, když taková věc jde vyřešit pomocí CSS (transitions, i když ne všechny prohlížeče to ještě podporují).
Co mi ale vadí je to, že když vyberu položku, která není vidět, zavřu a znovu otevřu, musím si ji najít…