how can i remove the social bookmark plugin using html or javascript - blogspot

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.

Related

Control how “Finish” URL is openened - DocuSign in an iframe

I am displaying a DocuSign powerform inside a Salesforce Community page. When the user clicks “Finish” on the DocuSign form, I want the finish URL (which I’ve configured in the DocuSign settings) to open in the parent window - NOT inside the iframe.
I’ve seen suggestions that I might add the tag with target = _parent to my iframe HTML, but I’ve tried this a couple of different ways without success. Has anyone done this, and if so - exactly how should the syntax look? Or - perhaps there’s a way to put JavaScript into the DocuSign URL field?
I’m hoping I don’t need to do something more complex than an iframe (I.e., embedded signing) to accomplish this.
The page you currently redirect to, add Javascript like this:
window.top.location.href = "http://www.example.com";
The .top part here, means the parent iframe, and then you can switch it to whatever page you want.

SEO and anchor link "onclick"

I'm working on a page where links are added with JavaScript. This is according to my knowledge not optimal when it comes to SEO.
Example added by DOM-manipulation/jQuery:
Go To Page
So I have added a correct href attribute and creates the tag server side, like this:
Go To Page
Will google and other search engines accept the href even though the navigation is done by the JavaScript function, or will anchor tag be "down-prioritized" due to containing a link that cant be accessed? The link itself will lead to the same page as the JavaScript event. However it is not actually used in this case.
Crawlers will see the href links and try to use them. Google crawlers are capable of using javascript to follow links as per the blog here with few gotchas. http://www.searchenginepeople.com/blog/onclick.html. If you want your link to crawled, then there are other alternatives as google will follow text urls on page source.

Load iframe on specific domains only

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.

How to force Embedded link to Use My CSS Style

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.

Site Map - Accesibility question regarding use of overlay?

Quick question - Does it matter (accessibility wise) if a site map is placed in a hidden div in each page and displayed in overlay on request!?
Just because this would be a best quick fit solution regarding a site I need to alter!
Cheers
Paul
I think the best approach would be to have your sitemap on a separate page with it's own URL. This would then allow you to:
Provide a link to the sitemap e.g. on your 404 page to help users find what they are looking for
Add a <link> tag to the <head> of each page specifying the sitemap as the index of the site e.g. go to http://www.apple.com/uk/ and view source
If your sitemap is only included in a hidden tag shown via a lightbox overlay then in terms of accessibility you'd have to think of how users with JavaScript and / or CSS disabled would access it, how this would affect users using screen readers, etc.
Plus having your sitemap available on its own URL would help search engine spiders when crawling your site.
You could always add the sitemap lightbox overlay effect as a progressive enhancement though for users whose browsers can view it this way, but as you mentioned you were after a quick solution this might not be that feasible.
Its not required to place in the hidden div for the sitemap link.

Resources