FiveWin Web Interface

[Bayron]

James,
Is just not working right now... They probably changed something...

[Carlos Mora]

Hello Norberto,

Antonio, but ie9 is more secure, or not? see: (one of several overview):

May be better to look into independent sites, like wikipedia. About browser security in particular:

http://en.wikipedia.org/wiki/Comparison_of_web_browsers#Vulnerabilities

IE has never been a good reference in security matters, nor it's today. There is also a lot of tables with comparison of different aspects of browsers, so you will find it very interesting.

[norberto]

Carlos, thank you, really shows other data, but think about a given this source: Why put all versions of IE, and only the new than chrome? a reliable source would put all of chrome also or would make the comparison of only the latest versions, it is clear that putting only last of chrome and comparing with all IE (old) they want to do the opinion in favor of this browser.
I'm not saying that this wrong, but as you said, each search want influence one or the other ...

[Antonio Linares]

Antonio,

The sandbox looks great. However, maybe I don't understand it, but the Run button is not showing the code in the edit screen (the displayed text is different than what is in the edit display). This is not the case in your included screenshot, but it is the case when I run the code example. Please explain.

James

James,

There is some code to fix, as we need to wait to download from the server the updated HTML, and there is no a DoEvents for javascript, so we are looking for an alternative solution.

[Carlos Mora]

Norberto,

i don't think so . Wikipedia is absolutely independent, there is no relation between browsers and wikipedia, and that was just an effort to use an independent reference. And its contents is absolutely public, so if it was partial in any way i'm sure it will be objected by the affected part.

The comparision is between used browsers. The version of Chrome never has been significant, but in IE the version means even different products and behavoirs. And, just in case, you can ignore the reference to the other versions and just compare IE9.
May be the fact that previous versions of IE are compared is because there are versions still in use with a strong presence. Even MS is making a campaign in favor of droping down definitively IE6 trying to convince the most resistant users to change. http://www.ie6countdown.com

In other aspects, the comparisions and test referenced in tables are conducted by internet authoritative entities, like W3C. In any case the sources of every comparision can be traced, and exceptions in the test are observed in footnotes. Interesting independent test to check web standars : http://www.acidtests.org/

I've been lucky lately, I had the chance to make some experience last years developing internet applications, and the incompatibilities between browsers are a real nightmare. And IE 6 and 7 are the worst, in terms of compatibility with internet standards. Ask to any web developer and probably he/she will confirm my opinion.

Best regards

[Adolfo]

Norberto

There are more problems with IE8, IE9

Plese visit this site www.haz.io with the different browsers you've got.

See how your browser supports HTML5,CSS3 and Javascript.

IE is the WORST. No matter which version.

[cdmmaui]

Hi Antonio,

Great work on the Web Interface! By any chance, do you have timeline to have a commercial version ready? I have several projects and would like to know if I can wait for the Web Interface.

SIncerely,

[Antonio Linares]

Darrell,

We can't say a date yet, but we plan to have it ready by end 2011, beginning 2012

[norberto]

Antonio , Great . im waiting...

[Bayron]

Hi everyone,

Antonio,

I tested some modifications to function Dialog() on IE9, FireFox and Chrome, and it works fine centering the dialog in the screen and with the overlay...

I hope other users can test in other WebBrowsers...

Code: Select all | Expand

function Dialog( cTitle, nWidth, nHeight )
{
      var body = document.body;
      
   this.overlay = document.createElement( "div" );
   this.dlg = document.createElement( "div" );
   this.oldDlg = oDlg;
   this.oldFrame = oFrame;
      
   this.overlay.className = "overlay";
   this.overlay.id = "overlay";
   this.overlay.style.height = window.screen.height;
   this.overlay.style.width = window.screen.width;
   body.appendChild( this.overlay );

   this.dlg.className = "dialog";
   this.dlg.id = "dialog";
   this.dlg.style.width  = nWidth;
   this.dlg.style.height = nHeight;
   this.dlg.style.top    = ( parseFloat( window.screen.height ) / 2 ) - ( parseFloat( this.dlg.style.height ) );
   this.dlg.style.left   = ( parseFloat( window.screen.width ) / 2 ) - ( parseFloat( this.dlg.style.width ) / 2 );
   this.dlg.innerHTML    = "<h2>" + cTitle + "</h2>";
   body.appendChild( this.dlg );
      
   this.End = function() { this.dlg.parentNode.removeChild( this.dlg ); 
                             this.overlay.parentNode.removeChild( this.overlay ); 
                           oDlg = this.oldDlg; oFrame = this.oldFrame; };
                           
   this.GetControl = function( cName ) { var aControls = document.getElementsByName( cName );
                                         if( aControls.length > 0 )
                                            return aControls[ aControls.length - 1 ];
                                         else
                                            return null; };                            
}
 

[Antonio Linares]

Bayron,

Thanks!

[Bayron]

Aparently, centering was not working propertly cross browsers and with different dialog sizes...

Now, when the browser is very smal, the dialog will not be centered, but instead will be right after the menu in height and at 1 at widht...

Also overlay was oversized and poping scroll bars horizontal and vertical... (now fixed) and working fine in my computer...

Code: Select all | Expand

