DIV tags

FengShui1998 · Jul 19, 2001

Hi,

Does anybody know why a DIV tag like this:

<div style="position:absolute; left:200">

renders the form useless? If I remove the <div> tag it works fine. Thanks.

fengshui1998

<html><head>
<title>test</title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

</head>
<body>
<div style="position:absolute; left:200">
<form method="post" action="paging.asp" name="form1">

<input type="radio" name="r1" value="1" >
<input type="radio" name="r1" value="2" >
<input type="radio" name="r1" value="3">

<input type="button" value="press" onclick="check()">

</form>
</div>
</body>
<script language="javascript">
function check()
{
var lenRad = document.form1.r1.length;
alert(lenRad);
if (document.form1.r1.checked == true)
{document.form1.r2.checked = true}

}

</script>
</html>

iza · Jul 20, 2001

what do you mean, "renders the form useless" ???
do you mean :
- my javascript doesn't work ?
this is because you're looking for : document.form1 but form1 is INSIDE the div - so, name the div and change adresses to document.divname.form1
- the form displays ugly ?
this is because of the absolute positionning ;]]

FengShui1998 · Jul 20, 2001

iza,

Thanks for your response! The form I used was just for testing, that's why it's "ugly". I just wanted to get down to the basics so I could try to determine what was going on. I'll try your answer. Thanks!

Fengshui1998

FengShui1998 · Jul 20, 2001

iza,

I tried your suggestion. Still does not work. Any ideas?

<html><head>
<title>test</title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

<link rel="stylesheet" type="text/css" href="styles/default.css">
</head>
<body>

<div id="d1">
<form name="form1">
<input type="radio" name="r1" value="1">
<input type="radio" name="r1" value="2">
<input type="radio" name="r1" value="3">
<input type="button" value="press" onclick="check()">
</form>
</div>

</body>

<script language="javascript">
function check()
{
var lenRad = document.d1.form1.r1.length;
alert(lenRad);
}
</script>
</html>

iza · Jul 20, 2001

what is not working exactly ?

if you're using netscape, ABSOLUT position the div - or else it won't find it <div id=d1 STYLE="position:absolute>

for Netscape the general way to access div is like this: document.d1 or document.layers["d1"]

for Internet Explorer it's: d1 or document.all["d1"]

FengShui1998 · Jul 20, 2001

iza,
I tried your solution as below into test.htm, still does not work. can you copy this page and try it? Or do you have anything that is working for Netscape? Thanks

Fengshui1998

<html><head>
<title>test</title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

<link rel="stylesheet" type="text/css" href="styles/default.css">
</head>
<body>
<div style="position:absolute; left:180" id="d1">
<form name="form1">

<input type="radio" name="r1" value="1">
<input type="radio" name="r1" value="2">
<input type="radio" name="r1" value="3">
<input type="button" value="press" onclick="check()">
</form>
</div>
</body>

<script language="javascript">
function check()
{
var lenRad = document.layers["d1"].form1.r1.length;
alert(lenRad);
}

</script>
</html>

iza · Jul 20, 2001

i don't have netscape right now
and as long as you don't tell me WHAT is not working i can't help you - maybe you're correctly adressing the form, but the radiobutton.lenght is not working !!!
so try yourself this :
function check()
{
alert(document.layers["d1"])
// should be [object]
alert(document.layers["d1"].form1)
// should be [object]
alert(document.layers["d1"].form1.r1)
// should be [object]
alert(document.layers["d1"].form1.r1.length)
// should be an int
var lenRad = document.layers["d1"].form1.r1.length;
}

FengShui1998 · Jul 20, 2001

iza,

I incorporated your code into test.htm. The first object returned is "layers" and that is fine. But it cannot locate document.layers["d1"].form1. It returns "undefined". Subsequently it cannot return the value of the number of radio buttons. ?????? Thanks for all your help, but this should be real simple.

Just to let you know, I also heard that Netscape will be doing away with document.layers in the future.

Fengshui1998

baad · Jul 23, 2001

layers.. forms.. forms.. layers.. X-) netscrap!!! >:-<

http://www.dansteinman.com/dynduo/en/forms.html

regards, vic

iza · Jul 23, 2001

geeeee missed one "document"
document.layers["d1"].document..form1

thank you vituz

))))

Guest_imported · Jul 23, 2001

Many, many thanks to you iza and vituz! Finally it worked, but I hate the solution!!

Fengshui1998

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

DIV tags

FengShui1998

MIS

iza

Programmer

FengShui1998

MIS

FengShui1998

MIS

iza

Programmer

FengShui1998

MIS

iza

Programmer

FengShui1998

MIS

baad

Programmer

iza

Programmer

Guest_imported

New member

Similar threads

Part and Inventory Search

Sponsor