Minikit

Published

2006-10-31 21:08:00 +0100

Comment by Dethe Elza

2006-11-01 00:12:54 +0100

I saw your announcement on the MochiKit mailing list. Very nice. They mostly work in Safari, but I don't see the rounded corners in the Nifty demo.
Good work, glad to see it.

Comment by unix nerd

2006-11-01 05:52:58 +0100

Your Permissions chooser has a typo -- the 'x' stands for "executable" not "extended." FYI.

Comment by Bastos

2006-11-01 14:54:43 +0100

Nice :D!

Comment by Rob

2006-11-01 18:27:46 +0100

I'm confused as to what this offers me over moo.fx and some of the other ajax framworks. Why a repackaging of other frameworks? - Rob Cluett

Comment by charliez

2006-11-01 18:59:19 +0100

nice stuff! keep up the good work!

Comment by Greg

2006-11-01 19:00:04 +0100

Many thanks.
Now I can creating admin interfaces very easy

Comment by Dzeims

2006-11-01 19:04:41 +0100

Nice! I like the scrollTable, but have found a bug:
The scrollTable widget doesn't match the widths of the original table and the second (created) table.
Resizing the browser window in the example moves the column headers (in the original table) but not the data in the second data table.

Maybe instead of:

container.style.width = tablewidth + "px";

It could be:

container.style.width = table2.style.width = table.style.width;

Any thoughts?

Fixed typo in permissions widget. Added resize hook to scrollTable

2006-11-01 19:17:00 +0100

Comment by troelskn

2006-11-01 20:24:09 +0100

@unix nerd
Thanks - That was a leftover from the application where I used the widget. I have fixed it now.

@Dzeims
You're right. I have changed the code to recalculate the dimensions if it has been resized.

@Rob Cluett
Minikit isn't a framework - it's a collection of widgets (minikit.widgets) + a port of moo.fx (minikit.fx). The only difference between minikit.fx and moo.fx is that minikit.fx runs against the mochikit framework, where the original moo.fx runs against the prototype framework. What this offers is simply an option to use moo.fx with mochikit, rather than prototype.

Comment by kenman

2006-11-02 05:56:56 +0100

Nice script, but at least some of it doesn't work properly in IE; not that I use IE, but it's imperative to support. The fx.combo and fx.height appear to work at first, but upon completion the element quickly expands to its original state (although opacity will still be applied). Toggling again produces exactly the same effect (except removing the opacity effect if on odd applications).

Comment by jagdish

2006-11-02 07:35:17 +0100

Thank you. It helped me a lot in programming dashboard front end.

Comment by Mike

2006-11-02 10:11:17 +0100

Excellent! thanks!

Comment by Matt

2006-11-02 20:47:36 +0100

I can't get the combox box working inside a table cell (td/td), anyone else tried this?

Comment by Matt

2006-11-02 20:54:39 +0100

Edit on the above -- the problem exists in IE only, but I'd still like to solve it.

Comment by troelskn

2006-11-02 23:08:54 +0100

@Matt
I have no trouble using the combobox inside a table cell. However, some widgets (including the combobox) can give some troubles in IE if they are called before the page has loaded. The problem arises if the widget is attatched to an element, which isn't accessible with getElementById. You can solve the problem by applying the delay parameter to the constructor:

comboBox("mycombo", ["foo","bar","farfar"], {delay: true});

If this doesn't solve the issue, maybe you can link to a testcase, showing the problem?

Comment by Rene Visco

2006-11-04 00:25:07 +0100

When I styled the "accordian" html/css, I discovered if you put a href links in the div, it threw the accordian off track. If I put a link in the second DIV layer, then it will open 4th layer, not the third layer. Strange behavior.

Comment by attila szabo

2006-11-04 12:33:48 +0100

This is leaking !

Comment by troelskn

2006-11-04 16:30:00 +0100

@Rene Visco
Yes, the example combines <a> tags with <div> tags. You can use a className property to distinguish the accordion tags from anchors in the text. I have updated the samples to show this.

Updated accordion example

2006-11-04 15:31:00 +0100

Comment by Greg

2006-11-04 20:55:24 +0100

Can datepicker have time in 12 hours system or only 24?

Comment by Eoghan

2006-11-07 12:49:33 +0100

