Re: Tool-tip framework
Re: Tool-tip framework
- Subject: Re: Tool-tip framework
- From: Chuck Hill <email@hidden>
- Date: Tue, 23 Oct 2012 11:21:02 -0700
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