Web Development

7-Feb-03 21:20

I have a class defined like this, in my css file:

.MyTD
{
    height:20px;
}

And in the html file, I have:

...
<td class="MyTD">blah blah</td>
...

The problem is, in IE5, the height is "too small", and in IE6 it's OK. On the other hand, if I change the height in the css to 25px, it now looks OK in IE5, but now it is "too tall" in IE6.

What could be the cause of this?

I should mention here that both the PCs have the same dislay setting, same resolution, everything is the same, except the browser. So when I say it should be 25px, shouldn't it be 25px, no less, no more? Why does it look different on both the PCs?

Is there any way to include two different css files for IE5 and IE6? But then how can I be sure that the other browsers are dislaying it correctly? I don't have a lot of them installed, where I can test them. I thought the best thing would be to follow the standard, and this is what I am doing. My css file validates as CSS2 at the w3.org website. But then why this problem?

Any help with this would be much appreciated, and thanks a lot in advance. Smile | :)

Regards,

Rohit Sinha

Character is like a tree, and reputation like its shadow. The shadow is what we think of it; the tree is the real thing.
- Abraham Lincoln

The whole world steps aside for the man who knows where he is going.
- Anonymous

Philip Patrick7-Feb-03 21:43

Philip Patrick

7-Feb-03 21:43

Well, IE5 didn't support standards, since they were still under development. This can answer to "why".
And yes, you can use different stylesheets for browsers. If you can do ASP, then just determine the browser and write out appropriate "link" tag. If not, well, try to do the same with javascript, e.g. using document.write()
Oh and don't try to catch ALL browsers. You can't Smile | :)

IE5, IE6, Netscape and Opera are enough Smile | :)

Philip Patrick
Web-site: www.stpworks.com
"Two beer or not two beer?" Shakesbeer

Rohit Sinha8-Feb-03 0:58

8-Feb-03 0:58

Philip Patrick wrote:
If you can do ASP, then just determine the browser and write out appropriate "link" tag.

Yes, I think I'll have to do it that way. Thanks for the tip. Smile | :)

Regards,

Rohit Sinha

Stephane Rodriguez.7-Feb-03 22:17

Stephane Rodriguez.

7-Feb-03 22:17

Rohit Sinha wrote:
The problem is, in IE5, the height is "too small", and in IE6 it's OK. On the other hand, if I change the height in the css to 25px, it now looks OK in IE5, but now it is "too tall" in IE6.

Are you talking about the height of the font, or the height of the table cell (as you have embedded the text in a <td> tag) ?

I recommend to make all experimentations outside <td> tags, to avoid the weaknesses and changes of the browser table rendering algorithm throughout versions.

Rohit Sinha8-Feb-03 0:56

8-Feb-03 0:56

.S.Rod. wrote:
Are you talking about the height of the font, or the height of the table cell (as you have embedded the text in a tag) ?

The height of the table cell. I also defined other attributes of the td in the css file, but omitted them here, because I thought there were not relevant. Font weight, font family, borders, padding, etc. Is it possible that IE5 does not recognize, or chooses to ignore, some of these attributes, such as padding, which may be causing it?

Anyway, is there some way of making the browser include a different css file, depending on the browser type? I read somewhere about those "@import" tricks, but it's been a long time and I don't remember what they were, nor can I find the source again.

Of course, if everything fails, I'll detect the browser type in asp as Philip Patrick suggested above, and change it from there, but I want to make it a last resort.

Regards,

Rohit Sinha

Stephane Rodriguez.8-Feb-03 2:35

Stephane Rodriguez.

8-Feb-03 2:35

Rohit Sinha wrote:
Is it possible that IE5 does not recognize, or chooses to ignore, some of these attributes, such as padding, which may be causing it?

Yes, these unfortunate things are called bugs, or broken compatibility or even improvements (depending on your point of view). What's unsure is whether they were on purpose or not. Wink | ;)

Rohit Sinha wrote:
Anyway, is there some way of making the browser include a different css file, depending on the browser type?

Yes. For instance, in your html header section add this :

<!--CSS_START-->
<SCRIPT SRC="dtuelink.js"></SCRIPT>
<!--CSS_END-->

dtuelink.js :

var ieVer = getIEVersion();

writeCSS(jsPath);

