Solved

Fields within HTML tables

Posted on 2002-04-15
12
198 Views
Last Modified: 2013-12-24
Here's the scenario:

I have a database on the Internet that I have 2 forms set up for the users - one to "view" the data and another to "edit" the data.  So on the view form, the fields are locked.  On the edit form MOST of the fields are unlocked to allow them to change the data.  Some fields should not be changed therefore they are still in a locked state.

When a user is using IE 5.5, both forms display just fine.  However when the same forms are displayed in IE 6, the fields appear strange on the screen.  The form still works properly, it just looks really bad.  Not professional for a software product if you know what I mean.  The fields themselves are setup in an HTML table with 2 columns.  The left column has the field description and the right column has the text boxes for data.  However some of the right hand column's rows have more than one text box in them.  This is where we have a problem.  We show City State and Zip code and place them on the same row in the HTML table with 3 text boxes in the right column.  In IE 5.5 they look just fine.  IE 6 will take each of the text boxes and place them below each other in the right column on the view screen.  This just looks really bad.  Now once I go to the edit screen, the text boxes appear just fine - right next to each other like they are suppose to.  Is there something about the locked fields being displayed in IE 6?  The fields that we still use for display only (that are locked) on the edit form still appear wrong on different lines instead of next to each other on the same line.

Is there any explanation for this?  The server side script is using VB.  Nothing has changed on the pages, so it's gotta be something within IE 6.  I've posted on various sites but no one can answer the question - SO I came to the experts.

By the way - it's always looked bad in Netscape Navigator, but now IE 6 is doing the same thing.

Any suggestions are GREATLY appreciated!!
0
Comment
Question by:Overthere
  • 7
  • 5
12 Comments
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6986424
Could you possibly post the code of that page here so I can have a look to see if I can help you?

Thanks,
Max.
0
 

Author Comment

by:Overthere
ID: 6990329
DreamMaster,

Sorry it took so long to get back...I took a vacation.

Do you have an email address where I could send the code and samples of how it appears in both IE 5.5 and IE 6.0?  I would like you to see the difference in what I see and why I would like to get this resolved.

Thanks!
0
 

Author Comment

by:Overthere
ID: 6990774
Here's a little bit of code:

<table align="center" border="3" cellPadding="1" cellSpacing="1" width="77.31%" height=443 style="WIDTH: 603px; HEIGHT: 443px">
 
  <tr>
    <td noWrap>
            <DIV align=center><STRONG><FONT color=saddlebrown face="">Cruise
            Information</FONT></STRONG></DIV>
</td></tr>
  <tr>
    <td noWrap>&nbsp;&nbsp; Cruise Line*:
      <!--METADATA TYPE="DesignerControl" startspan
<OBJECT id=txtTourOps
      style="LEFT: 0px; WIDTH: 422px; TOP: 0px; HEIGHT: 19px"
      classid=clsid:B5F0E469-DC5F-11D0-9846-0000F8027CA0 width=422 height=19><PARAM NAME="_ExtentX" VALUE="11165"><PARAM NAME="_ExtentY" VALUE="503"><PARAM NAME="id" VALUE="txtTourOps"><PARAM NAME="ControlType" VALUE="0"><PARAM NAME="Lines" VALUE="3"><PARAM NAME="DataSource" VALUE=""><PARAM NAME="DataField" VALUE=""><PARAM NAME="Enabled" VALUE="0"><PARAM NAME="Visible" VALUE="-1"><PARAM NAME="MaxChars" VALUE="50"><PARAM NAME="DisplayWidth" VALUE="70"><PARAM NAME="Platform" VALUE="256"><PARAM NAME="LocalPath" VALUE="">
       </OBJECT>
-->
<SCRIPT LANGUAGE=JavaScript RUNAT=Server>
function _inittxtTourOps()
{
     txtTourOps.setStyle(TXT_TEXTBOX);
     txtTourOps.disabled = true;
     txtTourOps.setMaxLength(50);
     txtTourOps.setColumnCount(70);
}
function _txtTourOps_ctor()
{
     CreateTextbox('txtTourOps', _inittxtTourOps, null);
}
</script>
<% txtTourOps.display %>

