Text boxes disappear

bgreenhouse · Dec 19, 2000

Hi all

I am having an incredibly strange problem...I have recently been messing around with a form page (scripting, I actually posted about it earlier: how to submit a form using the neter key when you have no <input type="submit"> button). All of a sudden the text boxes disappeared in Netscape. They still appear in IE though. The kicker is that I didn't change anything to do with the text input areas...Weird.

Ben

Deltaflyer · Dec 19, 2000

Can you show us the coding, would make life easier! DeltaFlyer ;-)

DeltaFlyer - The Only Programmer To Crash With Style.

bgreenhouse · Dec 19, 2000

I could, but it's probably just a stupid problem. I was just sharing what was going on. If I can't get it soon, I'' definitely post it. As I look at it now, I'm thinking maybe it's a nesting problem...

jaredn · Dec 19, 2000

The form tags must be present in Netscape (except ver 6 I think) or the elements will disapear. If you arent using the form to submit at all you can try something like this (haven't tested it, just an idea):

<form onsubmit="return false"> jared@aauser.com

bgreenhouse · Dec 19, 2000

Alright, here it is...I can't figure it out.

This contains a REALLY messy solution to the submitting with an enter button problem. I tried to use a hidden submit button to do it (see earlier postings), but it didn't seem to work when the button was hidden, so I resorted to putting the submit button way down in the page, where no one will see it. Anyway, here's the code:

<body bgcolor="#FFFFFF" onload="redirectPage(); defaultStatus='Welcome to Acarta!';MM_preloadImages('images/buttons/startdemo_over.gif')" background="images/background.gif">
<form name="login" method="post" action="asp/Authenticate_demo1.asp">
<div style="position: absolute; left: 0; top: 0; right: 0; visibility:visible; width: 760; height: 69">
<table width="760" border="0" cellspacing="0" cellpadding="0" class="navbar">

<tr>
<td width="173" height="69"><img src="images/toplogo.gif" width="173" height="69" usemap="#Map" border="0"><map name="Map"><area shape="rect" coords="37,5,164,65" href="asp/intro.asp" alt="Back to Intro" title="Back to Intro"></map></td>
<td width="362" height="69">
<div align="center"><img src="images/topnavbar.gif" width="362" height=69></div>
</td>
<td width="225" height="69">
<div align="right"><img src="images/topright.gif" width="225" height="69"></div>
</td>
</tr>
</table>
</div>
<br>
<br>
<p><br>
<br>
</p>
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><img src="transparent.gif" width="40" height="1"></td>
<td width="723">
<table align="left" cellspacing="0" cellpadding="0" border="0" width="635">
<tr>
<td height="282" valign="top">
<h1 align="center">Welcome to Acarta!</h1>
<p align="left">blablabla</p>
<p align="left">blablabla.</p>
<p align="left">To begin:</p>
<ul>
<li>Enter the Card Number (last 8 digits) and PIN supplied in your
Introductory Package.</li>
<li>Press Start.</li>
</ul>

<table width="60%" border="0" align="center">
<tr>
<td height="25" width="67%">
<div align="right">Card Number (last 8 digits only):</div>
</td>
<td height="25" width="33%">
<input type="text" name="Cardnum" size="8" maxlength="8">
</td>
</tr>
<tr>
<td width="67%">
<div align="right">PIN Number:</div>
</td>
<td width="33%">
<input type="password" name="PIN" size="4" maxlength="4">
</td>
</tr>
<tr>
<td>

</td>
</tr>
</table>
<p align="center"><a href="javascript:validate2()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('begin_button','','images/buttons/startdemo_over.gif',1)">
<img src="images/buttons/startdemo.gif" width="100" height="44" name="begin_button" border="0" align="middle" alt="Click Here to Begin">
</a> </p>

<p align="center"><font size="-3">(No Card Number and PIN? <a href="signup.htm">Click
here</a>.)</font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p> </p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><br>
<br>
<br><br>
<br><br>
<br>
<br>
<br>
<br><br>
<br>
<br>
<br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>
<br><br>
<br>
<br>
<br>
<br><br>
<br>
<br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>
<input type="submit" onClick="validate()" value="_">
</form>
</body>
</html>

jaredn · Dec 19, 2000

so is it working now? jared@aauser.com

bgreenhouse · Dec 19, 2000

No...Strange huh?

jaredn · Dec 19, 2000

post the head of your document also, maybe I'll see what's wrong with it jared@aauser.com

bgreenhouse · Dec 19, 2000

<head>
<title>Acarta - Your Card for Customer Loyalty</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="demo.css">
<script language="JavaScript">
<!--
function redirectPage() {
if ((screen.width == 640) && (screen.height == 480))
alert("This site is best viewed with a screen resolution of 800x600 or higher&quot

;
}

function validate()
{
if (document.login.Cardnum.value =="&quot

{
alert("Please input your card number.&quot

;
return;
}
else if (document.login.PIN.value =="&quot

{
alert("Please input your PIN number.&quot

;
return;
}
}

function validate2()
{
if (document.login.Cardnum.value =="&quot

{
alert("Please input your card number.&quot

;
return;
}
else if (document.login.PIN.value =="&quot

{
alert("Please input your PIN number.&quot

;
return;
}
document.login.submit();
}

function preloadimages() { //v3.0
var d=document; if(d.images){ if(!d.p) d.p=new Array();
var i,j=d.p.length,a=preloadimages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#&quot!=0){ d.p[j]=new Image; d.p[j++].src=a;}}
}

function swapImgRestore() { //v3.0
var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?&quot)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers.document); return x;
}

function swapimage() { //v3.0
var i,j=0,x,a=swapimage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=findObj(a))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#&quot!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?&quot)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

jaredn · Dec 19, 2000

the TGML probably messed that up-try unchecking the process TGML and Emoticons thingies jared@aauser.com

bgreenhouse · Dec 19, 2000

Sorry Jared...

<head>
<title>Acarta - Your Card for Customer Loyalty</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="demo.css">
<script language="JavaScript">
<!--
function redirectPage() {
if ((screen.width == 640) && (screen.height == 480))
alert("This site is best viewed with a screen resolution of 800x600 or higher&quot

;
}

function validate()
{
if (document.login.Cardnum.value =="&quot

{
alert("Please input your card number.&quot

;
return;
}
else if (document.login.PIN.value =="&quot

{
alert("Please input your PIN number.&quot

;
return;
}
}

function validate2()
{
if (document.login.Cardnum.value =="&quot

{
alert("Please input your card number.&quot

;
return;
}
else if (document.login.PIN.value =="&quot

{
alert("Please input your PIN number.&quot

;
return;
}
document.login.submit();
}

function preloadimages() { //v3.0
var d=document; if(d.images){ if(!d.p) d.p=new Array();
var i,j=d.p.length,a=preloadimages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#&quot!=0){ d.p[j]=new Image; d.p[j++].src=a;}}
}

function swapImgRestore() { //v3.0
var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?&quot)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers.document); return x;
}

function swapimage() { //v3.0
var i,j=0,x,a=swapimage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=findObj(a))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#&quot!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?&quot)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

jaredn · Dec 19, 2000

this works, i too out validate1 and the onclick validate:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Acarta - Your Card for Customer Loyalty</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="demo.css">
<script language="JavaScript">
<!--
function redirectPage() {
if ((screen.width == 640) && (screen.height == 480))
alert("This site is best viewed with a screen resolution of 800x600 or higher&quot

;
}

function validate2()
{
if (document.login.Cardnum.value =="&quot

{
alert("Please input your card number.&quot

;
return false;
}
else if (document.login.PIN.value =="&quot

{
alert("Please input your PIN number.&quot

;
return false;
}
document.login.submit();
}

function preloadimages() { //v3.0
var d=document; if(d.images){ if(!d.p) d.p=new Array();
var i,j=d.p.length,a=preloadimages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#&quot!=0){ d.p[j]=new Image; d.p[j++].src=a;}}
}

function swapImgRestore() { //v3.0
var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?&quot)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers.document); return x;
}

function swapimage() { //v3.0
var i,j=0,x,a=swapimage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=findObj(a))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#&quot!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?&quot)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" onload="redirectPage(); defaultStatus='Welcome to Acarta!';MM_preloadImages('images/buttons/startdemo_over.gif')" background="images/background.gif">
<form name="login" method="post" onsubmit="return validate2()" action="asp/Authenticate_demo1.asp">
<div style="position: absolute; left: 0; top: 0; right: 0; visibility:visible; width: 760; height: 69">
<table width="760" border="0" cellspacing="0" cellpadding="0" class="navbar">

<tr>
<td width="173" height="69"><img src="images/toplogo.gif" width="173" height="69" usemap="#Map" border="0"><map name="Map"><area shape="rect" coords="37,5,164,65" href="asp/intro.asp" alt="Back to Intro" title="Back to Intro"></map></td>
<td width="362" height="69">
<div align="center"><img src="images/topnavbar.gif" width="362" height=69></div>
</td>
<td width="225" height="69">
<div align="right"><img src="images/topright.gif" width="225" height="69"></div>
</td>
</tr>
</table>
</div>
<br>
<br>
<p><br>
<br>
</p>
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><img src="transparent.gif" width="40" height="1"></td>
<td width="723">
<table align="left" cellspacing="0" cellpadding="0" border="0" width="635">
<tr>
<td height="282" valign="top">
<h1 align="center">Welcome to Acarta!</h1>
<p align="left">blablabla</p>
<p align="left">blablabla.</p>
<p align="left">To begin:</p>
<ul>
<li>Enter the Card Number (last 8 digits) and PIN supplied in your
Introductory Package.</li>
<li>Press Start.</li>
</ul>

<table width="60%" border="0" align="center">
<tr>
<td height="25" width="67%">
<div align="right">Card Number (last 8 digits only):</div>
</td>
<td height="25" width="33%">
<input type="text" name="Cardnum" size="8" maxlength="8">
</td>
</tr>
<tr>
<td width="67%">
<div align="right">PIN Number:</div>
</td>
<td width="33%">
<input type="password" name="PIN" size="4" maxlength="4">
</td>
</tr>
<tr>
<td>

</td>
</tr>
</table>
<p align="center"><a href="javascript:validate2()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('begin_button','','images/buttons/startdemo_over.gif',1)">
<img src="images/buttons/startdemo.gif" width="100" height="44" name="begin_button" border="0" align="middle" alt="Click Here to Begin">
</a> </p>

<p align="center"><font size="-3">(No Card Number and PIN? <a href="signup.htm">Click
here</a>.)</font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p> </p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><br>
<br>
<br><br>
<br><br>
<br>
<br>
<br>
<br><br>
<br>
<br>
<br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>
<br><br>
<br>
<br>
<br>
<br><br>
<br>
<br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>
<input type="submit" value="_">
</form>
</body>
</html> jared@aauser.com

bgreenhouse · Dec 19, 2000

Thanks Jared.

Any ideas why those were causing a problem?

Ben

bgreenhouse · Dec 19, 2000

Jared...this still doesn't work for me...

jaredn · Dec 19, 2000

what is the error you are getting? you were returning true, thats why they didn't work jared@aauser.com

bgreenhouse · Dec 19, 2000

I'm not getting an error, the text boxes just aren't there (I cut and paste your version exactly...). Note, it is working in IE, but not Netscape.

Thanks for all your help!

Ben

tanderso · Dec 19, 2000

Be sure you close every paired tag that you open. NS is funny about that.
Sincerely,

Tom Anderson
CEO, Order amid Chaos, Inc.

http://www.oac-design.com

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!

Text boxes disappear

bgreenhouse

Technical User

Deltaflyer

Programmer

bgreenhouse

Technical User

jaredn

Programmer

bgreenhouse

Technical User

jaredn

Programmer

bgreenhouse

Technical User

jaredn

Programmer

bgreenhouse

Technical User

jaredn

Programmer

bgreenhouse

Technical User

jaredn

Programmer

bgreenhouse

Technical User

bgreenhouse

Technical User

jaredn

Programmer

bgreenhouse

Technical User

tanderso

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor