Anyone who has a good idea, how to add additional styles to an facebook iframe?
Whats wrong with CSS you can add link to an external sheet on each tab
Check out this question about applying css to an iFrame. If the iframe content is on a different domain, like what happens in the case of Facebook iFrame content on your site, you have no control over it due to cross site restrictions. Some older Facebook plugins allow to you specify a stylesheet on your server that they download and import to their server, but most of their newer plugins to not allow for this. Also, their terms of service often state you cannot attempt to the modify their iframe content embeded on your site.
Related
So, I'm trying to inject some CSS in a Podio webform iframe. I know that with a HTTP iframe, it's possible with content() from jQuery. But it's a HTTPS iframe here, so, it doesn't work.
I know we can add some CSS direct in the admin of Podio, but, first, I don't have access to that admin and second, the same form is use at multiple place, so, different styles should be applied...
Any idea ?
Due to the same origin policy you won't be able to inject your own content into the iframe from a different domain. You have to use the CSS feature inside Podio to change the look of your webforms.
sory guys, click the first link you will see the image i been mark by red, after you click the second link, you will see the arrow.
1) http://s261.beta.photobucket.com/user/minaekoz/media/satu.png.html
2) http://s261.beta.photobucket.com/user/minaekoz/media/satua.png.html
Question :
That is social bookmarking site i use to promote my blog but i want to remove the plugin after somebody click that link in the first image.
how can i remove that plugin in the second image after user click the link at the first image?
*sory if my english so bad
I'm not sure how your page is embedded, I guess it's done using frames or an iframe? This would be important to know, but you'll most likely be able to use some javascript code like this (called in some element's onload event (e.g. <body>):
if (window.top != window.self)
window.top.location.replace(window.self.location.href);
I think you can add it through using a custom BlogSpot template or maybe with some of the widgets as well.
Probably you can't. That social bookmarking site will probably open your website in an IFRAME, and therefore, clicks in your page cause IFRAME navigation, and not browser navigation.
Since your site, and the IFRAME site are different, the javascript in your site cannot access the DOM (Document Object Model) in the other site because SOP (Same Origin Policy).
You can disallow that your website run in IFRAMEs by using the X-Frame-Options http header though, but I would leave it like that.
Cheers.
I want to allow some websites to embed an iframe with a page from my domain. However, I don't want anybody to be able to use the iframe content without my permissions. How can I allow only domains of my choice to be able to embed the iframe with the page's content?
I know vimeo does this, and allows video owners to block the video on certain websites that they don't find appropriate.
I want server side ASP.NET solution, because Javascript code can be altered. However if it can be done using javascript code and its secure, It's ok.
From what I've seen, I need to pass the referrer in some way, but in a way that can be manually altered by other website owners to include the iframe themselves and it would work on their website too, without a permission.
Since it will be a standalone page as you mentioned in the comments, you can do this by inspecting the referer property.
Request.UrlReferrer
See that it contains the domain that you want to allow. This property is available when an embedder puts your page in the IFRAME's SRC attribute and the page loads for the first time.
If the user clicks on a link inside the IFRAME, it is not guaranteed to pass the containing page as a referrer.
If you want to allow multiple linked pages inside the IFRAME to allow a specific domain, then you will need to stick to a JavaScript based solution.
Note however that neither method is completely foolproof.
I have to use an embedded search engine in my website which it has it's own style.Now i would like to change just the back-color of table which is presenting in my website. Can you please let me know if this is possible or not?
I already tried adding some style to the header of my page but the link still following the style from original stylesheet.
Thanks
That's not possible if the embedded page isn't served by the same domain (including port).
That's a security restriction.
If you want this kind of interaction, you'll need to have some control of the server of the embedded page in order to set permissions : https://developer.mozilla.org/en/http_access_control
Another (rogue) solution is to fetch the page server-side and to embed it directly in your page.
Is it possible to make a wrapper-website that will display official Facebook page with my CSS? It should be something anyone can access for their FB profile without my page storing any information.
Please no FF plugins and similar!
I know that AJAX can not load page from another domain, but maybe something else...
Maybe load it in iFrame and inject my css in there somehow???
Also, would that be legal?
You can load facebook through an iframe
You can't load your own CSS inside of that iframe
It's limitations of iframes and how HTML works