CoreCommunity ExtensionsIncubatorDistributionsTYPO3 4.5 ProjectsTYPO3 4.6 ProjectsTYPO3 4.7 ProjectsTYPO3 6.0 ProjectsTYPO3 6.1 ProjectsTYPO3 6.2 Projects (+)

Feature #3681

Render Hyperlinks inside of the Tooltip

Added by Manfred Mirsch almost 4 years ago. Updated over 2 years ago.

Status:New Start date:2009-06-16
Priority:Could have Due date:
Assignee:- % Done:

0%

Category:-
Target version:-
Votes: 0

Description

To enable this feature thre changes are required:

1. change line 72 in class.tx_wtcsstooltip_replace.php:
$this->description = ($this->conf['description2ascii'] == 1 ? $this->div->toascii($this->tips[$i]['description']) : $this->pi_RTEcssText($this->tips[$i]['description'])); // change to ascii signs?

$this->pi_RTEcssText renders the links that are defined in the tooltip definitions.

2. change the template file wt_csstooltip/files/templates/tooltip.html, e.g.:
<!-- ###TEMPLATE_TOOLTIP### begin -->
<span class="wt_csstooltip"><a href="###LINK###" ###JS###>###SEARCHTERM###</a><span class="tooltip">###DESCRIPTION###</span></span>
<!-- ###TEMPLATE_TOOLTIP### end -->

3. change css file typo3conf/ext/wt_csstooltip/files/css/default_wtcsstooltip.css e.g.:
.wt_csstooltip a {
position: relative;
z-index: 240;
color: #3E3E3E;
}

.wt_csstooltip a:hover {
z-index: 250;
text-decoration: none;
background-color: #eee;
}
.wt_csstooltip .tooltip {
display: none;
z-index: 250;
}

.wt_csstooltip:hover .tooltip b {
font-weight: bold;
font-size: 12px;
}
.wt_csstooltip:hover .tooltip {
display: block;
position: absolute;
margin-top: -1px;
margin-left: 2em;
width: 250px;
height: auto;
overflow: hidden;
font-size: 11px;
color: #666;
background-color: #ffe;
z-index: 999999;
padding: 5px;
}

Of course the template and css files are just examples what could work.

This settings work for me with Typo3 4.2.6, Templavoila, Realurl

Associated revisions

Revision 30378
Added by Oliver Klee about 3 years ago

[Bug 3681] In the notification e-mails to the organizers, use the organizer as sender, r=bernd

History

Updated by Manfred Mirsch almost 4 years ago

An example can be found at:
<http://www.sonnenquell-berlin.de/home/wochenplan.html>

Just move the mouse to the orange headings inside aof the schedule and you see the popups containing links to detail pages.

Also available in: Atom PDF