Member Avatar for boyetp
boyetp 0 Newbie Poster
Cursor won't move to the end of the text input in div withstyle.filter in IE6 & 7

Hi All,

I have a wierd problem in IE6 and IE 7 were the cursor inside a input=text box won't move to the end of the text char. This only happens when you put a FILTER: progid:DXImageTransform.Microsoft.alpha(opacity=100) style of the div that wraps around it.

Just put the cursor in any of the text box and move to the end.

Can anybody explain why would be greatly appreciated.
here's my stripped html.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY id="body">
<DIV id="DataSourceForm_11_View" style="left:0px; BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; DISPLAY: block; FILTER: progid:DXImageTransform.Microsoft.alpha(opacity=100); BORDER-LEFT: 0px solid; WIDTH: 100%; BORDER-BOTTOM: 0px solid">
<div>
Cursor won't move to the end of the text
</div>
<div><INPUT id="Text" value="SQL;\%Total;RTDYYY;SQL_HASH\:1133266599" /> </div>
<div><INPUT id="Text" value="Cursor won't move to the end of the text" /> </div>
</DIV>
</BODY>
</HTML>

Cheers,

boyetp

Web Development javascript
Member Avatar for boyetp
boyetp 0 Newbie Poster
Re: how to maximize table cell height

use this

html, body{
    height:auto;
}

instead of using height:96%;

This is the default value of the height. Then my table won't maximize the screen viewport.
I need to have my table maximize the viewport screen.

Web Development javascript
Member Avatar for boyetp
boyetp 0 Newbie Poster
Re: if else statement using onclick

hi, i am new to this group. i cam across it when i was looking for help on the web with the informations that is out there.
i am a beginner website programmer. hint the word begginner. i am learning javascript and it is giving me a huge migraine.
i would like to know if anyone can help me understand how can i write a if else statement to onclick two images if one is < than 5 else > than 10
i know it sound easy but i been working on this part for a whole week!!

I'm not exactly sure what you're trying to accomplish.
But there are plenty of way's to do this.

You can put an id into you image and pass itself(this) to the function.

ex. <img id="img1" ... onclick="clickFunc(this)" 

function clickFunc(obj){
   if (id == img1"){
       ... your code here
  } else if(id == 'somethingelse'){
    ...
}
}

regards

Web Development javascript
Member Avatar for boyetp
boyetp 0 Newbie Poster
Re: how to maximize table cell height

Why do you have CSS outside of head tag? It should be inside header tag or use inline option (inside the tag you wish to adjust with css)

Hi Peter,

I can move the styles into the header or use inline style with the same result.
This is just my test page.

boyetp

Web Development javascript
Member Avatar for boyetp
boyetp 0 Newbie Poster
Re: how to maximize table cell height

don't use height:100%
<td style="width:100%;height:100%"> row 2 col 1</td>
use height:100px
<td style="width:100%;height:100px"> row 2 col 1</td>
and find the difference

Hi Arevelli,

I have to stretch this cell to fill up the remaining spaces.
This table can have tables inside the td.
So the table inside the table won't stretch through the length of the td.

regards,

boyetp

Web Development javascript
Member Avatar for boyetp
boyetp 0 Newbie Poster
Re: how to maximize table cell height

Im not sure if I get what you are trying to say but to eliminate the verical scroll bar you can rotate the height of the body until it suits your needs. you can achieve that by decreasing the body height

<style>
html, body
{
height:50%;
}

Hi Traicey,

I really appreciate your replay. I already tried different percentage, the latter table is a layout and they are dynamically created based on how many gadgets/widgets that I'm going to put base on our xml cofiguration. This table can have tables inside the td.

So the table inside the table won't stretch through the length of the td.
Actually if I used quirks mode works fine but I don't want to go that route.

I really need help on this.

boyetp

Web Development javascript
Member Avatar for boyetp
boyetp 0 Newbie Poster
how to maximize table cell height

Hi there,

I'm new to this forum. I need help on how to maximize a table cell height.
First I have a table layout that has 3 rows, the first and third rows have fix 50px height.
I want to max the height of the of the 2nd row to fill the remaining space.

This works fine in firefox 2 but not in IE7. the height 100% in the ie 7 causes to overlap the body which cause to create a vertical scroll bar.

how should I do this. what would be the proper value for the 2nd row? I need help.

Also if you put a nested table in the 2nd row without row height define, the 100% height table won't stretch.

here's the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<style>
html, body{
	height:96%;
}
		
body{
	border: 1px solid red;
}
</style>

<body>
<table border="1" cellspacing="5" cellpadding="5" style="height:100%; width:100%">
<tr>
<td style="width:100%;height:50px"> row 1 col 1</td> 
</tr>
<tr>
<td style="width:100%;height:100%"> row 2 col 1</td> 
</tr>
<tr>
<td style="width:100%;height:50px"> row 3 col 1</td> 
</tr>
</table>		
		
</body>
</html>

regards,

boyetp

Web Development javascript