designer: support for MSIE 6 and various fixes

2007-01-02 14:39:22 +00:00
parent 6ac319f159
commit af31d1e079
131 changed files with 737 additions and 507 deletions
--- a/pmd/scripts/ajax.js
+++ b/pmd/scripts/ajax.js
@@ -48,12 +48,13 @@ function alertContents()
  }
  if (http_request.readyState == 2 ) document.getElementById("layer_action").innerHTML  = 'Loaded';
  if (http_request.readyState == 3 ) document.getElementById("layer_action").innerHTML  = 'Loading 99%';
-  if (http_request.readyState == 4) 
+  if (http_request.readyState == 4 ) 
  {
    if (http_request.status == 200) 
    {
-      xmldoc  = http_request.responseXML;
-      textdoc = http_request.responseText; 
+      textdoc = http_request.responseText;
+      //alert(textdoc);
+      xmldoc  = http_request.responseXML; 
      PrintXML();
      document.getElementById("layer_action").style.visibility = 'hidden';
    } 
@@ -67,7 +68,7 @@ function alertContents()
 function PrintXML()
 {
  var root = xmldoc.getElementsByTagName('root').item(0);  //root
-  
+  //alert(xmldoc.getElementsByTagName('root').item(1));
  if(root==null) // if error
  {
    myWin=window.open('','Report','width=400, height=250, resizable=1, scrollbars=1, status=1');
@@ -79,27 +80,30 @@ function PrintXML()
  {
    //alert(xmldoc.getElementsByTagName('root')[0]);
    //alert(root.attributes[0].nodeValue);
-    if(root.attributes['act'].nodeValue == 'save_pos')
-      alert(root.attributes['return'].nodeValue);
-    if(root.attributes['act'].nodeValue == 'relation_upd')
+    //alert(xmldoc.getElementsByTagName('root')[0].attributes[0].nodeValue);
+    //xmldoc.getElementsByTagName('root')[0].getAttribute("act")
+    
+    if(root.getAttribute('act') == 'save_pos')
+      alert(strLang[root.getAttribute('return')]);
+    if(root.getAttribute('act') == 'relation_upd')
    {
-      alert(root.attributes['return'].nodeValue);
-      if(root.attributes['b'].nodeValue=='1')
+      alert(strLang[root.getAttribute('return')]);
+      if(root.getAttribute('b')=='1')
      {
-        contr.splice(root.attributes['K'].nodeValue, 1);
+        contr.splice(root.getAttribute('K'), 1);
        Re_load();
      }
    }
-    if(root.attributes['act'].nodeValue == 'relation_new')
+    if(root.getAttribute('act') == 'relation_new')
    {
-      alert(root.attributes['return'].nodeValue);
-      if(root.attributes['b'].nodeValue=='1')
+      alert(strLang[root.getAttribute('return')]);
+      if(root.getAttribute('b')=='1')
      {
        var i  = contr.length;
-        var t1 = root.attributes['DB1'].nodeValue + '.' + root.attributes['T1'].nodeValue;
-        var f1 = root.attributes['F1'].nodeValue;
-        var t2 = root.attributes['DB2'].nodeValue + '.' + root.attributes['T2'].nodeValue;
-        var f2 = root.attributes['F2'].nodeValue;
+        var t1 = root.getAttribute('DB1') + '.' + root.getAttribute('T1');
+        var f1 = root.getAttribute('F1');
+        var t2 = root.getAttribute('DB2') + '.' + root.getAttribute('T2');
+        var f2 = root.getAttribute('F2');
        contr[i] = new Array();
        contr[i][''] = new Array();
         contr[i][''][t2] = new Array();
--- a/pmd/scripts/iecanvas.js
+++ b/pmd/scripts/iecanvas.js
@@ -0,0 +1,141 @@
+if (!window.all)  // if IE
+{ 
+  document.attachEvent("onreadystatechange", // document load
+    function () 
+    {          
+      if (document.readyState == "complete") 
+      {      
+        var el  =  document.getElementById("canvas");
+        var outerHTML = el.outerHTML;
+        var newEl = document.createElement(outerHTML);
+        el.parentNode.replaceChild(newEl, el);
+        el = newEl;
+        el.getContext = function () {
+          if (this.cont) return this.cont;
+          return this.cont = new PMD_2D(this);
+        };
+
+        el.style.width = el.attributes.width.nodeValue + "px";
+        el.style.height = el.attributes.height.nodeValue + "px";
+      } 
+    }
+  );
+
+//*****************************************************************************************************
+
+  function convert_style(str) {
+    var m = Array();
+    m = str.match(/.*\((\d*),(\d*),(\d*),(\d*)\)/);
+    for(var i = 1; i<=3; i++ )
+      m[i] = (m[i]*1).toString(16).length < 2 ? '0' + (m[i]*1).toString(16) : (m[i]*1).toString(16);
+    return ['#' + m[1] + m[2] + m[3], 1];
+  }
+//------------------------------------------------------------------------------  
+  function PMD_2D(th) {
+    this.element_ = th;
+    this.pmd_arr = Array();
+    this.strokeStyle;
+    this.fillStyle;
+    this.lineWidth;
+    
+    this.closePath = function() {
+      this.pmd_arr.push({type: "close"});
+    }
+    
+    this.clearRect = function() {
+      this.element_.innerHTML = "";
+      this.pmd_arr = [];
+    }
+    
+    this.beginPath = function() {
+      this.pmd_arr = [];
+    }
+
+    this.moveTo = function(aX, aY) {
+      this.pmd_arr.push({type: "moveTo", x: aX, y: aY});
+    }
+
+    this.lineTo = function(aX, aY) {
+      this.pmd_arr.push({type: "lineTo", x: aX, y: aY});
+    }
+
+    this.arc = function(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) {
+      if (!aClockwise) {
+        var t = aStartAngle;
+        aStartAngle = aEndAngle;
+        aEndAngle = t;
+      }
+
+      var xStart = aX + (Math.cos(aStartAngle) * aRadius);
+      var yStart = aY + (Math.sin(aStartAngle) * aRadius);
+
+      var xEnd = aX + (Math.cos(aEndAngle) * aRadius);
+      var yEnd = aY + (Math.sin(aEndAngle) * aRadius);
+
+      this.pmd_arr.push({type: "arc", x: aX, y: aY,
+                             radius: aRadius, xStart: xStart, yStart: yStart, xEnd: xEnd, yEnd: yEnd});
+    }
+
+    this.rect = function(aX, aY, aW, aH) {
+      this.moveTo(aX, aY);
+      this.lineTo(aX + aW, aY);
+      this.lineTo(aX + aW, aY + aH);
+      this.lineTo(aX, aY + aH);
+      this.closePath();
+    }
+
+    this.fillRect = function(aX, aY, aW, aH) {
+      this.beginPath();
+      this.moveTo(aX, aY);
+      this.lineTo(aX + aW, aY);
+      this.lineTo(aX + aW, aY + aH);
+      this.lineTo(aX, aY + aH);
+      this.closePath();
+      this.stroke(true);
+    }
+
+    this.stroke = function(aFill) {
+      var Str = Array();
+      var a = convert_style(aFill ? this.fillStyle : this.strokeStyle);
+      var color = a[0];
+
+      Str.push('<v:shape',
+               ' fillcolor="', color, '"',
+               ' filled="', Boolean(aFill), '"',
+               ' style="position:absolute;width:10;height:10;"',
+               ' coordorigin="0 0" coordsize="10 10"',
+               ' stroked="', !aFill, '"',
+               ' strokeweight="', this.lineWidth, '"',
+               ' strokecolor="', color, '"',
+               ' path="');
+
+      for (var i = 0; i < this.pmd_arr.length; i++) {
+        var p = this.pmd_arr[i];
+        
+        if (p.type == "moveTo") {
+          Str.push(" m ");
+          Str.push(Math.floor(p.x), ",",Math.floor(p.y));
+        } else if (p.type == "lineTo") {
+          Str.push(" l ");
+          Str.push(Math.floor(p.x), ",",Math.floor(p.y));
+        } else if (p.type == "close") {
+          Str.push(" x ");
+        } else if (p.type == "arc") {
+          Str.push(" ar ");
+          Str.push(Math.floor(p.x - p.radius), ",",
+                   Math.floor(p.y - p.radius), " ",
+                   Math.floor(p.x + p.radius), ",",
+                   Math.floor(p.y + p.radius), " ",
+                   Math.floor(p.xStart), ",", Math.floor(p.yStart), " ",
+                   Math.floor(p.xEnd), ",", Math.floor(p.yEnd));
+        }
+      }
+    
+      Str.push(' ">');
+      Str.push("</v:shape>");
+    
+      this.element_.insertAdjacentHTML("beforeEnd", Str.join(""));
+      this.pmd_arr = Array();
+    }
+  };
+}
--- a/pmd/scripts/move.js
+++ b/pmd/scripts/move.js
@@ -23,80 +23,77 @@ var Glob_X, Glob_Y;
 var relation_style = 0;
 var timeoutID;
 var layer_menu_cur_click = 0;
- 
-window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP); 
-window.onmousedown = MouseDown; 
-window.onmouseup   = MouseUp; 
-window.onmousemove = MouseMove; 
-window.onscroll  = function(){General_scroll();} 
+
+//---------------------------------------------------------------------------------------------------------------------------
+//---------------------------------------------------------------------------------------------------------------------------
+//---------------------------------------------------------------------------------------------------------------------------
+
+
+//window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP); 
+//---CROSS
+document.onmousedown = MouseDown; 
+document.onmouseup   = MouseUp; 
+document.onmousemove = MouseMove;
+
+isIE = document.all && !window.opera;
+isNN = !document.all && document.getElementById;
+isN4 = document.layers;
+
+if(isIE) window.onscroll = General_scroll; 
+
 //document.onmouseup = function(){General_scroll_end();}
-
-function ToInt(s)
-{
-  return s.substring(0,s.length-2)*1; //re = /(\d+)\w*/; newstr = str.replace(re, "$1");
-}
-
-function Canvas_pos()
-{
-  canvas_width  = document.getElementById('canvas').width  = osn_tab_width  - 3;
-  canvas_height = document.getElementById('canvas').height = osn_tab_height - 3;
-}
-
-function Osn_tab_pos()
-{
-  osn_tab_width  = ToInt(document.getElementById('osn_tab').style.width);
-  osn_tab_height = ToInt(document.getElementById('osn_tab').style.height);
-}
-
-
-function Main()
-{ //alert( document.getElementById('osn_tab').offsetTop);
-  document.getElementById("layer_menu").style.top = -1000;
-  sm_x += document.getElementById('osn_tab').offsetLeft;
-  sm_y += document.getElementById('osn_tab').offsetTop;
-  Osn_tab_pos(); 
-  Canvas_pos(); 
-  Small_tab_refresh();
-  Re_load();
-  id_hint = document.getElementById('hint');
-  General_scroll();
-}
-
 function MouseDown(e) 
 { 
  if (cur_click != null) 
  { 
+    offsetx=isIE ? event.clientX + document.body.scrollLeft : e.pageX;
+    offsety=isIE ? event.clientY + document.body.scrollTop : e.pageY;
+    dx = offsetx - parseInt(cur_click.style.left);
+    dy = offsety - parseInt(cur_click.style.top);
+    //alert(" dx = " + dx + " dy = " +dy);
    document.getElementById("canvas").style.visibility = 'hidden';
-    var left = ToInt(cur_click.style.left);
-    var top  = ToInt(cur_click.style.top);
+    /*
+    var left = parseInt(cur_click.style.left);
+    var top  = parseInt(cur_click.style.top);
    dx = e.pageX - left; 
    dy = e.pageY - top;
-    cur_click.style.zIndex = 2;
+    
+    alert(" dx = " + dx + " dy = " +dy);*/
+    cur_click.style.zIndex = 2;    
  }
  if(layer_menu_cur_click)
  {
-    dx = e.pageX - ToInt(document.getElementById("layer_menu").style.width); 
-    //dy = e.pageY - ToInt(document.getElementById("layer_menu").style.height);
-    //dy2 = e.pageY - ToInt(document.getElementById("id_scroll_tab").style.height);
+    offsetx=isIE ? event.clientX + document.body.scrollLeft: e.pageX;
+    dx = offsetx - parseInt(document.getElementById("layer_menu").style.width); 
  }
 } 

 function MouseMove(e)
 { 
-  Glob_X = e.pageX; 
-  Glob_Y = e.pageY;
+  
+  //Glob_X = e.pageX; 
+  //Glob_Y = e.pageY;
+  Glob_X = isIE ? event.clientX + document.body.scrollLeft: e.pageX; 
+  Glob_Y = isIE ? event.clientY + document.body.scrollTop: e.pageY;
+
+  // mouseX= (bw.ns4||bw.ns6)? e.pageX: bw.ie&&bw.win&&!bw.ie4? (event.clientX-2)+document.body.scrollLeft : event.clientX+document.body.scrollLeft;
+  //mouseY= (bw.ns4||bw.ns6)? e.pageY: bw.ie&&bw.win&&!bw.ie4? (event.clientY-2)+document.body.scrollTop : event.clientY+document.body.scrollTop;
+  
+  //window.status = "X = "+ Glob_X + " Y = "+ Glob_Y;
+  
+  
  if (cur_click != null) 
  {
-    if((e.pageX - dx)>0)
-    cur_click.style.left = e.pageX - dx;
-    if((e.pageY - dy)>0)
-    cur_click.style.top  = e.pageY - dy;
+    if((Glob_X - dx)>0)
+    cur_click.style.left = Glob_X - dx;
+    if((Glob_Y - dy)>0)
+    cur_click.style.top  = Glob_Y - dy;
  }

  if (ON_relation) 
  {
-    document.getElementById('hint').style.left = e.pageX + 20;
-    document.getElementById('hint').style.top  = e.pageY + 20;
+    document.getElementById('hint').style.left = Glob_X + 20;
+    document.getElementById('hint').style.top  = Glob_Y + 20;
  }

  if(layer_menu_cur_click)
@@ -104,7 +101,6 @@ function MouseMove(e)
    document.getElementById("layer_menu").style.width = Glob_X - dx>=150?Glob_X - dx:150;
    //document.getElementById("layer_menu").style.height = Glob_Y - dy>=200?Glob_Y - dy:200;
    //document.getElementById("id_scroll_tab").style.height = Glob_Y - dy2;
-    
  }
 }

@@ -118,7 +114,55 @@ function MouseUp(e)
    cur_click = null; 
  }
  layer_menu_cur_click=0;
-  window.releaseEvents(Event.MOUSEMOVE); 
+  //window.releaseEvents(Event.MOUSEMOVE); 
+}
+//---------------------------------------------------------------------------------------------------------------------------
+//---------------------------------------------------------------------------------------------------------------------------
+//---------------------------------------------------------------------------------------------------------------------------
+
+
+//function ToInt(s)
+//{
+ // return s.substring(0,s.length-2)*1; //re = /(\d+)\w*/; newstr = str.replace(re, "$1");
+//}
+
+function Canvas_pos()
+{
+  canvas_width  = document.getElementById('canvas').width  = osn_tab_width  - 3;
+  canvas_height = document.getElementById('canvas').height = osn_tab_height - 3;
+
+   if(isIE)
+  { 
+    document.getElementById('canvas').style.width  = (osn_tab_width  - 3)?(osn_tab_width  - 3):0;
+    document.getElementById('canvas').style.height = (osn_tab_height - 3)?(osn_tab_height - 3):0;
+  }
+}
+
+function Osn_tab_pos()
+{
+  osn_tab_width  = parseInt(document.getElementById('osn_tab').style.width);
+  osn_tab_height = parseInt(document.getElementById('osn_tab').style.height);
+}
+
+
+function Main()
+{ //alert( document.getElementById('osn_tab').offsetTop);
+ //---CROSS 
+  if(isIE)
+  {
+    document.getElementById('top_menu').style.position = 'absolute';
+    document.getElementById('layer_menu').style.position = 'absolute';
+  }
+
+  document.getElementById("layer_menu").style.top = -1000; //fast scroll
+  sm_x += document.getElementById('osn_tab').offsetLeft;
+  sm_y += document.getElementById('osn_tab').offsetTop;
+  Osn_tab_pos(); 
+  Canvas_pos(); 
+  Small_tab_refresh();
+  Re_load();
+  id_hint = document.getElementById('hint');
+  General_scroll();
 }


@@ -128,8 +172,8 @@ function Rezize_osn_tab()
  var max_X = max_Y = 0;
  for (key in j_tabs)
  { 
-    k_x = ToInt(document.getElementById(key).style.left) + document.getElementById(key).offsetWidth;
-    k_y = ToInt(document.getElementById(key).style.top) + document.getElementById(key).offsetHeight;
+    k_x = parseInt(document.getElementById(key).style.left) + document.getElementById(key).offsetWidth;
+    k_y = parseInt(document.getElementById(key).style.top) + document.getElementById(key).offsetHeight;
    max_X = max_X < k_x ? k_x : max_X;
    max_Y = max_Y < k_y ? k_y : max_Y;
  }
@@ -168,16 +212,18 @@ function Re_load()
          if(n==2){ x1 = x1_right+sm_s; x2 = x2_left-sm_s;  if(x1>x2)n=0;}
          if(n==3){ x1 = x1_right+sm_s; x2 = x2_right+sm_s; s_right = 1; }
          if(n==0){ x1 = x1_left-sm_s;  x2 = x2_left-sm_s;  s_left = 1;  }
-     
+    // alert(key2+"."+key3);
          var y1 = document.getElementById(key2).offsetTop + document.getElementById(key2+"."+key3).offsetTop + height_field;
+      //    alert(1);
          var y2 = document.getElementById(contr[K][key][key2][key3][0]).offsetTop + 
                   document.getElementById(contr[K][key][key2][key3][0]+"."+contr[K][key][key2][key3][1]).offsetTop + height_field;
          Line0(x1-sm_x,y1-sm_y,x2-sm_x,y2-sm_y,"rgba(0,100,150,1)");
+          
        }
 }

 function Line(x1,y1,x2,y2,color_line) 