<!--METADATA TYPE="DesignerControl" endspan-->
</td></tr>
  <tr>
    <td noWrap>&nbsp;&nbsp; Telephone:
      <!--METADATA TYPE="DesignerControl" startspan
<OBJECT id=txtPhoneArea
      style="LEFT: 0px; WIDTH: 110px; TOP: 0px; HEIGHT: 19px"
      classid=clsid:B5F0E469-DC5F-11D0-9846-0000F8027CA0 width=110 height=19><PARAM NAME="_ExtentX" VALUE="2910"><PARAM NAME="_ExtentY" VALUE="503"><PARAM NAME="id" VALUE="txtPhoneArea"><PARAM NAME="ControlType" VALUE="0"><PARAM NAME="Lines" VALUE="3"><PARAM NAME="DataSource" VALUE=""><PARAM NAME="DataField" VALUE=""><PARAM NAME="Enabled" VALUE="0"><PARAM NAME="Visible" VALUE="-1"><PARAM NAME="MaxChars" VALUE="15"><PARAM NAME="DisplayWidth" VALUE="18"><PARAM NAME="Platform" VALUE="256"><PARAM NAME="LocalPath" VALUE="">                          
      </OBJECT>
-->
<SCRIPT LANGUAGE=JavaScript RUNAT=Server>
function _inittxtPhoneArea()
{
     txtPhoneArea.setStyle(TXT_TEXTBOX);
     txtPhoneArea.disabled = true;
     txtPhoneArea.setMaxLength(15);
     txtPhoneArea.setColumnCount(18);
}
function _txtPhoneArea_ctor()
{
     CreateTextbox('txtPhoneArea', _inittxtPhoneArea, null);
}
</script>
<% txtPhoneArea.display %>

<!--METADATA TYPE="DesignerControl" endspan-->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Resv Agent:
      <!--METADATA TYPE="DesignerControl" startspan
<OBJECT id=txtRevAgent
      style="LEFT: 0px; WIDTH: 210px; TOP: 0px; HEIGHT: 19px"
      classid=clsid:B5F0E469-DC5F-11D0-9846-0000F8027CA0 width=210 height=19><PARAM NAME="_ExtentX" VALUE="5556"><PARAM NAME="_ExtentY" VALUE="503"><PARAM NAME="id" VALUE="txtRevAgent"><PARAM NAME="ControlType" VALUE="0"><PARAM NAME="Lines" VALUE="3"><PARAM NAME="DataSource" VALUE=""><PARAM NAME="DataField" VALUE=""><PARAM NAME="Enabled" VALUE="0"><PARAM NAME="Visible" VALUE="-1"><PARAM NAME="MaxChars" VALUE="65"><PARAM NAME="DisplayWidth" VALUE="35"><PARAM NAME="Platform" VALUE="256"><PARAM NAME="LocalPath" VALUE="">
       </OBJECT>
-->
<SCRIPT LANGUAGE=JavaScript RUNAT=Server>
function _inittxtRevAgent()
{
     txtRevAgent.setStyle(TXT_TEXTBOX);
     txtRevAgent.disabled = true;
     txtRevAgent.setMaxLength(65);
     txtRevAgent.setColumnCount(35);
}
function _txtRevAgent_ctor()
{
     CreateTextbox('txtRevAgent', _inittxtRevAgent, null);
}
</script>
<% txtRevAgent.display %>

<!--METADATA TYPE="DesignerControl" endspan-->
&nbsp;&nbsp;
</td></tr>
0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6991560
sure I do...but you should know that this question then becomes of nu use to others...

david315@planet.nl

Max.
0
 

Author Comment

by:Overthere
ID: 6992100
Well - I posted some coding anyway.  I just can't post the screens to let you "see" what the problem is.  I'll email that part to you to see if you have any clues.  Thanks Max!

0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6992230
Hello there,
 
