hiding a DIV in another frame . . .

[Anonymous]

Hi

how can I hide a DIV in another frame by JavaScript ?

 

[gesf]

Example:

<div name="mdiv">whatever</div>

If you want it always hidden you can make a style for it:

.invisible {
	display: none;
}

// And then...

<div name="mdiv" class="invisible">whatever</div>

Or just using:

<div style="display: none;">whatever</div>

If you want to hide and show it, with javascript, you can do:

<script type="text/javascript" language="javascript">

function HideShow() {
   mydiv = document.getElementById('mdiv').style.display;
   if(mydiv == 'none'){
       mydiv = '';
   }
   else{
       mydiv = 'none';
   }
}

// So, calling this function will hide and show it depending on its status
// Not sure, but i think it will work :p

</script>

 

[Anonymous]

Well the correct cide is :

<script type="text/javascript" language="javascript">
function HideShow() {
    if (document.getElementById('mdiv').style.display == 'none')
    {
      document.getElementById('mdiv').style.display = '';
    } else
    {
      document.getElementById('mdiv').style.display = 'none';
    }
}   
</script>

and we have to set ID (not name) in DIV if we wanna use getElementById , like this :

<div id="mdiv">whatever</div>

by the way Ive found my answer ,
we can call our function from other frame like this (main is the name of our frame):

parent.main.HideShow()

thanx a lot for giving me the tip , because your idea gave me
how to make this code works it was helpful and I appreciate that

Cheers

 

[gesf]

That was just an example. I actually use the tag's name and id at the same time regarding old browsers and/or its incompatibility.

parent.main.HideShow()

Yep, you can also call it e.g.: on the body's onload or something!

Cheers

 

[Anonymous]

Thanx a lot mate