Author: jmorliaguet
Date: Wed Nov 16 21:09:20 2005
New Revision: 1860
Modified:
cpsskins/branches/jmo-perspectives/engines/authoring/authoring.css
cpsskins/branches/jmo-perspectives/engines/authoring/authoring.js
cpsskins/branches/jmo-perspectives/engines/authoring/authoring_macros.pt
cpsskins/branches/jmo-perspectives/portlets/actions/actions-icon.png
Log:
- better / simpler tooltip
Modified: cpsskins/branches/jmo-perspectives/engines/authoring/authoring.css
==============================================================================
--- cpsskins/branches/jmo-perspectives/engines/authoring/authoring.css
(original)
+++ cpsskins/branches/jmo-perspectives/engines/authoring/authoring.css Wed Nov
16 21:09:20 2005
@@ -105,21 +105,6 @@
background-color: #dfb;
}
-.actionPad .hint {
- display: none;
- visibility: hidden;
- position: absolute;
- top: 40px;
- left: 50px;
- border-style: solid;
- border-width: 1px 2px 2px 1px;
- border-color: #666;
- background-color: #ffc;
- padding: 0.3em 0.5em;
- width: 200px;
- font: 13px Arial, sans-serif;
-}
-
.formClose {
margin-top: 20px;
text-align: center;
@@ -376,3 +361,18 @@
z-index: 5;
}
+#tooltip-box {
+ display: none;
+ visibility: hidden;
+ position: absolute;
+ top: 100px;
+ border-style: solid;
+ border-width: 1px 2px 2px 1px;
+ border-color: #666;
+ background-color: #ffc;
+ padding: 0.3em 0.5em;
+ width: 200px;
+ font: 13px Arial, sans-serif;
+ z-index: 100;
+}
+
Modified: cpsskins/branches/jmo-perspectives/engines/authoring/authoring.js
==============================================================================
--- cpsskins/branches/jmo-perspectives/engines/authoring/authoring.js
(original)
+++ cpsskins/branches/jmo-perspectives/engines/authoring/authoring.js Wed Nov
16 21:09:20 2005
@@ -10,6 +10,7 @@
var context_menu = null;
var drag_box = null;
var selection_box = null;
+var tooltip_box = null;
var menu_actions = null;
@@ -479,6 +480,19 @@
mo.onclick = mo.oncontextmenu;
}
+function setupTooltip(mo) {
+ mo.onmouseover = function(e) {
+ var target = getEventTarget(e);
+ tooltip_box.style.top = '' + (getMouseY(e) + 20) + 'px';
+ tooltip_box.style.left = '' + (getMouseX(e)) + 'px';
+ tooltip_box.innerHTML = target.getAttribute('hint');
+ setTimeout("showElement('tooltip-box')", 1000);
+ }
+ mo.onmousemove = function(e) {
+ hideElement('tooltip-box');
+ }
+}
+
function setupContextMenu(mo) {
mo.onmousedown = pd_stopEvent;
mo.onmouseup = menu_action;
@@ -512,6 +526,7 @@
edit_space = document.getElementById("editSpace");
context_menu = document.getElementById("choice-context-menu");
selection_box = document.getElementById("selection-box");
+ tooltip_box = document.getElementById("tooltip-box");
menu_actions = new MenuActions();
@@ -523,5 +538,6 @@
pd_node_setup['container'] = setupContainer;
pd_node_setup['draggable'] = setupDraggable;
pd_node_setup['editable'] = setupEditable;
+pd_node_setup['tooltip'] = setupTooltip;
pd_node_setup['context-menu'] = setupContextMenu;
pd_node_setup['context-menu-item'] = setupContextMenuItem;
Modified:
cpsskins/branches/jmo-perspectives/engines/authoring/authoring_macros.pt
==============================================================================
--- cpsskins/branches/jmo-perspectives/engines/authoring/authoring_macros.pt
(original)
+++ cpsskins/branches/jmo-perspectives/engines/authoring/authoring_macros.pt
Wed Nov 16 21:09:20 2005
@@ -4,18 +4,10 @@
tal:condition="actions">
<tal:block repeat="info actions">
<a href="#"
- tal:define="id string:hint${repeat/info/number}"
tal:attributes="href info/action;
- class info/selected;
- onmouseover string:javascript:showElement('${id}');
- onmouseout string:javascript:hideElement('${id}')">
- <tal:block content="info/title" i18n:translate="" />
- <div class="hint"
- tal:define="description info/description"
- tal:condition="description"
- tal:attributes="id id"
- tal:content="description" />
- </a>
+ class string:tooltip ${info/selected};
+ hint info/description"
+ tal:content="info/title" i18n:translate="" />
</tal:block>
</div>
</metal:block>
@@ -25,6 +17,7 @@
<div id="drag-feedback-box"></div>
<div id="factory-box"></div>
<div id="selection-box"></div>
+ <div id="tooltip-box">123</div>
<script type="text/javascript">
<!--
setupEditor();
Modified: cpsskins/branches/jmo-perspectives/portlets/actions/actions-icon.png
==============================================================================
Binary files. No diff available.
--
http://lists.nuxeo.com/mailman/listinfo/z3lab-checkins
