2009-10-02 3 views
0

Я хотел бы иметь всплывающую подсказку, которая появляется только при нажатии текстовой ссылки (но ничего не наводит). Я знаю, что это легко сделать с jquery, но я должен использовать додзё. Я попытался объявить новый класс всплывающей подсказки с "attachHover: false;" но он ломает, когда я объявляю класс, так что я предполагаю, что это не так:dijit.Tooltip --- как вы отключите наведение?

dojo.declare("clickTooltip", digit.Tooltip, { 
markupFactory: function(){ 
return new clickTooltip(); 
}, 
attachHover: false; 
} 
}); 

Пожалуйста, дайте мне знать, если есть более простой способ, или если у вас есть какие-либо указатели, чтобы исправить приведенный выше код.

Благодаря

ответ

1

Я в конечном итоге только с помощью обычного скрытый DIV вместо пакета додзё. Dojo не очень легко настроить.

-1

Вы можете попробовать следующее из dijit demo page:

<div data-dojo-type="dijit.form.DropDownButton"> 
    <span>User Login</span> 
    <div data-dojo-type="dijit.TooltipDialog" id="tooltipDlg" data-dojo-props=' 
     title:"Enter Login information", 
     execute: function(){ alert("Simple Alert!"); }'> 
     <div dojoType="dijit.form.Form" id="myForm" jsId="myForm" encType="multipart/form-data" action="" method="POST"> 
     <script type="dojo/method" event="onSubmit">return true;</script> 
      <table> 
       <tr> 
        <td><label for="user">User:</label></td> 
        <td><input type="text" name="user" id="user" dojoType="dijit.form.ValidationTextBox" required="true"></td> 
       </tr> 
       <tr> 
        <td><label for="pwd">Password:</label></td> 
        <td><input type="password" name="pwd" id="pwd" dojoType="dijit.form.ValidationTextBox" required="true"></td> 
       </tr> 
       <tr> 
        <td colspan="2"> 
         <button dojoType="dijit.form.Button" type="submit" name="submitButton" value="Submit">Submit</button> 
        </td> 
       </tr> 
      </table> 
     <!-- End of dijit form --> 
     </div> 
    </div> 
</div> 

Я знаю, что это кнопка, но она работает только тогда, когда вы щелкните по нему.

0

Вы можете легко достигнуть этого с помощью всплывающей подсказки виджета

require(["dijit/Tooltip", "dojo/dom", "dojo/on", "dojo/mouse", "dojo/domReady!"], function(Tooltip, dom, on, mouse) { 
    var node = dom.byId('tooltip'); 
    on(node, 'click', function() { 
    Tooltip.show("I am a tooltip", node); 
    }); 

    on(node, mouse.leave, function() { 
    Tooltip.hide(node); 
    }); 
}) 

Работа скрипки здесь, http://jsfiddle.net/c4hp1L12/