Convert javascript for Firefox

[geotso]

Hi

I use the following script in order to show/hide a section, and at the same
time to change a companion .gif with another:

function doExpand(paraNum,arrowNum){
if
(paraNum.style.display=="none"){paraNum.style.disp lay="";arrowNum.src="../../images/arrOn.gif"}
else {paraNum.style.display="none";arrowNum.src="../../images/arrOff.gif"}
}

and then in the body:
<div id="reltpc"><a href="javascript:;" onClick="doExpand(xplan1,ico1)"><img
id="ico1" src="../../images/arrOff.gif" alt="" width="10" height="9"
border="0"> Show Info</a></div>
<div id="xplan" style="display:none" onClick="doExpand(xplan,ico1)">
<p>text here</p>
<p>some more text here</p>
</div>

Furthermore, two more scripts are used in order to show/hide a section
without the image:

function doSection (secNum){
if (secNum.style.display=="none"){secNum.style.displa y="block"}
else{secNum.style.display="none"}
}

function noSection (secNum){
if (secNum.style.display=="block"){secNum.style.displ ay="none"}
}

and then in the body:
<div id="more"><a href="javascript:;" onClick="doSection(dtails1)">More
Info</a></div>
<div id="dtails1" style="display:none" onClick="noSection(dtails1)">
<p>text here</p>
<p>some more text here</p>
</div>

All three of them are working good in IE and Ffox, however the second claims
to use "gelElementById" instead.

Well, how could it be done? Would you help me please, to get that
conversion?

Thanks.

--
Merlin dying to the Lady of the Lake:
"We lived our lives with passion and devotion"
--
Please, remove hyphens to contact me

[Danny]

Keep it concise and precise, lots of wording, little specifc explanation,
and the code looks very bloated, document.getElementById() is not
mozilla/firefox, is DOM1 by the way and most browsers process it fine.

Danny

On Sun, 12 Jun 2005 10:43:42 -0700, geotso <ka********@yahoo.gr> wrote:

Hi

I use the following script in order to show/hide a section, and at the
same
time to change a companion .gif with another:

function doExpand(paraNum,arrowNum){
if
(paraNum.style.display=="none"){paraNum.style.disp lay="";arrowNum.src="../../images/arrOn.gif"}
else
{paraNum.style.display="none";arrowNum.src="../../images/arrOff.gif"}
}

and then in the body:
<div id="reltpc"><a href="javascript:;"
onClick="doExpand(xplan1,ico1)"><img
id="ico1" src="../../images/arrOff.gif" alt="" width="10" height="9"
border="0"> Show Info</a></div>
<div id="xplan" style="display:none" onClick="doExpand(xplan,ico1)">
<p>text here</p>
<p>some more text here</p>
</div>

Furthermore, two more scripts are used in order to show/hide a section
without the image:

function doSection (secNum){
if (secNum.style.display=="none"){secNum.style.displa y="block"}
else{secNum.style.display="none"}
}

function noSection (secNum){
if (secNum.style.display=="block"){secNum.style.displ ay="none"}
}

and then in the body:
<div id="more"><a href="javascript:;" onClick="doSection(dtails1)">More
Info</a></div>
<div id="dtails1" style="display:none" onClick="noSection(dtails1)">
<p>text here</p>
<p>some more text here</p>
</div>

All three of them are working good in IE and Ffox, however the second
claims
to use "gelElementById" instead.

Well, how could it be done? Would you help me please, to get that
conversion?

Thanks.

--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/

[RobG]

geotso wrote:

Hi

I use the following script in order to show/hide a section, and at the same
time to change a companion .gif with another:

function doExpand(paraNum,arrowNum){
if
(paraNum.style.display=="none"){paraNum.style.disp lay="";arrowNum.src="../../images/arrOn.gif"}
else {paraNum.style.display="none";arrowNum.src="../../images/arrOff.gif"}
}
When posting code, please wrap manually at about 70 characters to
stop auto-wrapping.

and then in the body:
<div id="reltpc"><a href="javascript:;" onClick="doExpand(xplan1,ico1)"><img
id="ico1" src="../../images/arrOff.gif" alt="" width="10" height="9"
border="0"> Show Info</a></div>
<div id="xplan" style="display:none" onClick="doExpand(xplan,ico1)">

Here you are passing the id of the div 'xplan' to your function, then
using it as a global variable. This is an Microsoft-ism - Firefox
only supports it out of frustration that so many sites don't work if
it doesn't. You are doing the same thing with 'ico1'.

Since the onlcick is fired from the div that you are modifying, you
can use 'this'. To get a reference to the image, you will need to
use getElementById in your function, so the call is:

<div id="xplan" style="display:none" onClick="doExpand(this,'ico1')">

And your function:

function doExpand(paraNum,arrowNum){
var a = document.getElementByIt(arrowNum);
if (paraNum.style.display == "none" ){
paraNum.style.display = "";
arrowNum.src="../../images/arrOn.gif"
}

Read the group faq regarding support for getElementById for older
browsers.

<URL:http://www.jibbering.com/faq/#FAQ4_15>
--
Rob

[RobG]

RobG wrote:
[...]

Since the onlcick is fired from the div that you are modifying, you
can use 'this'. To get a reference to the image, you will need to
use getElementById in your function, so the call is:

<div id="xplan" style="display:none" onClick="doExpand(this,'ico1')">

And your function:

function doExpand(paraNum,arrowNum){
var a = document.getElementByIt(arrowNum);
Ooops, try:

arrowNum = document.getElementById(arrowNum);
if (paraNum.style.display == "none" ){
paraNum.style.display = "";
arrowNum.src="../../images/arrOn.gif"
}

--
Rob