Input template doesn't work with onMouseOver event...

Hi there folks,

i've struggled for days until guess that my grid's onmouseover event was "blocking" the input template. I didn't find any reason for this, maybe the order which dblclick and mouseover events are called... i don't get it for now. I think this two characteristics (onmouseover and input template) should be integrated easily but to me it seems they arent... for sure is something missing me.
Does anyone see the problem here?!
Thanks a bunch!

The input template code:

My.Templates.Input = Active.Templates.Text.subclass();
        My.Templates.Input.create = function()
            var obj = this.prototype;
            var editor = new Active.HTML.INPUT;
            editor.setClass("templates", "input");
            editor.setAttribute("type", "text");
            editor.setAttribute("value", function(){
            return template.getItemProperty("text");
            var template;
            function switchToEditMode(){
                if (template) {
                template = this;
         		//template.element().style.padding = 0; 
                template.element().className += " active-edit-mode ";
                template.element().innerHTML = editor;
                editor.setEvent("ondblclick", editor.element().focus()); 
            obj.setEvent("ondblclick", switchToEditMode);
            function switchToTextMode(){
                var value = editor.element().value;
                template.setItemProperty("text", value);
                template = null;
            editor.setEvent("onblur", switchToTextMode);

The script code:
var obj = new Active.Controls.Grid;
    var template = new My.Templates.Input;
    obj.setRowProperty("count", 9);
    obj.setColumnProperty("count", 5);
    obj.setDataProperty("text", function(i, j){return myData[i][j]});
    obj.setColumnProperty("text", function(i){return myColumns[i]});

    obj.getDataText = function(i, j){return myData[i][j]};
    obj.setDataText = function(value, i, j){myData[i][j] = value};

    var row = new Active.Templates.Row;
    row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight')");
    row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");

    obj.setEvent("onkeydown", null);		
    obj.getTemplate("top").setEvent("onselectstart", obj.getEvent("onselectstart"));
    obj.setEvent("onselectstart", null);

Ricardo Guerra
August 9,
Sure, it is possible
The place you must put this events is.... inside the template,
Try to put this lines at the end of the input template
right before the lines:


function isover(){window.status = "AAAAA"}
function isout(){window.status = ""}
 editor.setEvent("onmouseover", isover );
 editor.setEvent("onmouseout", isout );

Reference other parts of the grid inside the template (temporary code) is not as easy as normal functions, so I recomend you reading other templates to learn "how they work" before try to do it more complex.
August 9,
Uppsss! , Sorry I missunterstud the main question
(Maybe I am geting old) -- ;-)

Your code is right, it's nothing more than a code order issue.

Just move the line:
and put it after:

I always place column-templates at the bottom, so i never notice this could be happen (today I learned one more !) so ... Ricardo , thanks for your "mistake".

August 10,
Hola Carlos!

Thanks for replying! You're definitely right!!!
I was reviewing stuff like that as you later advised me...

So, there is nothing with your age, old man :)

Muchas Gracias
Ricardo Guerra
August 10,

This topic is archived.

See also:

Back to support forum