function getIEVersion() {
//determines the IE version. Returns 0 if not IE
  var verNum = 0
  if (navigator.appName == "Microsoft Internet Explorer") {
    var sVer = window.navigator.userAgent
    var msie = sVer.indexOf ( "MSIE " )
    if ( msie > 0 ) {	// browser is Microsoft Internet Explorer; return version number
      verNum = parseFloat( sVer.substring ( msie+5, sVer.indexOf ( ";", msie ) ) );
    }
  }
  return verNum;
}

// buid CSS path depending on IE version, or Netscape, ...
function writeCSS(spath) {
  var dtueCSS = "";
  var HxLinkPath = "";
  var HxLink = "";

  if ( ieVer == 4) {
   ....
  }

  // Insert CSS calls
  document.writeln('<LINK REL="stylesheet" HREF="' + HxLinkPath + HxLink + '">');
  document.writeln('<LINK REL="stylesheet" HREF="' + spath + dtueCSS + '">');
}

PS : word of wisdom, be sure to know that by adding pixel-fixed CSS styles, you are preventing your audience to resize the text in the browser.

Richard Deeming10-Feb-03 0:32

Richard Deeming

10-Feb-03 0:32

There's an article on MSDN about the changes to CSS in IE6:
http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp[^]

You should be able to change the DOCTYPE to force IE6 to use the IE5 model.

"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer

Rohit Sinha10-Feb-03 2:30

How to create a chatroom application

10-Feb-03 2:30

Wow, thanks for the link. Turned out there is a slight discrepancy between IE5 and IE6 in the way they calculate the height and width of elements. IE6 does it the CSS way, while IE5 has got it slightly wrong. Not that it's going to help me get the height OK, except by following S/ Rod.'s advice above, but at least I know what else to watch out for.

Thanks a bunch. Smile | :)

Regards,

Rohit Sinha

Ph@ntom7-Feb-03 19:39

Ph@ntom

7-Feb-03 19:39

Hi,

I wanna make a web-based chatroom applicaiton in ASP or ASP+ or ASP.Net .

Please can anybody suggest me what is the preferable method to relay chat data (text) on web-based application. What is the effecient way to relay the textual data, and where should I kept that data on web-server in order to display during the chat in chat rooms.

regards Cool | :cool:

Dammy More

Re: How to create a chatroom application

Philip Patrick7-Feb-03 21:47

Philip Patrick

7-Feb-03 21:47

Well, there are many options available. Like holding all chat text/information in Application, or in XML files or plain text files on the server. You can find good examples here:
http://www.aspin.com/home/webapps/chat[^]

Philip Patrick
Web-site: www.stpworks.com
"Two beer or not two beer?" Shakesbeer

how can you dynamically add hidden form element in ASP.NET

devvvy7-Feb-03 16:55

mouseover color for DataGrid.

7-Feb-03 16:55

how can you dynamically add hidden form element in ASP.NET? In classical ASP, the following code will suffice:

function SubmitForm(objForm, value)
{

var objInput=document.createElement("Input"); //What should be the "type" for objInput? In C#, you cant just "var objInput". Tpye must be clearly specified.

objInput.type = "hidden";

objInput.name = "forum_table";

objInput.value = value;

objForm.appendChild(objInput);

//Submit the document.
objForm.submit();

return true;
}

So code snippet in C#/ASP.NET will be very helpful. THanks.

norm

devvvy7-Feb-03 16:25

Re: mouseover color for DataGrid.

7-Feb-03 16:25

How do you set the mouse over color of a DataGrid?

In ASP, for each row:

I dont see that in the property pane...

Thanks.

norm

Steve McLenithan7-Feb-03 18:11

Steve McLenithan

7-Feb-03 18:11

use style sheets Cool | :cool:

********************
* $TeVe McLeNiThAn
********************

Can I hide <option> elements?

jerry0davis7-Feb-03 4:01

jerry0davis

7-Feb-03 4:01

I have a list with loads of elements. I would like to provide an edit box that when typed into reduces the number of elements to matching ones only.

I wish to use JavaScript only, and I relaise I could use a large array, match the array, emply the list, and re-populate using the matches. however there are so many elements that I'd rather not create an array as this would slow the page download speed.

Perhaps is there any way I can make an element invisible? Can anyone think of a better way please? Thanks. Smile | :)

I feel like I'm diagonally parked in a parallel universe

Jeremy Davis
http://www.astad.org
http://www.jvf.co.uk

Re: Can I hide <option> elements?

