Hi friends,
I am asking for my next question..
In page loaded into <iframe> ex. content.html I have function that creates a Dom-thats 1210x690px <div id=”bahrkutu”> with content.
I have to make appear this <div> in main(parent) page not in <iframe> itself. Anyone can help by giving some examples or tips?
This is <div id=”bahrkutu”>:
this is a link in iframe:
[COLOR=”Red”]<p><a href=”#” onclick=”myfunction();return false;”>link</a></p>
I have to force [B]myfunction()
[CODE]<div id=”kutuoverlay” class=”kutuoverlay” onclick=”kapat_f();return false”></div>
<div id=”bahrkutu” class=”bahrkutu”>
<div id=”bahbaslik”>
<div id=”projeadi”>SOME TEXT</div>
<div id=”projeyilyer”>SOME TEXT-2</div>
<div id=”kapat” onclick=”kapat_f();return false”></div>
<div id=”zlogo” ></div>
</div>
<div id=”frameicerik”></div>
<div id=”solcizgi”></div>
<div id=”sagcizgi”></div>
<div id=”altcizgi”></div>
</div>
and this is function:
[CODE]
<script type=”text/javascript”>
function [COLOR=”Red”]myfunction()[/COLOR]{
$(‘kutuoverlay’).setStyle({‘display’: ‘block’});
$(‘bahrkutu’).morph(‘ height:690px;width:1210px;’);
$(‘bahrkutu’).insert(‘<div id=”frameicerik”></div>’);
$(‘projeadi’).replace(‘<div id=”projeadi”>REPLACED TEXT</div>’);
$(‘projeyilyer’).replace(‘<div id=”projeyilyer”>REPLACED TEXT-2</div>’);
setTimeout(function(){$(‘frameicerik’).insert(‘<iframe src=”some link” allowtransparency=”true” width=”100%” height=”100%” scrolling=”no” frameborder=”0″ /> ‘);},1000);
}
</script>