simple iframe help

[Clayf700]

how would you get this code to work from an iframe to the parent page?



<img src="Picture.png" onclick="My Code"/>


I'm Looking to get the 'onclick="My Code"' to apply for the parent page

sorry, i really hope this is specific enough, thanx

[djr33]

I believe you can use this:
window.parent.myfunction();


Note: iframes bring up security issues, but if both pages are from the same domain it should help.

[Clayf700]

sweet, ill give it a try

[Clayf700]

hmmm... actually i used this in the iframe code and it dosn't seem to be working:



<img src="Picture.png" onclick="window.parent.Appear('VideoFolder');"/>

know what's going on?

[djr33]

I'm not sure. I'd suggest starting simple, with a dummy function like makealert() in which there is only the code alert('Hello World');. Once that works, see if you can combine it.

[Clayf700]

alright, i'v already tried that and i don't think i told you enough on the first run. what this script does is simply make things disappear and appear by id, so i have dialogs by specific id's that disappear/appear by a special button located in an iframe, so here is the script making them disappear and appear:



function Appear(itemID){
// Toggle visibility between hidden and visible
if ((document.getElementById(itemID).style.visibility == 'hidden'))
{
document.getElementById(itemID).style.visibility = 'visible';
} else {
document.getElementById(itemID).style.visibility = 'hidden';
}
}


so i want each button to be able to make a different object appear/disappear. and if i made a different section of the script for each dialog it would be massive, so i'm trying to find an easy way around. got any ideas?