function Dialog( cTitle, nWidth, nHeight )
{
   var body = document.body;

   this.overlay = document.createElement( "div" );
   this.dlg = document.createElement( "div" );
   this.oldDlg = oDlg;
   this.oldFrame = oFrame;
      
   this.overlay.className = "overlay";
   this.overlay.id = "overlay";

   if (/Firefox/.test(navigator.userAgent))
      this.overlay.style.height = window.screen.height - 106;
   else if (/MSIE/.test(navigator.userAgent))
      this.overlay.style.height = window.screen.height - 131;
   else
      this.overlay.style.height = window.screen.height - 101;

   if (/MSIE/.test(navigator.userAgent))
      this.overlay.style.width =  window.screen.width - 23 ;
   else
      this.overlay.style.width =  window.screen.width ;

   body.appendChild( this.overlay );

   this.dlg.className = "dialog";
   this.dlg.id = "dialog";
   this.dlg.style.width  = nWidth;
   this.dlg.style.height = nHeight;

   if (/MSIE/.test(navigator.userAgent))
   {
      var oDlgHeight = ( parseFloat( body.parentNode.clientHeight ) / 2 ) - ( parseFloat( this.dlg.style.height ) / 2);
      var oDlgWidth = ( parseFloat( body.parentNode.clientWidth ) / 2 ) - ( parseFloat( this.dlg.style.width ) / 2 );
      
      if ( oDlgHeight >= 40 )
         oDlgHeight = oDlgHeight;
      else
         oDlgHeight = 48;
         
      if ( oDlgWidth >= 0 )
         oDlgWidth = oDlgWidth;
      else
         oDlgWidth = 1;
         
      this.dlg.style.top    = oDlgHeight; 
      this.dlg.style.left   = oDlgWidth;
   }
   else
   {
      var oDlgHeight = ( parseFloat( body.clientHeight ) / 2 ) - ( parseFloat( this.dlg.style.height ) / 2 );
      var oDlgWidth = ( parseFloat( body.clientWidth ) / 2 ) - ( parseFloat( this.dlg.style.width ) / 2 );
      
      if ( oDlgHeight >= 40 )
         oDlgHeight = oDlgHeight;
      else
         var oDlgHeight = 42;

      if ( oDlgWidth >= 0 )
         oDlgWidth = oDlgWidth;
      else
         oDlgWidth = 1;
         
      this.dlg.style.top    = oDlgHeight; 
      this.dlg.style.left   = oDlgWidth;
   }

   this.dlg.innerHTML    = "<h2>" + cTitle + "</h2>";
   body.appendChild( this.dlg );
      
   this.End = function() { this.dlg.parentNode.removeChild( this.dlg ); 
                             this.overlay.parentNode.removeChild( this.overlay ); 
                           oDlg = this.oldDlg; oFrame = this.oldFrame; };
                           
   this.GetControl = function( cName ) { var aControls = document.getElementsByName( cName );
                                         if( aControls.length > 0 )
                                            return aControls[ aControls.length - 1 ];
                                         else
                                            return null; };                            
}
 

Please test in your computer and let me know if it is working propertly in other computers...

[Bayron]

Get's where not working on IE,
With this code, now it works fine for me on Win7 and IE9, Chrome and FireFox

Code: Select all | Expand

function Get( nTop, nLeft, cText, oDlg, nWidth, nHeight, cId )
{
    document.getElementsByClassName = function(class_name) {
       var docList = this.all || this.getElementsByTagName('*');
       var matchArray = new Array();

       /*Create a regular expression object for class*/
       var re = new RegExp("(?:^|\\s)"+class_name+"(?:\\s|$)");
       for (var i = 0; i < docList.length; i++) {
           if (re.test(docList[i].className) ) {
               matchArray[matchArray.length] = docList[i];
           }
       }

        return matchArray;
    }//eof annonymous function
   

   var get = document.createElement( "input" );
   var aGets = document.getElementsByClassName( "get" );

   get.type           = "text";
   get.className      = "get";

   if( typeof cId != "undefined" )
      get.id             = cId; 
   else
      get.id             = "get";

   get.style.position = "absolute";
   get.style.top      = nTop;
   get.style.left     = nLeft;
   get.style.width    = nWidth;
   get.style.height   = nHeight;
   get.value          = cText;
   get.name           = "get" + ( aGets.length + 1 ).toString();
      
   if( typeof oDlg != "undefined" )
      oDlg.dlg.appendChild( get );
   else
      document.body.appendChild( get );
  
}   

function ChangeGet( cId, cText )  
{   
    var change = document.getElementById(cId);
    change.value = cText;

}

 

Including an Id, now get's can be changed dinamically...

Example

Code: Select all | Expand

   Get( 220 -8,180, "Sin Cambiar", undefined, 200, 30, 'g1' );
   
   ChangeGet( "g1", "Get Cambiado...!!!!" );
 

Supplying 'undefined', instead of oDlg, get's can be used in main window also....

[Bayron]

Images are shown in IE and Chrome but not in FireFox....

Code: Select all | Expand

   var image = document.createElement( "image" );
 

must be changed to:

Code: Select all | Expand

   var image = document.createElement( "img" );
 

[cdmmaui]

Hello Antonio,

I thought I'd check in to see if the FiveWin Web interface is on target for end of December. I have pending web projects and I would like to use the FiveWin Web interface.

Thank you,