Hi,
I have a category menu that makes two browse boxes appear in a page. This happens when clicking on the link "Click here to add more files." I want this link to disappear once the user clicked on it, so that one can only see the two browse boxes but not the link anymore. Thanks in advance for any advice.
Perceval
/*******************
/Javascript function
/*******************/
function controlExpand(){
var sup = event.srcElement.id;
if (sup != ''){
var sub = document.all[(sup + "Sub"]
if (sub != null){
if (sub.style.display == 'none')
sub.style.display = '';
else sub.style.display = 'none';
}
}
}
}
/*********
/HTML code
/********/
<div onClick = "controlExpand()">
<a style="cursor:hand" target="_self" name ="admin"
title="MoreFiles"><div id = "mFiles">Click here to add
more files</div></a>
<div style="margin-left:54; font-size:x-small">
<div id = "mFilesSub" style = "display: none;">
<br><div id = "file2"><font face="TimesNewRoman"
size="3" class="heading">Configuration File
2:</font><input type="File" name="FileToUpload2"
size="25" maxlength="255"></div>
<br><div id = "file3"><font face="TimesNewRoman"
size="3" class="heading">Configuration File
3:</font><input type="File" name="FileToUpload3"
size="25" maxlength="255"></div>
</div>
I have a category menu that makes two browse boxes appear in a page. This happens when clicking on the link "Click here to add more files." I want this link to disappear once the user clicked on it, so that one can only see the two browse boxes but not the link anymore. Thanks in advance for any advice.
Perceval
/*******************
/Javascript function
/*******************/
function controlExpand(){
var sup = event.srcElement.id;
if (sup != ''){
var sub = document.all[(sup + "Sub"]
if (sub != null){
if (sub.style.display == 'none')
sub.style.display = '';
else sub.style.display = 'none';
}
}
}
}
/*********
/HTML code
/********/
<div onClick = "controlExpand()">
<a style="cursor:hand" target="_self" name ="admin"
title="MoreFiles"><div id = "mFiles">Click here to add
more files</div></a>
<div style="margin-left:54; font-size:x-small">
<div id = "mFilesSub" style = "display: none;">
<br><div id = "file2"><font face="TimesNewRoman"
size="3" class="heading">Configuration File
2:</font><input type="File" name="FileToUpload2"
size="25" maxlength="255"></div>
<br><div id = "file3"><font face="TimesNewRoman"
size="3" class="heading">Configuration File
3:</font><input type="File" name="FileToUpload3"
size="25" maxlength="255"></div>
</div>