robinjam

Hi people!

My latest project is an attempt to make cross-platform DHTML content development easier and more efficient. JimmyUI is a JavaScript library that aims to do just that. It supports creation of dynamic elements like listboxes and menus, and treeviews are in the works. It also supports themes. Check out this example of theming in action:

http://www.freewebs.com/robinjam/vista aero sample.jpg

The only code required to insert a theme into a document is this:

<script type="text/javascript" src="JimmyUI_Data/aero.js">

<!--

//aero-ify the interface

-->

</script>

The main thing I like about this library is that you can define complex structures using simple markup. Take a look at an example TreeView (doesn't work yet but I'm working on it):

<div class="treeview">

<div>Item 1

<div>Sub-item 1</div>

<div>Sub-item 2</div>

</div>

<div class="noshow">Item 2 (children are hidden by default)

<div>Sub item 3</div>

<div>Sub item 4</div>

</div>

</div>

</div>

I'll post back soon when I've added TreeView and Menu controls, and more themes.




Re: Show and Tell JimmyUI

robinjam

Oh, one thing I forgot to mention:

The forms are drag-and-drop-able.






Re: Show and Tell JimmyUI

AndrewVos

Compatability ;)




Re: Show and Tell JimmyUI

robinjam

Tested in IE7 and FF2 and it works in both.

However, at the moment buttons don't render properly in FF because it has a beefy border to the left and right of the button's contents:

http://www.freewebs.com/robinjam/buttonproblems.jpg

As you can see the buttons look pretty *** in FireFox. The code I used is shown below, anyone got any ideas on how to fix it

<button class="aeroButton" style="background-image: url(JimmyUI_Data/aeroButton.gif);"><img style="float: left;" src="JimmyUI_data/aeroButton_left.gif"/><img style="float: right;" src="JimmyUI_data/aeroButton_right.gif"/>Yes</button>

CSS entry is:

.aeroButton

{

border:solid 0px white;

height:21px;

width:80px;

background-image:url('aeroButton.gif');

}

If anyone can help I'd appreciate it.






Re: Show and Tell JimmyUI

robinjam

Also, I'm pretty sure the Vista Aero skin I've been working on will not be supported by IE6 (it uses a LOT of semitransparent PNGs, which, AFAIK, IE6 doesn't render properly).




Re: Show and Tell JimmyUI

AndrewVos

 robinjam wrote:
Also, I'm pretty sure the Vista Aero skin I've been working on will not be supported by IE6 (it uses a LOT of semitransparent PNGs, which, AFAIK, IE6 doesn't render properly).

IE6 Most definately does not support transparent png's properly. I promise.

EDIT: Is it about time to "not care" IE7 Is a windows update! Even my dad has it on his computer. Doesn't know how it got there, but hes got it!

EDIT: Good luck with the treeview. I have done one for vb2005intro, and can only say that you need alot of options if you're going to make it generic.

For example: What if the treeview is not in a frame It HAS to remember which item was selected. You can't use cookies because then a user can't browse to a page and have the TOC synced automatically. You need to check if page = /pageName.html. Also, just getting it to work in FF almost made me mad.

I have a lot of code and am willing to help. Just get me on msn.






Re: Show and Tell JimmyUI

robinjam

Thanks m8

I think the hardest part will be making cool looking graphics for it (I use the GIMP )