-{  
+{ 
  var canvas = document.getElementById("canvas");
  var ctx    = canvas.getContext("2d");
  ctx.strokeStyle = color_line;
@@ -285,8 +331,8 @@ function Save(url) // (del?) no for pdf
 {
  for (key in j_tabs)
  {
-    document.getElementById('t_x['+key+']').value=ToInt(document.getElementById(key).style.left);
-    document.getElementById('t_y['+key+']').value=ToInt(document.getElementById(key).style.top);
+    document.getElementById('t_x['+key+']').value=parseInt(document.getElementById(key).style.left);
+    document.getElementById('t_y['+key+']').value=parseInt(document.getElementById(key).style.top);
    document.getElementById('t_v['+key+']').value=document.getElementById('_|_tbody_'+key).style.display=='none'?0:1;
    document.getElementById('t_h['+key+']').value=document.getElementById('check_vis_'+key).checked?1:0;
  }
@@ -299,8 +345,8 @@ function Get_url_pos()
  var poststr = '';
  for (key in j_tabs)
  {
-    poststr += '&t_x['+key+']=' + ToInt(document.getElementById(key).style.left);
-    poststr += '&t_y['+key+']=' + ToInt(document.getElementById(key).style.top);
+    poststr += '&t_x['+key+']=' + parseInt(document.getElementById(key).style.left);
+    poststr += '&t_y['+key+']=' + parseInt(document.getElementById(key).style.top);
    poststr += '&t_v['+key+']=' + (document.getElementById('_|_tbody_'+key).style.display == 'none' ? 0 : 1);
    poststr += '&t_h['+key+']=' + (document.getElementById('check_vis_'+key).checked ? 1 : 0);
  }
@@ -323,12 +369,16 @@ function Start_relation()
    document.getElementById('hint').innerHTML = LangSelectReferencedKey;
    document.getElementById('hint').style.visibility = "visible";
    document.getElementById('rel_button').className = 'M_butt_Selected_down';//'#FFEE99';gray #AAAAAA
+    
+    if(isIE) { // correct for IE
+      document.getElementById('rel_button').className = 'M_butt_Selected_down_IE';
+    }
  }
  else
  {
    document.getElementById('hint').innerHTML = "";
    document.getElementById('hint').style.visibility = "hidden";
-    document.getElementById('rel_button').className = 'M_butt_Selected';
+    document.getElementById('rel_button').className = 'M_butt';
    click_field = 0; 
    ON_relation = 0;  
  }
@@ -364,6 +414,8 @@ function New_relation()
  link_relation += '&db=' + db + '&token=' + token + '&die_save_pos=0';
  link_relation += '&on_delete=' + document.getElementById('on_delete').value + '&on_update=' + document.getElementById('on_update').value;
  link_relation += Get_url_pos();
+  
+  //alert(link_relation);
  makeRequest('pmd_relation_new.php', link_relation);
 }

@@ -382,6 +434,10 @@ function Start_tab_upd(table)

 function Small_tab_all(id_this) // max/min all tables
 {
+  if(isIE) {
+    alert(LangIEnotSupport);
+    return;
+  }
  if(id_this.alt=="v")
  {
    for (key in j_tabs)
@@ -403,6 +459,10 @@ function Small_tab_all(id_this) // max/min all tables

 function Small_tab_invert() // invert max/min all tables
 {
+  if(isIE) {
+    alert(LangIEnotSupport);
+    return;
+  }
  for (key in j_tabs)
    Small_tab(key,0);
  Re_load();
@@ -427,6 +487,8 @@ function Small_tab(t,re_load)
  id_t.style.width = id_t.offsetWidth;
  if(id_this.innerHTML=="v")
  {
+    //---CROSS
+    if(isIE) return; //IE not supported
    id.style.display = 'none';
    id_this.innerHTML = '>';
  }
@@ -442,9 +504,14 @@ function Select_tab(t)
 {
  var id_zag = document.getElementById('_|_zag_'+t);
  if(id_zag.className != 'tab_zag_3')
-    document.getElementById('_|_zag_'+t).className = 'tab_zag_3';
+    document.getElementById('_|_zag_'+t).className = 'tab_zag_2';
  else
    document.getElementById('_|_zag_'+t).className = 'tab_zag';
+  //----------
+  var id_t    = document.getElementById(t);
+  window.scrollTo( parseInt(id_t.style.left)-300, parseInt(id_t.style.top)-300 );
+  
+  setTimeout(function(){document.getElementById('_|_zag_'+t).className = 'tab_zag';},800);
 }
 //-----------------------------------------------------------------------------------------------------------------

@@ -576,20 +643,41 @@ function PDF_save()

 function General_scroll()
 {
+   /*
  if(!document.getElementById('show_relation_olways').checked)
  {
    document.getElementById("canvas").style.visibility = 'hidden';
    clearTimeout(timeoutID);
    timeoutID = setTimeout(General_scroll_end,500);
-  }
+  }*/
+  //if(timeoutID)
+  clearTimeout(timeoutID);
+  timeoutID = setTimeout
+  (
+    function()
+    {  
+      document.getElementById('top_menu').style.left = document.body.scrollLeft;
+      document.getElementById('top_menu').style.top  = document.body.scrollTop;
+      document.getElementById('layer_menu').style.left = document.body.scrollLeft;
+      document.getElementById('layer_menu').style.top  = document.body.scrollTop + document.getElementById('top_menu').offsetHeight;
+    }
+    ,200
+  );
 } 

+/*
 function General_scroll_end()
 { 
-  //document.getElementById('layer_menu').style.left = document.body.scrollLeft;
-  //document.getElementById('layer_menu').style.top  = document.body.scrollTop + document.getElementById('top_menu').offsetHeight;
+//  document.getElementById('layer_menu').style.left = document.body.scrollLeft;
+//  document.getElementById('layer_menu').style.top  = document.body.scrollTop + document.getElementById('top_menu').offsetHeight;
+  //if(isIE)
+  //{
+  //  document.getElementById('layer_menu').style.left = document.body.scrollLeft;
+  //  document.getElementById('layer_menu').style.top  = document.body.scrollTop + document.getElementById('top_menu').offsetHeight;
+  //}
  document.getElementById("canvas").style.visibility = 'visible';
 }
+*/

 function Show_left_menu(id_this) // max/min all tables
 {
@@ -599,10 +687,11 @@ function Show_left_menu(id_this) // max/min all tables
    document.getElementById("layer_menu").style.visibility = 'visible';
    id_this.alt = ">";
    id_this.src="pmd/images/uparrow2_m.png";
+    if(isIE) General_scroll();
  }
  else
  {  
-    document.getElementById("layer_menu").style.top = -1000;
+    document.getElementById("layer_menu").style.top = -1000; //fast scroll
    document.getElementById("layer_menu").style.visibility = 'hidden';
    id_this.alt = "v";
    id_this.src="pmd/images/downarrow2_m.png";
--- a/pmd/styles/default/images/Field_small_char.png
+++ b/pmd/styles/default/images/Field_small_char.png
--- a/pmd/styles/default/images/Field_small_date.png
+++ b/pmd/styles/default/images/Field_small_date.png
--- a/pmd/styles/default/images/Field_small_int.png
+++ b/pmd/styles/default/images/Field_small_int.png
--- a/pmd/styles/default/style1.css
+++ b/pmd/styles/default/style1.css
@@ -1,114 +1,143 @@
-/* $Id$ */
-
-body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#EAEEF0; }
-/*.left_panel{ background-color:#EAEEF0;  background-image:url(images/left_panel_tab.png);  background-repeat:repeat-y; }*/
-.input_tab { background-color:#A6C7E1;}
-/*-------------------------------------------------------------*/
-/*.general_body { background-image:url(images/top_panel.png); background-position:top; background-repeat:repeat-x; }*/
-table { font-size:12px; }
-#canvas { background-color:#FFFFFF; }
-.tab { -moz-user-select: none; background:#FFFFFF; border-collapse: collapse; border: 1px solid #AAAAAA; font-family:Tahoma; font-size:10px; z-index:1; }
-.tab_zag { background-image:url(images/Header.png); background-repeat:repeat-x; text-align:center; cursor:move; padding:1px; font-weight:bold; }
-.tab_zag_2 { background-image:url(images/Header_Linked.png); background-repeat:repeat-x; text-align:center; cursor:move; padding:1px; font-weight:bold; }
-.tab_zag_3 { background-color:#FF0000; background-repeat:repeat-x; text-align:center; cursor:move; padding:1px; font-weight:bold; }
-#tab_field { background:#FFFFFF; cursor:default; }
-#tab_field_2 { background-color:#CCFFCC; background-repeat:repeat-x; cursor:default;}
-#hint{ white-space:nowrap; position:absolute;  background:#99FF99;  left: 200px;  top: 50px;  z-index:3;  border:#00CC66 solid 1px;  visibility:hidden;}
-/*
-.L_butt,.L_butt:visited {  font-size:12px;  padding:4px;  text-decoration: none;  color:#000000;  vertical-align:middle;  cursor:default;}
-.L_butt:hover{  font-size:12px;  padding:3px;  border:#0099CC solid 1px;  background:#FFEE99;  text-decoration: none;  color:#000000;  cursor:default;}
-*/
-a.M_butt img, a.M_butt_Selected img 
-{
-  width: 20px;
-  height: 20px;
-  cursor: default;
-  border-width: 0px;
-  padding:2px;
-}
-
-a.M_butt img:hover, a.M_butt_Selected img:hover 
-{
-  padding:1px;
-  border: 1px solid #0099CC;
-  cursor: default;
-  background-color: #FFEE99;
-}
-
-.M_butt_Selected_down img
-{
-  padding:1px;
-  border: 1px solid #0A246A;
-  cursor: default;
-  background-color:#99FF99;/*#C6CDE2;*/
-}
-
-.M_bord 
-{
-  border: 0;
-  margin-left: 2px;
-  margin-right: 2px;
-  margin-bottom:4px;
-}
-
-
-
-
-
-form{margin:0px;}
-.scroll_tab{  overflow:scroll;   width:100%; height:500px; }
-.Tabs{  font-family:Tahoma;  font-size:10px;  color:#0055bb;  white-space:nowrap;  text-decoration: none;  text-indent:3px;  font-weight:bold;
-  margin-left:2px;  text-align:left;  background-color:#FFFFFF;  background-image:url(images/left_panel_butt.png);  border:#CCCCCC solid 1px;}
-.owner{  font-family:Tahoma;  font-size:9px;  font-weight:normal;  color:#888888;}
-.Tabs2{  font-family:Tahoma;  font-size:10px;  color:#0055bb;  background:#FFEE99;  text-indent:3px;  font-weight:bold;  white-space:nowrap;
-  text-decoration: none;  border:#9999FF solid 1px;  text-align:left;}
-.small_tab{ vertical-align:top;  color:#FFFFFF;  border:#0066FF solid 1px;  background-image:url(images/small_tab.png);  cursor:default;
-  text-align:center;  font-weight:bold;  padding-left:2px;  padding-right:2px;  width:1px;  text-decoration:none;}
-.small_tab2{  vertical-align:top;  color:#FFFFFF;  background-color:#FF9966;  border:#0066FF solid 1px;  cursor:default;  padding-left:2px;
-  padding-right:2px;  text-align:center;  font-weight:bold;  width:1px;  text-decoration:none;}
-.small_tab_pref{  background-image:url(images/Header.png);  background-repeat:repeat-x;  text-align:center;  width:1px;}
-.small_tab_pref2{  vertical-align:top;  color:#FFFFFF;  background-color:#FF9966;  border:#0066FF solid 1px;  cursor:default;
-  text-align:center;  font-weight:bold;  width:1px;  text-decoration:none;}
-input,select,textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; border:#6699CC solid 1px;  background-color:#FFFFFF;}
-#butt{ border:#4477aa solid 1px; font-size:11;  font-weight:bold; height:19px; width:70px; background-color:#FFFFFF; vertical-align:baseline;}
-.L_butt2_1{  font-size:12px;  padding:1px;  text-decoration: none;  color:#000000;  vertical-align:middle;  cursor:default;}
-.L_butt2_2{  font-size:12px;  padding:0px;  border:#0099CC solid 1px;  background:#FFEE99;  text-decoration: none;  color:#000000;  cursor:default;}
-/* -----------------------------------------------------------------------------------------------------------*/
-.bor{  width:10px;   height:10px;}
-#frams1 { background: url(images/1.png) no-repeat right bottom; } 
-#frams2 { background: url(images/2.png) no-repeat left bottom;  }
-#frams3 { background: url(images/3.png) no-repeat left top;     } 
-#frams4 { background: url(images/4.png) no-repeat right top;    }
-#frams5 { background: url(images/5.png) repeat-x center top;    }	
-#frams6 { background: url(images/6.png) repeat-y left; } 
-#frams7 { background: url(images/7.png) repeat-x bottom;  }
-#frams8 { background: url(images/8.png) repeat-y right; } 
-
-#osn_tab { background-color:#FFFFFF; border:#A9A9A9 solid 1px;}
-
-ul.header {
-    width: 300px;
-    background-color: #EAEEF0;
-    color: #000000;
-    text-align: center;
-  /*  padding: 0 0 2px 0;*/
-    /*border-bottom: 1px solid #000000;*/
-    font-weight: bold;
-    left: 0;
-    top: 0;
-    position: fixed;
-    margin: 0;
-   
-    z-index:1001;
-    padding:2px; 
-    background-image:url(images/top_panel.png);
-    background-position:top;
-    background-repeat:repeat-x;
-    border-left:#999999 solid 1px;
-    border-right:#999999 solid 1px;
-    /* following MSIE hack was originally written by Riki Fridrich
-     * <http://www.fczbkk.com> */
-/*    position: expression("absolute");*/
-/*    width: expression(document.body.clientWidth);*/
-/*    top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);*/
-}
+/* $Id$ */
+
+body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#EAEEF0; margin:0px; }
+/*.left_panel{ background-color:#EAEEF0;  background-image:url(images/left_panel_tab.png);  background-repeat:repeat-y; }*/
+.input_tab { background-color:#A6C7E1;}
+/*-------------------------------------------------------------*/
+/*.general_body { background-image:url(images/top_panel.png); background-position:top; background-repeat:repeat-x; }*/
+table { font-size:12px; }
+#canvas { background-color:#FFFFFF; }
+
+
+canvas{display:inline-block;overflow:hidden; text-align:left;}
+canvas *{behavior:url(#default#VML)}
+
+
+.tab { -moz-user-select: none; background:#FFFFFF; border-collapse: collapse; border: 1px solid #AAAAAA; font-family:Tahoma; font-size:10px; z-index:1; }
+.tab_zag { background-image:url(images/Header.png); background-repeat:repeat-x; text-align:center; cursor:move; padding:1px; font-weight:bold; }
+.tab_zag_2 { background-image:url(images/Header_Linked.png); background-repeat:repeat-x; text-align:center; cursor:move; padding:1px; font-weight:bold; }
+/*.tab_zag_3 { background-color:#FF0000; background-repeat:repeat-x; text-align:center; cursor:move; padding:1px; font-weight:bold; }*/
+#tab_field { background:#FFFFFF; cursor:default; }
+#tab_field_2 { background-color:#CCFFCC; background-repeat:repeat-x; cursor:default;}
+#hint{ white-space:nowrap; position:absolute;  background:#99FF99;  left: 200px;  top: 50px;  z-index:3;  border:#00CC66 solid 1px;  visibility:hidden;}
+/*
+.L_butt,.L_butt:visited {  font-size:12px;  padding:4px;  text-decoration: none;  color:#000000;  vertical-align:middle;  cursor:default;}
+.L_butt:hover{  font-size:12px;  padding:3px;  border:#0099CC solid 1px;  background:#FFEE99;  text-decoration: none;  color:#000000;  cursor:default;}
+*/
+
+
+form{margin:0px;}
+.scroll_tab{  overflow:scroll;   width:100%; height:500px; }
+
+.Tabs{  cursor:default; font-family:Tahoma;  font-size:10px;  color:#0055bb;  white-space:nowrap;  text-decoration: none;  text-indent:3px;  font-weight:bold;
+  margin-left:2px;  text-align:left;  background-color:#FFFFFF;  background-image:url(images/left_panel_butt.png);  border:#CCCCCC solid 1px;}
+.Tabs2{  cursor:default; font-family:Tahoma;  font-size:10px;  color:#0055bb;  background:#FFEE99;  text-indent:3px;  font-weight:bold;  white-space:nowrap;
+  text-decoration: none;  border:#9999FF solid 1px;  text-align:left;}
+
+.owner{  font-family:Tahoma;  font-size:9px;  font-weight:normal;  color:#888888;}
+.small_tab{ vertical-align:top;  color:#FFFFFF;   background-image:url(images/small_tab.png);  cursor:default;
+  text-align:center;  font-weight:bold;  padding-left:2px;  padding-right:2px;  width:1px;  text-decoration:none;}
+.small_tab2{  vertical-align:top;  color:#FFFFFF;  background-color:#FF9966;   cursor:default;  padding-left:2px;
+  padding-right:2px;  text-align:center;  font-weight:bold;  width:1px;  text-decoration:none;}
+.small_tab_pref{  background-image:url(images/Header.png);  background-repeat:repeat-x;  text-align:center;  width:1px;}
+.small_tab_pref2{  vertical-align:top;  color:#FFFFFF;  background-color:#FF9966; cursor:default;
+  text-align:center;  font-weight:bold;  width:1px;  text-decoration:none;}
+input,select,textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; border:#6699CC solid 1px;  background-color:#FFFFFF;}
+#butt{ border:#4477aa solid 1px; font-size:11;  font-weight:bold; height:19px; width:70px; background-color:#FFFFFF; vertical-align:baseline;}
+.L_butt2_1{  font-size:12px;  padding:1px;  text-decoration: none;  color:#000000;  vertical-align:middle;  cursor:default;}
+.L_butt2_2{  font-size:12px;  padding:0px;  border:#0099CC solid 1px;  background:#FFEE99;  text-decoration: none;  color:#000000;  cursor:default;}
+/* -----------------------------------------------------------------------------------------------------------*/
+.bor{  width:10px;   height:10px;}
+#frams1 { background: url(images/1.png) no-repeat right bottom; } 
+#frams2 { background: url(images/2.png) no-repeat left bottom;  }
+#frams3 { background: url(images/3.png) no-repeat left top;     } 
+#frams4 { background: url(images/4.png) no-repeat right top;    }
+#frams5 { background: url(images/5.png) repeat-x center bottom;    }	
+#frams6 { background: url(images/6.png) repeat-y left; } 
+#frams7 { background: url(images/7.png) repeat-x top;  }
+#frams8 { background: url(images/8.png) repeat-y right; } 
+
+#osn_tab { background-color:#FFFFFF; border:#A9A9A9 solid 1px;}
+
+ul.header {
+    width: 300px;
+    background-color: #EAEEF0;
+    color: #000000;
+    text-align: center;
+    font-weight: bold;
+    left: 0;
+    top: 0;
+    position: fixed;
+    margin: 0;
+    z-index:1001;
+    
+    padding:0px;
+    
+    background-image:url(images/top_panel.png);
+    background-position:top;
+    background-repeat:repeat-x;
+    
+    border-right:#999999 solid 1px;
+    /*border-bottom:#999999 solid 1px;*/
+    border-left:#999999 solid 1px;
+}
+
+/* Button CSS rules */
+
+a.M_butt img, a.M_butt_Selected_down img {
+	width: 20px;
+	height: 20px;
+	cursor: default;
+  margin-top: 3px;
+	margin-left: 1px;
+	margin-bottom: 3px;
+}
+
+a.M_butt img{
+	border: 1px dotted #F0F0EE !important;
+}
+
+a.M_butt_Selected_down img {
+	border: 1px solid #C0C0BB !important;
+	background-color: #99FF99;
+}
+
+a.M_butt img:hover {
+	border: 1px solid #0099CC !important;
+	cursor: default;
+	background-color: #FFEE99;
+}
+
+/* for IE */
+
+* html a.M_butt img, a.M_butt_Selected_down_IE {
+	border: 0px !important;
+	margin-top: 4px;
+	margin-bottom: 1px;
+}
+
+* html a.M_butt{
+	/*border: 1px dotted #F0F0EE;*/
+	border: 1px dotted #FFFFFF;
+	cursor: default;
+}
+
+a.M_butt_Selected_down_IE {
+	border: 1px solid #C0C0BB;
+	background-color: #99FF99;
+}
+
+* html a.M_butt:hover {
+	border: 1px solid #0099CC;
+	cursor: default;
+	background-color: #FFEE99;
+}
+
+.M_bord 
+{
+  border: 0;
+  margin-left: 2px;
+  margin-right: 2px;
+  margin-bottom:4px;
+}
+