Paul Riley7-Feb-03 4:28

Paul Riley

7-Feb-03 4:28

Jeremy Davis wrote:
however there are so many elements that I'd rather not create an array as this would slow the page download speed

Would it? Surely if you have an array, you don't need the option tags because you can populate it onload? In theory you might reduce the size of your page.

There may be a better way, it just occurs to me that this is a strange presumption.

Paul
And you run and you run to catch up with the sun, but it's sinking
Racing around to come up behind you again
The sun is the same in a relative way, but you're older
Shorter of breath, one day closer to death - Pink Floyd, Time

Re: Can I hide <option> elements?

jerry0davis7-Feb-03 4:31

jerry0davis

7-Feb-03 4:31

Paul Riley wrote:
Would it? Surely if you have an array, you don't need the option tags because you can populate it onload? In theory you might reduce the size of your page.

Good point. I might have a go....

I feel like I'm diagonally parked in a parallel universe

Jeremy Davis
http://www.astad.org
http://www.jvf.co.uk

uniqueidentifier, adoguid, DataGrid

devvvy6-Feb-03 22:03

Re: uniqueidentifier, adoguid, DataGrid

6-Feb-03 22:03

uniqueidentifier, adoguid, DataGrid

1. MY TABLE SCHEMA:
I have this table with the following schema:

column SQL server data type ado data type
MsgID uniqueidentifier adoguid
MsgTitle char(250) adchar
MsgBody char(5000) adchar

2. WHAT I DID:
I load the data into a DataSet, then load the DataSet into a DataView (i need it for RowFilter), then bind the DataView to DataGrid. Code snippet as follows:

oConn = new SqlConnection(sConnect);

daForum = new SqlDataAdapter(sCommand, oConn);
daForum.Fill(this.dsForum, "Forum"); //dsForum is the DataSet

this.dvForum.Table = this.dsForum.Tables["Forum"];

//DataView: Apply row filter - we want to display root message only: ie. ParentMsgID='Null'
dvForum.RowFilter="IsNull(ParentMsgID,'Null')='Null'";

//DataGrid:
this.dgForum.DataSource = dvForum;
this.dgForum.DataBind();

oConn.Close();

3. THE PROBLEM:
3a. MsgID column disappeared? Where did this happen? When I load it to DataView? Or when DataGrid binds to DataView?
3b. The intention is, when user click a row on the datagrid, I would retrieve MsgID with "ItemCommand" event handling mechanism:

protected void Command(Object Sender, DataGridCommandEventArgs e)
{
....
//Reference (data type): http://www.devhood.com/tutorials/tutorial_details.aspx?tutorial_id=454
Guid gdMsgID;
gdMsgID = e.Item.Cell[0].Text; //I wish to retrieve MsgID as follows.
}

code snippet will be very helpful... thanks!uniqueidentifier, adoguid, DataGrid

1. MY TABLE SCHEMA:
I have this table with the following schema:

column SQL server data type ado data type
MsgID uniqueidentifier adoguid
MsgTitle char(250) adchar
MsgBody char(5000) adchar

2. WHAT I DID:
I load the data into a DataSet, then load the DataSet into a DataView (i need it for RowFilter), then bind the DataView to DataGrid. Code snippet as follows:

oConn = new SqlConnection(sConnect);

daForum = new SqlDataAdapter(sCommand, oConn);
daForum.Fill(this.dsForum, "Forum"); //dsForum is the DataSet

this.dvForum.Table = this.dsForum.Tables["Forum"];

//DataView: Apply row filter - we want to display root message only: ie. ParentMsgID='Null'
dvForum.RowFilter="IsNull(ParentMsgID,'Null')='Null'";

//DataGrid:
this.dgForum.DataSource = dvForum;
this.dgForum.DataBind();

oConn.Close();

3. THE PROBLEM:
3a. MsgID column disappeared? Where did this happen? When I load it to DataView? Or when DataGrid binds to DataView?
3b. The intention is, when user click a row on the datagrid, I would retrieve MsgID with "ItemCommand" event handling mechanism:

protected void Command(Object Sender, DataGridCommandEventArgs e)
{
....
//Reference (data type): http://www.devhood.com/tutorials/tutorial_details.aspx?tutorial_id=454
Guid gdMsgID;
gdMsgID = e.Item.Cell[0].Text; //I wish to retrieve MsgID as follows.
}

code snippet will be very helpful... thanks!

