hideDiv, ShowDiv - Javescript ie issue

[techtherapy]

Hello all,

This ones a little different as I'm using some flash actionscript to control the swaping.

The following page uses a hideDiv, ShowDiv Javascript that is working flawlessly in Firefox/PC, Firefox/Mac, Safari/PC, and Safari/Mac but not ie6 or 7. They both have the same issue. They will swap divs once but afterwards all divs are set to hide. Please view the page below and hopefully it will clarify what I mean:

http://nailinc.com/New/web/flash.html

Heres the embeded js:

<script language=javascript type='text/javascript'> 
function hideDiv(pass) { 
var divs = document.getElementsByTagName('div'); 
for(i=0;i<divs.length;i++){ 
if(divs[i].id.match(pass)){//if they are 'see' divs 
if (document.getElementById) // DOM3 = IE5, NS6 
divs[i].style.visibility="hidden";// show/hide 
else 
if (document.layers) // Netscape 4 
document.layers[divs[i]].display = 'hidden'; 
else // IE 4 
document.all.hideShow.divs[i].visibility = 'hidden'; 
} 
} 
}
 
function showdiv(pass) { 
var divs = document.getElementsByTagName('div'); 
for(i=0;i<divs.length;i++){ 
if(divs[i].id.match(pass)){ 
if (document.getElementById) 
divs[i].style.visibility="visible"; 
else 
if (document.layers) // Netscape 4 
document.layers[divs[i]].display = 'visible'; 
else // IE 4 
document.all.hideShow.divs[i].visibility = 'visible'; 
} 
} 
} 
</script>
 

Now the related actionscript, for those who care, looks like this:

onClipEvent (load) {
    this.onRelease = function() {
getURL("javascript:showdiv('bob')");
getURL("javascript:hideDiv('swap');hideDiv('steve');hideDiv('john');hideDiv('tim')");
};
}

(obviously this is just an example of one instance of the function)

Although I think the issue lies with the JS, as it is the thing I am the least familiar with.

Any thoughts would be excellent and much appreciated!

Thanks!

[techtherapy]

Sorry neglected two things-

one- I apologize for not wrapping the code in [code] tags. obviously I realized my folly as soon as I hit submit!

two- I did read this related post:
http://bytes.com/forum/thread707179.html

But unsure of where/if I should be changing onclick to onchange

thanks!!

[RamananKalirajan]

Hello Dude, the basic idea behind hiding and showing a component in Javascript is with the use of following two codes.

[HTML] document.getElementById('myTable').style.display = 'none'[/HTML] ---> This code to hide a table with id 'myTable';

[HTML] document.getElementById('myTable').style.display = 'block'[/HTML] ---> This code to show a hidden table with id 'myTable';

Make use of it. If you have any doubts post back it.

Regards
Ramanan Kalirajan

[techtherapy]

Hi Ramanan,

Thanks for looking at the code.

So my new javascript code at the top of the doc looks like this:

<script language=javascript type='text/javascript'> 
function hideDiv(id)
{
   document.getElementById(id).style.display = 'none';
}
function showdiv(id)
{
   document.getElementById(id).style.display = 'block';
}
</script>
 

So it still works fine in the browers I was checking in except ie6 and ie7. I still get one show/hide, but after the initial show/hide none will work. Heres a link to the updated page:

http://nailinc.com/New/web/flash2.html

Do we think it code be the actionscripting I'm using in flash?

example:

onClipEvent (load) {
    this.onRollOver = function() {
        this.gotoAndPlay("over");
    };
    this.onRollOut = function() {
        this.gotoAndPlay("out");
    };
    this.onRelease = function() {
getURL("javascript:showdiv('swap')");
getURL("javascript:hideDiv('bob');hideDiv('steve');hideDiv('john');hideDiv('tim')");
};
}
 

I thought it was the JS, but it might be a flash issue, if so I should post this in that forum.

Thanks for any thoughts/help!

-T

[RamananKalirajan]

OK. No Probs. All the best to finish up your work. Any Probs post it in the forum.

Regards
Ramanan Kalirajan

[acoder]

One thing you could try is have the divs set to display:none initially in the CSS.

Another thing to try is to make JavaScript calls only without any Flash. That should probably work without problems thus confirming that it is indeed the Actionscript which is causing the problem.