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=".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>
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/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>
Share
Improve this question
asked Nov 20, 2012 at 17:29
robabbyrobabby
2,2006 gold badges32 silver badges47 bronze badges
5
-
2
Sure, you can select all iframes and filter them by
src
. Or use the CSS attribute selector. – Felix Kling Commented Nov 20, 2012 at 17:32 - reference.sitepoint./css/attributeselector – Jawad Commented Nov 20, 2012 at 17:32
- 2 iframe[src="someurl/p.ashx?a=9879&b=3541"] {display: none;} – Jawad Commented Nov 20, 2012 at 17:33
- 1 Voted up this great CSS solution, but it fails in earlier IEs. Better use jQuery instead – Dan Commented Nov 20, 2012 at 19:12
- @Dan: The OP stated no requirements of UA but jQuery does the trick. – Jawad Commented Nov 21, 2012 at 17:27
2 Answers
Reset to default 8This should do the trick:
$('iframe[@src*="someurl/p.ashx"]').hide();
The css method would be:
iframe[src*="someurl"] {
display: none;
}
*=
means that the attribute must contain the value. In this case, src
must contain someurl
to match. (see doc)