norm

devvvy6-Feb-03 22:50

I've got the Guid displayed on DataGrid, but still need to retrieve it and call stored procedure.

6-Feb-03 22:50

In particular, I want to do something like this:

protected void Command(Object sender, DataGridCommandEventArgs e)
{
Guid gdMsgID;
DataRow dr;

gdMsgID = (Guid) e.Item.Cells[0].Text;
dr = this.dsForum.Tables["Forum"].Rows.Find(gdMsgID);

//Alternative 1: string strItem = dgForum.SelectedItem.Cells[0].Text;

}

NOTE: BOTH Alternative 1 DOES NOT work. Error is something like "Cannot convert System.Guid to String..." ... something like that. But my problem is, the data grid does NOT even display the GUID column in the first place. What I really need is that GUID column be hidden in DataGrid, but the underlying DataSet should have the GUID column (MsgID). And I should be able to retrieve this column via OnCommand event handling mechanism. Any idea?

Thanks.

norm

devvvy7-Feb-03 9:32

Found a way to get around this.

7-Feb-03 9:32

I've got the Guid displayed on DataGrid, but still need to retrieve it and call stored procedure. I tried to force the column by manually entering BoundColumn - with "Visible=True":

<asp:boundcolumn visible="False" datafield="MsgID" headertext="MsgID">
<itemstyle horizontalalign="Center" width="0px">

The column is sitting right in front of my eyes. I worked gracefully.

I still need the column in Guid, so later on, in response to OnCommand, I can invoke a system stored procedure (SQL Server)

GetMsg(@MsgID, @MsgTitle, @MsgBody)

@MsgID is INPUT
@MsgTitle and @MsgBody are OUTPUT.

Code will look like:

OnCommand(...)
{
Guid gdMsgID;
String strMsgTitle;
String strMsgBody;

gdMsg = e.Item.Cells[0].Text; //PROBLEM 1!!

Set oCmd = Server.CreateObject("ADODB.Command");
With oCmd //Yeah, it's VBNET syntax. Havent figured out the C# equivalent yet - if there's one. I checked sever places, it seems there's NO equivalent in C#.

.ActiveConnection = oConn;
.CommandText = "sproc_GetMsg";
.CommandType = adCmdStoredProc;

//PROBLEM 2: 128 bits? Should I put 16 BYTEs for size?
.Parameters.Append( .CreateParameter("@MsgID", adGUID, adParamInput, 16, gdMsgID) );

//Output:
.Parameters.Append( .CreateParameter("@MsgTitle", adChar, adParamOutput, 100, strMsgTitle ) );
.Parameters.Append( .CreateParameter("@MsgBody", adChar, adParamInput, 1000, strMsgBody ) );

End With //Yeah, it's VBNET syntax...

}

Thanks.

norm

devvvy7-Feb-03 16:31

7-Feb-03 16:31

Found a way to get around this. I will just pass strMsg (in String format) to the stored procedure and have the stored procedure to do the conversion from String to UniqueIdentifier.

Still want to know if there's a way to get GUID from OnCommand/DataGrid mechanism.

norm

Any body helps ?

Jackal Jiang6-Feb-03 20:25

Jackal Jiang

6-Feb-03 20:25

Is there anybody knows how to retrieve the source code from
a certain web page? I've tried the Microsoft Internet Transfer
Control, but it seems for use in transferring file only!

Many thanks in advance

Jackal

Re: Any body helps ?

Steve McLenithan7-Feb-03 18:21

Steve McLenithan

7-Feb-03 18:21

Just remembered that Mark Nischalke[^] had this in his article: http://www.codeproject.com/aspnet/weather.asp[^]

So courtesy of him here it is:

// Open the requested URL
WebRequest req = WebRequest.Create(strURL);

// Get the stream from the returned web response
StreamReader stream = new StreamReader(req.GetResponse().GetResponseStream());

// Get the stream from the returned web response
System.Text.StringBuilder sb = new System.Text.StringBuilder();
string strLine;
// Read the stream a line at a time and place each one
// into the stringbuilder
while( (strLine = stream.ReadLine()) != null )
{
    // Ignore blank lines
    if(strLine.Length > 0 )
        sb.Append(strLine);
}
// Finished with the stream so close it now
stream.Close();

********************
* $TeVe McLeNiThAn
********************

Re: Any body helps ?

devvvy7-Feb-03 18:24