Hallo zusammen
Ich greife dieses Thema nochmals auf. Die bisherigen posts in diesem Thema haben schon mal viel geholfen, danke!
Ich habe dieses mootools für tooltips als moo_tooltip.html5 in den templates eingefügt und im theme aktiviert (funktioniert übrigens nur, bei deaktiviertem jquery):
PHP-Code:
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function()
{
var myTips = new Tips($$('.tooltip'),
{
showDelay: 0, //Verzögerung bei MouseOver
hideDelay: 500, //Verzögerung bei MouseOut
className: 'tool', //CSS-Klassennamen --> CSS-Definitionen
offset: {'x': 0, 'y': 0 }, // Versatz des Tooltips
fixed: false, // false = Tooltip bewegt sich mit dem Mauszeiger, true=Tooltip bewegt sich nicht
});
// zeigt den Tooltip bei Fokus an | ergänzt 02.01.2011
$$('.tooltip').each(function(el) {
el.addEvent('focus', function(event){
myTips.elementEnter(event, el);
}).addEvent('blur', function(event){
myTips.elementLeave(event, el);
});
});
});
//--><!]]>
</script>
Tooltip und Kalender funktionieren so weit so gut. Aber die Position des tooltips, das direkt im <body> am Ende eingefügt wird, sobald dieses Plugin und mootools aktiviert sind, ist von Anfang an definiert:
HTML-Code:
<div class="tool" style="position: absolute; top: 0px; left: 0px; display: none;">
Somit ist die Position des Tooltips immer oben links des Browserfensters.
Ich könnte zwar per CSS diesen style übersteuern, aber ich will eigentlich einfach die Standard-Position eines jeden Tooltips: und zwar gleich neben dem Link/Mauszeiger. Im Script ist ja auch
PHP-Code:
offset: {'x': 0, 'y': 0 }, // Versatz des Tooltips
fixed: false, // false = Tooltip bewegt sich mit dem Mauszeiger, true=Tooltip bewegt sich nicht
definiert.
Aber seht selbst:
Kalender mit Tooltip
Habe auch schon im mootools-core-script nachgeschaut, ob da was wäre....
vendor/contao/core-bundle/src/Resources/public/mootao.js
Hat jemand eine Idee, was da los sein könnte?
Lesezeichen