JQuery PopBox Balloon UI Inspired by Highrise

xyzzyb 14 years ago |

That looks fine, but how is it different that the plethora of alternate implementations of that particular UI widget?

e.g. Bootstrap's popover: http://twitter.github.com/bootstrap/javascript.html#popovers

bicknergseng 14 years ago | |

Also pretty easy to recreate using qTip2 http://craigsworks.com/projects/qtip2/.

behanpsean 14 years ago | | |

I saw qTip, but looked too heavy. Prob. took as much time to write the plugin as to read the qTip docs.

bicknergseng 14 years ago | | |

No arguments there. But I suppose if you want a tooltip framework that also bizarrely functions as modal dialogs, hover menus, alerts, notifications, ........., and maybe even tooltips, qtip2 would probably cover your bases.

Either way cool plugin.

chrisrhoden 14 years ago | |

It also doesn't really look fine. The shadow doesn't follow the pointy bit, which looks especially bad with such a huge drop shadow. Does this even work across browsers?

behanpsean 14 years ago | | |

the css shadow isn't required.

crazybuddha 14 years ago | |

Bootstrap is a hover pop-up, mostly used for read-only. This is more like a click pop-up both read-write. User can click, fill in a form and submit.

talmand 14 years ago | |

Because having just one of everything is boring and eventually stagnates?

xyzzyb 14 years ago | | |

Absolutely. I just wanted to be sure I wasn't missing some new twist that this tool was providing.

petetandon 14 years ago |

Great start behanpsean!!!, have a look at beautytip for more ideas to add : http://archive.plugins.jquery.com/project/bt

behanpsean 14 years ago | |

Thanks. I will!

jcampbell1 14 years ago |

I had never seen this css border trick for drawing triangles. It works in IE7+. Bootstrap uses the same technique.

webXL 14 years ago | |

Really? Maybe that's because you've never asked in the form of a URL: http://cssarrowplease.com/

mrgreenfur 14 years ago | | |

really awesome. love simple tools!

behanpsean 14 years ago | | |

Awesome!

jcampbell1 14 years ago | | |

Yours is actually better because it works in IE7.

I really hate these sites that don't tell you what browsers are supported.

behanpsean 14 years ago | |

Yes, it's quite nice. The idea came from here

http://jonrohan.me/guide/css/creating-triangles-in-css/

corkill 14 years ago |

Thanks pretty cool!

hokua 14 years ago |

whats the license?

behanpsean 14 years ago | |

MIT (just added to README)

overshard 14 years ago |

There are a bunch of ways to do this already, and this requires jQuery. The only way I could see this as being interesting is if it has no dependencies. I really wish people would stop developing with jQuery as a dependency...

behanpsean 14 years ago | |

It may not be interesting, but it may be useful to some folks.