Hello Friends,
I am having difficulty with an issue involving an iframe.
Below is a bit of code from my page. In the <iframe you can see I have places a link.
The trouble is that when I load the page, the link in the iframe automatically enlarges to FULL screen.
What I am trying to do is to have the linked site launch within the confines of the iframe.
<div class="pagemain">
<div class="singlepgcont">
<iframe src="http://www.realtor.ca/index.aspx?cul=0" width="650px" height="600px"></iframe>
</div>
</div>
As you can see I have given the iframe sizing values.
If anyone knows of a way I can accomplish this, I would be very grate full hearing from you.
Many thanks for your time and for your assistance.
Hello Sudarshan,
Many thanks for your reply.
Are you suggesting that if I write a CSS for the iframe, -that it should contain the iframe link from launching at FULL screen?
Or are you thinking of something else?
Any clarity would be very much appreciated.
I am including the CSS for the element and html.
Thank you to everyone in advance for your advice and your time.
_______
HTML
<div class="singlepgcont">
<iframe src="http://www.realtor.ca/index.aspx?cul=0" width="650px" height="600px"></iframe>
</div>
</div>
________
CSS
.singlepgcont {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
float: left;
height: 600px;
width: 870px;
margin-top: 10px;
}
Hello Sudarshan,
Thank you for your kind offer.
This is the link to the page: http://i-brand.ca/testsite/search-mls/
This is a link to the site I am building: http://i-brand.ca/testsite/
I have included this because as soon as one opens the page with the iframe issue, one gets no chance to see the page as it launches the FULL screen of the iframe URL - page instead.
I thought I would include the main page: http://i-brand.ca/testsite/ as a way to view how the (new site) page should render, (except for the iframe URL) that is.
Thank you very kindly again for your time and patience. I must admit, I am pretty stumped on this one. Thank you...
Line 166 of the HTML page in your search-mis index page, you have a duplicate copy of body tag. I'm assuming this should be the reason for the error. Try fixing this and check again.
You also have multiple DIVs of the same rule:
<div class="container">
<body background="jdibbgd.jpg"onload="MM_preloadImages('http://i-brand.ca/testsite/wp-content/themes/twentyt en-child/images/hmbutovr.jpg','images/sermlsbutovr.jpg','images/viewja ckbutovr.jpg','images/busdirectbutovr.jpg','images/financbutovr.jpg',' images/sellhmbutovr.jpg','images/buyhmbutovr.jpg','images/recombutovr. jpg','images/newsbutovr.jpg','images/cbtbbutovr.jpg')"></p>
<div class="container">
Hello Friends,
I have a snipet of code in the html portion of my page now which seems to do the job.
However if anyone knows of a way I can stop the following screen promtp from occuring I would be grate ful hearing from you.
Code:
<script type="text/javascript">
window.onbeforeunload = function () {
return "This will end your session";
}
</script>
Although it seems to work fine in terms of keeping the URL from busting out of the iframe, it loads a prompt: This page is asking you to confirm that you want to leave - data you have entered may not be saved.
If anyone knows how I can stop this from occurring I would really appreciate your thoughts.
Many thanks in advance for any tips you can offer. Not positive, but I think it might be the onbeforeunload which is causing it.
North America
Europe, Middle East and Africa
Asia Pacific