I agree on the jQuery + data attributes. In fact on my latest project, I didn't include wonder Ajax dependencies, I only did classic web + bootstrap js, it's refreshing ! I didn't know about boostrap themes, thanks for the pointer, it's a relieve as all my future apps would have look like github :P
Alex 2012/10/24 Johnny Miller <[email protected]> > Hi Alexis, > > You are probably right. But, IMO, it would be really cool if the Ajax > framework used jQuery and data attributes. You wouldn't have to load two > JS libraries, you would get cleaner markup and you wouldn't have to worry > about evaluating javascript returned by an Ajax request. If you combined > the Ajax framework components with the javascript plugins for Bootstrap: > http://twitter.github.com/bootstrap/javascript.html that in my mind would > be the greatest set of components for building web apps. On top of that > there are all these other 3rd party javascript themes/plugins being built > for Bootstrap as well (https://wrapbootstrap.com). > > my 2 cents, > > Johnny > > > On Oct 23, 2012, at 11:41 AM, Alexis Tual <[email protected]> wrote: > > Bootstrap is awesome, it transforms a crappy 1.0 webapp to a sweet cloud > of web2.0ness :) > I don't know if it's worth the pain to create a wrapper around this, as it > is already pretty lightweight and straightforward. > > Cheers, > > Alex > > 2012/10/24 Johnny Miller <[email protected]> > >> +10000000 >> >> We really need a JQuery Ajax Framwork in my opinion. There is a MooTools >> version of Bootstrap that I've been using and I do have a ToolTip >> implementation (not Ajax though) based upon it. >> >> >> On Oct 23, 2012, at 9:45 AM, Mark Gowdy <[email protected]> wrote: >> >> > One word - "Twitter Bootstrap". >> > (well, two words) >> > >> > Mark >> > >> > Sent from my iPhone >> > >> > On 23 Oct 2012, at 19:21, Chuck Hill <[email protected]> wrote: >> > >> >> Mine was made for a specific purpose, but here it is: >> >> >> >> CSS: >> >> >> >> /* Tooltips inspired by >> >> // http://www.jlhaslip.trap17.com/samples/tooltips/index.html*/ >> >> >> >> a.tooltip { >> >> position:relative; /*this is the key*/ >> >> z-index:24; >> >> text-decoration:none; >> >> font-size: 1em; >> >> } >> >> >> >> a.tooltip:hover { >> >> z-index:25; >> >> } >> >> >> >> ul a.tooltip:link { /* remove underline when used in AjaxTabbedPanel >> */ >> >> text-decoration: none; >> >> } >> >> >> >> a.tooltip span { >> >> display: none; /* hide the span text using this css */ >> >> } >> >> >> >> a.tooltip:hover span { /*the span will display just on :hover state*/ >> >> display:block; >> >> position:absolute; >> >> top: 1.5em; >> >> left: 1em; >> >> border:1px solid #000000; /* border colour */ >> >> background-color:#D6E4F5; /* background colour here */ >> >> color:#000000; /* text colour */ >> >> text-align: center; >> >> font-size: .8em; >> >> font-style:italic; >> >> z-index:30; >> >> } >> >> >> >> /* End tooltips */ >> >> >> >> >> >> Here is an excerpt of the code >> >> >> >> package net.hhshoppers.cadre.core.components; >> >> >> >> public class StateHover extends com.webobjects.appserver.WOComponent >> >> { >> >> private State state; >> >> >> >> >> >> >> >> /** >> >> * Basic class constructor. >> >> * >> >> * @param context of current page >> >> */ >> >> public StateHover(WOContext context) >> >> { >> >> super(context); >> >> } >> >> >> >> >> >> >> >> /** >> >> * @return <code>true</code> >> >> */ >> >> public boolean isStateless() >> >> { >> >> return true; >> >> } >> >> >> >> >> >> >> >> /** >> >> * @return State corresponding to the stateCode binding >> >> */ >> >> public State state() >> >> { >> >> if (state == null) >> >> { >> >> if (hasBinding("stateCode")) >> >> { >> >> state = StateMachine.instance().stateForCode((Number) >> valueForBinding("stateCode")); >> >> } >> >> } >> >> >> >> return state; >> >> } >> >> >> >> >> >> >> >> /** >> >> * @return <code>true</code> if there is a non-null {@link State} >> bound >> >> */ >> >> public boolean hasState() >> >> { >> >> return state() != null; >> >> } >> >> >> >> >> >> >> >> >> >> /** >> >> * Returns the special "tooltip" class that generates the custom >> tooltip along with any class. >> >> * from the class binding >> >> * >> >> * @return CSS class for the link >> >> */ >> >> public String cssClass() >> >> { >> >> return (hasState() ? state().cssClass() : "") + " tooltip " + >> valueForStringBinding("class", ""); >> >> /** ensure [valid_result] Result != null; **/ >> >> } >> >> >> >> >> >> >> >> /** >> >> * Returns style to not show link cursor plus any style from the >> style binding. >> >> * >> >> * @return CSS style for the link >> >> */ >> >> public String style() >> >> { >> >> return "cursor:default;" + valueForStringBinding("style", ""); >> >> } >> >> >> >> >> >> >> >> /** >> >> * Clears cached State. >> >> * >> >> * @see com.webobjects.appserver.WOComponent#reset() >> >> */ >> >> public void reset() >> >> { >> >> state = null; >> >> super.reset(); >> >> /** ensure [state_discarded] state == null; **/ >> >> >> >> } >> >> >> >> } >> >> >> >> >> >> Template: >> >> <WEBOBJECT NAME="StateHover"><WEBOBJECT NAME="ShortName"/> >> <span><WEBOBJECT NAME="LongName"/></span></WEBOBJECT> >> >> >> >> WOD: >> >> StateHover: WOHyperlink { >> >> href = "javascript:void(0);"; >> >> id = ^id; >> >> class = cssClass; >> >> style = style; >> >> } >> >> >> >> ShortName : WOString { >> >> value = state.shortName; >> >> } >> >> >> >> LongName : WOString { >> >> value = state.longName; >> >> } >> >> >> >> >> >> >> >> >> >> On 2012-10-23, at 11:07 AM, Taylor Hadden wrote: >> >> >> >>> Hi Chuck, >> >>> >> >>> It looks like I'm getting a 404 and 403 error from that link. >> >>> >> >>> taylorchadden.com >> >>> @drizztmainsword >> >>> >> >>> >> >>> >> >>> >> >>> >> >>> On Oct 23, 2012, at 1:54 PM, Chuck Hill <[email protected]> >> wrote: >> >>> >> >>>> I just made a simple component that used this: >> >>>> http://www.jlhaslip.trap17.com/samples/tooltips/index.html >> >>>> >> >>>> Chuck >> >>>> >> >>>> >> >>>> On 2012-10-23, at 10:29 AM, Taylor Hadden wrote: >> >>>> >> >>>>> Hello, >> >>>>> >> >>>>> Is there an existing framework for using Ajax-based tooltips within >> the Ajax Wonder framework or elsewhere in Wonder? >> >>>>> >> >>>>> Thanks, >> >>>>> Taylor >> >>>>> >> >>>>> taylorchadden.com >> >>>>> @drizztmainsword >> >>>>> >> >>>>> >> >>>>> >> >>>>> >> >>>>> >> >>>>> _______________________________________________ >> >>>>> Do not post admin requests to the list. They will be ignored. >> >>>>> Webobjects-dev mailing list ([email protected]) >> >>>>> Help/Unsubscribe/Update your Subscription: >> >>>>> >> https://lists.apple.com/mailman/options/webobjects-dev/chill%40global-village.net >> >>>>> >> >>>>> This email sent to [email protected] >> >>>> >> >>>> -- >> >>>> Chuck Hill Senior Consultant / VP Development >> >>>> >> >>>> Practical WebObjects - for developers who want to increase their >> overall knowledge of WebObjects or who are trying to solve specific >> problems. >> >>>> http://www.global-village.net/gvc/practical_webobjects >> >>>> >> >>>> Global Village Consulting ranks 13th in 2012 in BIV's Top 100 >> Fastest Growing Companies in B.C! >> >>>> Global Village Consulting ranks 76th in 24th annual PROFIT 200 >> ranking of Canada’s Fastest-Growing Companies by PROFIT Magazine! >> >> >> >> -- >> >> Chuck Hill Senior Consultant / VP Development >> >> >> >> Practical WebObjects - for developers who want to increase their >> overall knowledge of WebObjects or who are trying to solve specific >> problems. >> >> http://www.global-village.net/gvc/practical_webobjects >> >> >> >> Global Village Consulting ranks 13th in 2012 in BIV's Top 100 Fastest >> Growing Companies in B.C! >> >> Global Village Consulting ranks 76th in 24th annual PROFIT 200 ranking >> of Canada’s Fastest-Growing Companies by PROFIT Magazine! >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> _______________________________________________ >> >> Do not post admin requests to the list. They will be ignored. >> >> Webobjects-dev mailing list ([email protected]) >> >> Help/Unsubscribe/Update your Subscription: >> >> https://lists.apple.com/mailman/options/webobjects-dev/gowdy%40mac.com >> >> >> >> This email sent to [email protected] >> > >> > _______________________________________________ >> > Do not post admin requests to the list. They will be ignored. >> > Webobjects-dev mailing list ([email protected]) >> > Help/Unsubscribe/Update your Subscription: >> > >> https://lists.apple.com/mailman/options/webobjects-dev/jlmiller%40kahalawai.com >> > >> > This email sent to [email protected] >> >> >> _______________________________________________ >> Do not post admin requests to the list. They will be ignored. >> Webobjects-dev mailing list ([email protected]) >> Help/Unsubscribe/Update your Subscription: >> >> https://lists.apple.com/mailman/options/webobjects-dev/alexis.tual%40gmail.com >> >> This email sent to [email protected] >> > > >
_______________________________________________ Do not post admin requests to the list. They will be ignored. Webobjects-dev mailing list ([email protected]) Help/Unsubscribe/Update your Subscription: https://lists.apple.com/mailman/options/webobjects-dev/archive%40mail-archive.com This email sent to [email protected]
