3.0 beta 2

mouseover doesn't work

Hello people! I'm using this awesome grid, but I'm having a tinny problem:
The grid works just fine retrieving values from Mysql through php.
But the mouseover doesn't do anything at all!
I've just copied the source code for this to work, as well as the css style.

Can anybody help me?
Keep up with the good job!
Congrats

--------------------------------The css style:
<style>
.active-controls-grid {height: 100%; font:Arial, Helvetica, sans-serif Arial; width:98%; text-align:center}
.active-grid-column {border-right: 1px solid threedlightshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}

.active-templates-header
{
font-weight: bold;
color:#006699;
text-align:center;
}
.active-templates-item
{
text-align: center;
color:#999999;
}
.active-column-0 {width: 38px; text-align:left; font-size:11px; font-weight:bold; background-color:white; color:#999999}

.active-row-highlight {background-color:#3399CC;}
.active-row-highlight .active-row-cell {background-color: #3399CC;}

</style>


------------------------------The code:

$html = "<"."script".">\n";
$html .= $columns;
$html .= $rows;

//$html="";

$html .= "try {\n";
$html .= " var $name = new Active.Controls.Grid;\n";
$html .= " $name.setRowCount($row_count);\n";
$html .= " $name.setColumnCount($column_count);\n";
$html .= " $name.setDataText(function(i, j){return ".$name."_data[i][j]});\n";
$html .= " $name.setColumnText(function(i){return ".$name."_columns[i]});\n";

$html .= " $name.setRowHeaderWidth('20px');\n";
$html .= " $name.setColumnHeaderHeight('24px');\n";

$html .= " var alternate = function(){ return this.getRowProperty('order') % 2 ? '#fcfaf6' : '#ffffff';}\n";
//isto é para marcar uma ou várias células a cor diferente:
//$html .= " var mark = function(){var i = this.getProperty('row/index'); return (i==2 || i==4 || i==5) ? true : false;}\n";


$html .= " var row = new Active.Templates.Row;\n";

$html .= " row.setStyle('background', alternate);\n";
//$html .= " row.setClass('mark', mark);\n";

$html .= " row.setEvent(\"onmoouseover\", \"mouseover(this, 'active-row-highlight')\");\n";
$html .= " row.setEvent(\"onmouseout\", \"mouseout(this, 'active-row-highlight')\");\n";



$html .= " $name.setTemplate('row', row);\n";
$html .= " $name.setColumnProperty('tooltip', function(i){return 'Clique para ordenar por esta coluna'});\n";
$html .= " var column = new Active.Templates.Text;\n";


//echo($html);
$html .= " document.write($name);\n";
Sérgio Pereira
April 22,
Could it be this typo?

$html .= " row.setEvent(\"onmoouseover\", \"mouseover(this, 'active-row-highlight')\");\n";

Ken Gregg
April 23,
Well, you know, sometimes...It's better for us to take a deep breath, and look to the source code with BOTH EYES WIDE OPEN! Thanks Ken!
Sérgio Pereira
April 26,
$html .= 'row.setEvent("onmouseover", "mouseover(this, '."'active-header-over')".'"'.");\n";
$html .= 'row.setEvent("onmouseleave", "mouseout(this, '."'active-header-over')".'"'.");\n";
activewidgets fan
November 7,

This topic is archived.

See also:


Back to support forum

Search

Version 2

Looking for AW 2.6 ?
The old site is here.