• Open Menu Close Menu
  • Apple
  • Shopping Bag
  • Apple
  • Mac
  • iPad
  • iPhone
  • Watch
  • TV
  • Music
  • Support
  • Search apple.com
  • Shopping Bag

Lists

Open Menu Close Menu
  • Terms and Conditions
  • Lists hosted on this site
  • Email the Postmaster
  • Tips for posting to public mailing lists
Re: Tool-tip framework
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: Tool-tip framework


  • Subject: Re: Tool-tip framework
  • From: Johnny Miller <email@hidden>
  • Date: Tue, 23 Oct 2012 12:19:01 -1000

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@hidden> 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@hidden>
+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@hidden> wrote:

> One word - "Twitter Bootstrap".
> (well, two words)
>
> Mark
>
> Sent from my iPhone
>
> On 23 Oct 2012, at 19:21, Chuck Hill <email@hidden> 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 = "";
>>   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@hidden> 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@hidden)
>>>>> Help/Unsubscribe/Update your Subscription:
>>>>>
>>>>> This email sent to email@hidden
>>>>
>>>> --
>>>> 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@hidden)
>> Help/Unsubscribe/Update your Subscription:
>>
>> This email sent to email@hidden
>
> _______________________________________________
> Do not post admin requests to the list. They will be ignored.
> Webobjects-dev mailing list      (email@hidden)
> Help/Unsubscribe/Update your Subscription:
>
> This email sent to email@hidden


 _______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list      (email@hidden)
Help/Unsubscribe/Update your Subscription:

This email sent to email@hidden


 _______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list      (email@hidden)
Help/Unsubscribe/Update your Subscription:

This email sent to email@hidden

  • Follow-Ups:
    • Re: Tool-tip framework
      • From: Alexis Tual <email@hidden>
References: 
 >Tool-tip framework (From: Taylor Hadden <email@hidden>)
 >Re: Tool-tip framework (From: Chuck Hill <email@hidden>)
 >Re: Tool-tip framework (From: Taylor Hadden <email@hidden>)
 >Re: Tool-tip framework (From: Chuck Hill <email@hidden>)
 >Re: Tool-tip framework (From: Mark Gowdy <email@hidden>)
 >Re: Tool-tip framework (From: Johnny Miller <email@hidden>)
 >Re: Tool-tip framework (From: Alexis Tual <email@hidden>)

  • Prev by Date: Re: Tool-tip framework
  • Next by Date: Re: WOWODC 2013?
  • Previous by thread: Re: Tool-tip framework
  • Next by thread: Re: Tool-tip framework
  • Index(es):
    • Date
    • Thread