Great work! Have you contacted the moo.fx creators to suggest that they offer your MochiKit version of their library as an alternative to 'get moo.fx for prototype' ?

Comment by Nice Paul

2006-12-19 21:10:19 +0100

Great stuff. How can I start the combo box in its 'off' state, then onclick toggle first to 'on'? Thanks!

Comment by Nice Paul

2006-12-20 18:01:56 +0100

Sorry, I meant the box marked 'Combo' on your Moo.fx example page rather than the combo box form. I need the Moo.fx 'combo' effect to start in it's closed state. Thanks again.

Minor update to fx

2006-12-23 22:18:00 +0100

Comment by troelskn

2006-12-23 23:20:32 +0100

Just a quick update before I'm off for holiday.

@kenman
It appears that the problem is that the paragraphs, which the buttons are in, have a margin. When the element is completely hidden, IE doesn't render the margin, but as soon as it begins to appear, the margins are applied. The only fix I can think of, is to avoid margins in elements in proximity to the effect. I have removed the margins from the demo now, so they'll look like they're supposed to.

@Greg
No, and it's limited to display the date in european format. It shouldn't be too hard to change it, so I'll put it on the todo-list, for when I have some spare time (Like that'll ever happen).

@attila szabo
You're right. If you want to protect against that, I suggest that you use minikit together with MochiKit, since it will then use MochiKit's event handlers, that prevent leaking in IE. I don't consider it a big problem for small tricks and gadgets, and if you're building a full-blown AJAX-application, you'll need MochiKit anyway.

@Eoghan
No, but considering where Moo is going with mootools, I don't think they'll be interested. I may be wrong though?

@Nice Paul
The Height thingy works by gradually changing the height style property of the subject element, so you can let the height start at 0, and it'll expand when triggered. The Combo didn't work with this trick, so I have updated the code. You can now start the Combo in off-state by setting inline style height=0 and visibility=hidden. I have updated the examples accordingly

Comment by João Augusto Lima Ferreira

2007-01-11 23:18:29 +0100

congratulations!! very good. :-)

Comment by Svetlozar

2007-02-02 14:10:37 +0100

This is awesome! Thanks for the examples.

Comment by vittorio

2007-03-07 14:10:51 +0100

hi i'm using your accordion widget (which is great) but i'd like the windows not to move when the panel scroll up and down, Is there a way to stop that and give the accordion a fixed height? Many thanks in advance

Comment by troelskn

2007-03-12 01:02:14 +0100

@vittorio
You can place the widget inside a block-level (Eg. a div)element, with a fixed height.
Unfortunately, I don't see a simple way to make the bounding element match the height of its contents - you'll have to manually pick a value big enough to match the highest panel.

Comment by ray

2007-03-12 11:41:54 +0100

cool! great works...

Comment by satchit

2007-03-28 23:59:08 +0200

I've been trying out the combo-box in conjuction with Mochikit and it works great! Thanks for the excellent library. I've a question/suggestion regarding the combo-box widget though. The onchange of the select box should possibly signal the onblur or the onchange of the original text box so that any events tied to the latter are trigger when a new value is selected. What method do you recommend for triggering events tied to the original text-box when a new value is selected in the select box? thanks.

Comment by Sorin

2007-03-30 18:31:36 +0200

Thank you The Accordion works ok now. I had a problem with the fonts in IE6. The fonts looked like they had a shadow or something but I added a background-color to the

and everything is ok now. Thanks again

Fixed bug in Datepicker. Improved ComboBox

2007-04-22 13:05:00 +0200

Comment by troelskn

2007-04-22 13:08:01 +0200

@satchit
The newest release will trigger an onchange event on the textfield, when updated from the select.

Comment by satchit

2007-04-23 16:15:50 +0200

thanks! Looking forward to using it. :-)

Comment by ryan Parrish

2007-06-22 16:16:27 +0200

your download link still points to http://candyscript.com/projects/minikit/download/minikit-2006-12-23.zip
http://candyscript.com/projects/minikit/download/minikit-2007-04-22.zip works to get the newest version that is mentioned in the link.

Comment by andreas

2007-09-19 15:30:39 +0200

having problems with minikit accordion and older safari versions. the accordion just won't open - not on click and also not on page landing. some hints how to fix that?

Comment by Nicot

2007-10-20 16:10:00 +0200

having the same problem as andrea (on Safari 2.0.4)