javascript problem with different browser

[naina rani]

I have two problems in my web application:

1. I am using javascript to hide file field .The way it works is,when you click on the radio button it will display the hidden fields.It works fine with Internet Explorer,its not working with mozilla

javascript code:
function openXmlpageField()
{
blnMoreIsUp = true;
document.all.item("MORE2", 0).style.visibility = blnMoreIsUp ? "" : "hidden";
}

within jsp:
<table>
<tr>
<td width="255"><bean:message key="prompt.appl.Xmlpage"/></td>
<td> <input type="radio" name="image"onClick="openXmlpageField()"/>select</td>
</tr>
</table>
<div id=MORE2 style="visibility: hidden">
<table>
<tr><td width="330">ý</td>
<td><html:file property="image" size="40"/></td>
</tr>
</table>
</div>

2.I have script to popup a different window and display html file when you click on the radion button.
javascript code :

function openPopup3(){
var popurl="foldername/filename.html"
winpops=window.open(popurl,"","width=400,height=400,scrollbars,")
}

this is fine with IE .When I try on Mozilla it complains about the relative path that I have mentioned in the script.
Mozilla recgonizes it this way

[url]http://localhost/applicationname/foldername/foldername/filename.html

Is relative path different for different browser?
I want my application to work with almost all browsers.Please help me to make it work with Mozilla.

[sciguyryan]

Well, if the problem is the relative path then why not use a ful path URL instead?


RyanJ

[JPnyc]

Because that's IE only syntax you're using. It will never work in a gecko browser.

document.all.item("MORE2", 0).style.visibility

Only IE and some versions of Opera understand document.all

[Vince]

I think the previous poster is right the "document.all" is spesific to IE, you might want to try changing one line I havn't checked it out but am sure that it will work

document.getElementBYId("MORE2").style.visibility = blnMoreIsUp ? "" : "hidden";

V

[sciguyryan]

Well, there is a way to simulate the IE document.all syntax in NN but, its complicated to use.


RyanJ

[JPnyc]

Why bother? IE understands getElementById

[sciguyryan]

Originally posted by DUNSEL
Why bother? IE understands getElementById


True, but some peopel (I suppose) just like consistency in their coding. Anyway incase you'r interested here is the code:


<script type="text/javascript">
<!--
if (!document.all){
Node.prototype.__defineGetter__("all", function(){
if (document.getElementsByTagName("*").length){
switch (this.nodeType){
case 9:
return document.getElementsByTagName("*");
break;
case 1:
return this.getElementsBya=TagName("*");
break;
}
}
return "";
})
Node.prototype.__defineSetter__("all", function() {});
}
//-->
</script>




RyanJ

[JPnyc]

Very clever bit of coding, but as you said, it's too convoluted to bother with and just not needed anymore.

[sciguyryan]

Originally posted by DUNSEL
Very clever bit of coding, but as you said, it's too convoluted to bother with and just not needed anymore.


Clever coding Yes, useful not really. I'd agree with you and always use document.getEleemntById() anyway as I see no need to use anything else.


RyanJ

[JPnyc]

However I would've liked to have known about it about 6-7 yrs ago.

[sciguyryan]

Originally posted by DUNSEL
However I would've liked to have known about it about 6-7 yrs ago.

I coulden't code anything 6-7 years ago. I only started JS later last year and then PHP this year.


RyanJ

[JPnyc]

Actually, come to think of it, I wasn't in IT then either. I was a musician.

[naina rani]

Thanks a lot.

document.getElementById(....) is working.