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