I understand your reason for mailing this to me..It remains kinda hard to send screenshots on EE... :)
 
Now let me get this straight so I can help you...the page consists of some Active-X objects that show the form, at least that is, if I understand it all correctly?
 
First thing that rises to mind when I look at the code you posted in Experts-Exchange, is why you are using two functions with the same name..in two pieces of Server Side Javascript..
 
Your in luck as for VB programming, I happen to have two MCP diploma's for VB, so I should be able to help you out there....if that is even needed....
 
What way are you using for "locking" the fields? Are you just setting them to "disabled" or are you using other ways? It could just be that you should use styles for your form fields to display the way you want them to.
 
By the way...even in IE5.5 there are some strange differences...look at the view form and the edit form and then at the field: "Ports of call" for some reason that field is MUCH longer in view form then it is in edit form...
 
I'd suggest you have another close look at the Active X controls you are using for your forms...
 
Max.
0
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 

Author Comment

by:Overthere
ID: 6992448
Dreammaster,

   Concerning the problem with IE 6, the controls are "disabled" and we are using vbscript with InterDev.
We create a page and then use the *Design Time COntrol* to place on our pages with server-side scripting. The property page of the DTC's allow us to toggle whither the control is enabled or not. InterDev creates  the coding, param value, meta etc that you see in the Javascript. Normally, you owuld not *See* that coding,but the control itself. Does that help to explain our situation ??
0
 

Author Comment

by:Overthere
ID: 6992547
Just to clarify a bit more...

When the properties of the textbox are set to Disabled, they appear incorrect (on separate lines), however once they become enabled, they appear correct (which is why they look better on the "edit" forms).

Are you aware of anything within the properties of the DTC and IE 6?

Thanks again!
0
 
LVL 19

Accepted Solution

by:
DreamMaster earned 200 total points
ID: 6993046
Yes, I noticed that they looked ok when enabled....

I've been going over my documentation and tested some stuff out myself....but can't find any reason why this would happen...

IE6 does have some bugs, I know that...what I would try if I were you, is to just create a standard HTML form (so not generated by any controls or Design Time Controls) and see if that gives you the same problems with the disabled fields, if that is the case you can be 90% sure that this is an IE6 glitch which you cannot really help...

If it however doesn't give the same mistake, there must be something wrong with the way the forms are being generated within you design time controls...

Good luck,
Max. (now heading to work..)
0
 

Author Comment

by:Overthere
ID: 6994818
Well - I got it figured out...I found a similar question on the MSDN Developer newsgroups and here is the answer:

***************************************************
"Ken Cox [Microsoft MVP]" wrote in message news:...

The problem may be that the script libraries don't recognize IE 6 and therefore treat it as a downlevel browser. You need to edit _ScriptLibrary/pm.asp to
look like this (one line change):


function _SOM_isDHTMLBrowser()

{

if (typeof(this._isDHTMLBrowser) == 'undefined')

{

this._isDHTMLBrowser = true; // MRE - false;

var userAgent = String(Request.ServerVariables('HTTP_USER_AGENT'));

if (userAgent.indexOf('MSIE 4.') != -1 ||

userAgent.indexOf('MSIE 5.') != -1 ||

userAgent.indexOf('MSIE 6.') != -1) // this._isDHTMLBrowser = true;

} return this._isDHTMLBrowser;

}

**************************************************

When I added the coding in, the forms looked just fine.  They now look like the did in IE 5.5

Your assistance is greatly appreciated!  Thanks for hanging in there with me!
0
 

Author Comment

by:Overthere
ID: 6994823
I'm extremely grateful for your assistance and patience.  We all learn a lot from these forums!
0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6995192
Anytime Overthere...that's what we are all here for.. :) And yes...we DO learn a lot here... :) Thanks for the Grade A.

Max.
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

When deciding to adopt any help desk solutions many factors should be explored before taking decisions. This will change from business to another but in general there are some kind of rule of thumb. Here are some quick tips: Do we need only ticket…
This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now