hide/show an iframe ?

[Mel]

i need to have 2 side by side iframes, a link on top of the one will
show/hide the other

can someone help me pleeeeezzzzz ?

[Martin Honnen]

Mel wrote:

i need to have 2 side by side iframes, a link on top of the one will
show/hide the other

An <iframe> element is an element like others, you can (in browsers like
IE 5+, Netscape 6+, Opera 7+) change its CSS display property e.g.
<iframe id="iframe1" src="whatever.h tml" ...></iframe>

function hideElement (element) {
if (element.style) {
element.style.d isplay = 'none';
}
}

function showElement (element) {
if (element.style) {
element.style.d isplay = '';
}
}

var iframe;
if (document.getEl ementById && (iframe =
document.getEle mentById('ifram e1'))) {
hideElement(ifr ame);
}

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Mel]

i tried:
<iframe id="ME" src="http://www.yahoo.com" frameborder=1></iframe>

<script>
function hideElement (element) {
if (element.style) {
element.style.d isplay = 'none';
}
}

function showElement (element) {
if (element.style) {
element.style.d isplay = '';
}
}

var iframe;
if (document.getEl ementById && (iframe = document.getEle mentById('ME')) ) {
showElement(ifr ame);
}

</script>

<BR><BR>
<a href="#" onclick="javasc ript:hideElemen t('ME')">XXXXXX XXXXXX</a><BR><BR>

when i click on the link, the iframe will not hide, can you please help me ?

thanks a lot
"Martin Honnen" <ma*******@yaho o.de> wrote in message
news:42******** *************** @newsread2.arco r-online.net...

Mel wrote:

i need to have 2 side by side iframes, a link on top of the one will
show/hide the other

An <iframe> element is an element like others, you can (in browsers like
IE 5+, Netscape 6+, Opera 7+) change its CSS display property e.g.
<iframe id="iframe1" src="whatever.h tml" ...></iframe>

function hideElement (element) {
if (element.style) {
element.style.d isplay = 'none';
}
}

function showElement (element) {
if (element.style) {
element.style.d isplay = '';
}
}

var iframe;
if (document.getEl ementById && (iframe =
document.getEle mentById('ifram e1'))) {
hideElement(ifr ame);
}

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Martin Honnen]

Mel wrote:

i tried:
<iframe id="ME" src="http://www.yahoo.com" frameborder=1></iframe>

<script>
function hideElement (element) {
if (element.style) {
element.style.d isplay = 'none';
}
}

function showElement (element) {
if (element.style) {
element.style.d isplay = '';
}
}
</script>
<a href="#" onclick="javasc ript:hideElemen t('ME')">XXXXXX XXXXXX</a>

You need to find the right element object of course as the code above showed
<a href="#"
onclick="var iframe;
if (document.getEl ementById) {
iframe = document.getEle mentById('ME');
}
if (iframe) {
hideElement(ifr ame);
}
return false;">...</a>
--

Martin Honnen
http://JavaScript.FAQTs.com/

[Mel]

thanks a lot for your help. it works fine.

sorry for the next question, but i am a newbeee

i need my link to display "show" when the iframe is hidden and "hide" when
it is visible. i struggled with it for while and now i have "given up :-)"

if its not a bother, can you put me on the right path ?

thanks again

"Martin Honnen" <ma*******@yaho o.de> wrote in message
news:42******** *************** @newsread2.arco r-online.net...

Mel wrote:

i tried:
<iframe id="ME" src="http://www.yahoo.com" frameborder=1></iframe>

<script>
function hideElement (element) {
if (element.style) {
element.style.d isplay = 'none';
}
}

function showElement (element) {
if (element.style) {
element.style.d isplay = '';
}
}

</script>

<a href="#" onclick="javasc ript:hideElemen t('ME')">XXXXXX XXXXXX</a>

You need to find the right element object of course as the code above

showed <a href="#"
onclick="var iframe;
if (document.getEl ementById) {
iframe = document.getEle mentById('ME');
}
if (iframe) {
hideElement(ifr ame);
}
return false;">...</a>
--

Martin Honnen
http://JavaScript.FAQTs.com/

[c.anandkumar]

Mel wrote:

thanks a lot for your help. it works fine.

sorry for the next question, but i am a newbeee

i need my link to display "show" when the iframe is hidden and "hide" when it is visible. Have a span surrounding the anchor text that you would like to change.

<a href="javascrip t:HideFrame()"> Hide Frame</a>

now becomes

<span id="sFrameAncho r"><a href="javascrip t:HideFrame()"> Hide
Frame</a></span>

and
<script language="Javas cript">
function HideFrame()
{
var obj = document.getEle mentById ('sFrameAnchor' );
obj.innerHTML = '<a href="javascrip t:ShowFrame()"> Show Frame</a>';
// Set the frame as invisible here - you have the code to do so
return;
}
function ShowFrame()
{
var obj = document.getEle mentById ('sFrameAnchor' );
obj.innerHTML = '<a href="javascrip t:HideFrame()"> Hide Frame</a>';
// Set the frame as visible here - you have the code to do so
return;
}
</script> i struggled with it for while and now i have "given up :-)"

if its not a bother, can you put me on the right path ?

thanks again

"Martin Honnen" <ma*******@yaho o.de> wrote in message
news:42******** *************** @newsread2.arco r-online.net...

Mel wrote:

i tried:
<iframe id="ME" src="http://www.yahoo.com" frameborder=1></iframe>
<script>
function hideElement (element) {
if (element.style) {
element.style.d isplay = 'none';
}
}

function showElement (element) {
if (element.style) {
element.style.d isplay = '';
}
}

</script>

<a href="#"

onclick="javasc ript:hideElemen t('ME')">XXXXXX XXXXXX</a>
You need to find the right element object of course as the code

above showed

<a href="#"
onclick="var iframe;
if (document.getEl ementById) {
iframe = document.getEle mentById('ME');
}
if (iframe) {
hideElement(ifr ame);
}
return false;">...</a>
--

Martin Honnen
http://JavaScript.FAQTs.com/