asked on

Display a section of an iFrame only

Hi, I am using the following code in order to display and parse a search query.

$(document).ready(function () {
  
           
            url = window.location.href;
            var querystring = url.split("?")[1]; //GuessID=123&someother=123
            var targeurl = "http://old.racingnsw.com.au/default.aspx?s=search-wp&" + querystring;
            var $iframe = $('#horse-name-search-iframe');
            if ($iframe.length) {

                $iframe.attr('src', targeurl);
              $('#horse_name_searchid').load('http://old.racingnsw.com.au/default.aspx?s=search-wp #ctl06_Container');

                return false;
            }
            return true;
  
});

Open in new window

but when loaded, it is loading the iframe as a whole giving me a pge within a page.
how can I target only the inside content, so that no footer or header is displayed. i am trying to hide the top through css but that is not ideal, therefore I wought of a javascript solution

<div id="horse_name_searchid" class="horse_name_search1" style="overflow: hidden; height: 703px;">
<iframe id="horse-name-search-iframe" src="http://old.racingnsw.com.au/default.aspx?s=search" style="margin-top: -260px;"  width="100%" height="1000" frameborder="0" ></iframe>
</div>

Open in new window

display-only.png

Chris Stanyon

Your code look a little off. Basically, you look like you're trying to load the content twice - once by setting the src of the iFrame and once by loading partial content into a DIV (lines 10 and 11 of your code)

You should choose one of these methods - not both. If you choose to go with the iFrame, you're not able to set the src to be a partial so you would get the whole page within a page. If you want to set the content of the DIV with a partial, then you would need to examine the target page and select a partial by using an ID on some wrapper, such as #ctl06_Container in your example.

Having said that, even if you do load that partial, I'm not sure how it would work in your own site because it contains a form which is likely to submit to a page on the tagret site, not on your own.

You may have to re-think what you're trying to acheive here.

Chris Stanyon

Ass an after though to my rpevious comment, you may have cross-domain request issues when trying to use the load() method. You may only be able to load in content from the same domain as your script!

jhonc66

ASKER

Hi chris, thank you for your response, i have done it , please have a look at the following link i forgot to post when asking

http://www.racingnsw.com.au/ownerships-bobs/horse-name-search/

jhonc66

ASKER

still with the problem of displaying everything, for now I have used CSS to hide the top with a negative margin
but not ideal.. as you can see there is a blue footer in that iframe

ASKER CERTIFIED SOLUTION

Chris Stanyon

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

jhonc66

ASKER

Thanks