Re: Tool-tip framework
Re: Tool-tip framework
- Subject: Re: Tool-tip framework
- From: Mark Gowdy <email@hidden>
- Date: Tue, 23 Oct 2012 20:45:24 +0100
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 = "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@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