CODEWITHSUNDEEP
javascriptjqueryhtmlcssiframe
robabby
robabby

Reputation: 2200

Target an iframe with only the src attribute provided

We have a page rendering some affiliate scripts at the bottom. One of the scripts renders an iframe which is breaking our page in some browsers. We would like to keep this iframe from showing, but the only attribute that it is offering me is the src attribute. I cannot broadly target iframes with my CSS as the other generated iframes are necessary for various partners.

Until they get a chance to diagnose their bad code, is there a way for us target this one iframe by its src or something with CSS or JavaScript/jQuery and keep it from showing on the page?

The bad iframe:

<iframe src="https://someurl.net/p.ashx?a=9879&b=3541" height="1" width="1" frameborder="0">

Inside of this iframe the document tree goes:

<html>
    <head><head>
    <body>
        <pre style="word-wrap:break-word; white-space:pre-wrap;">NF</pre>
    </body>
</html>

Upvotes: 5

Views: 5307

Answers (2)

Jay
Jay

Reputation: 1147

The css method would be:

iframe[src*="someurl.net"] {
    display: none;
}

*= means that the attribute must contain the value. In this case, src must contain someurl.net to match. (see doc)

Upvotes: 8

Marc B
Marc B

Reputation: 360662

This should do the trick:

$('iframe[@src*="someurl.net/p.ashx"]').hide();

Upvotes: 8

Related Questions