Picture viewer that can be called from an iframe? - javascript

I'm trying to find a solution for this problem for quite a while now and I think I'm going to flip out :)
So is there a jquery solution for a picture viewer that can be implemented in a facebook app that runs in an iframe.
The problem is (that i can see) that all of them are appending functions on the body element but Facebook is preventing that from happening.

Related

SharePoint chat icon embed iframe issue

Trying to embed a chatbot in SharePoint online. We're doing that with an iframe through True Editor Web Part http://prntscr.com/m3br5p
The issue is that even when the bot is folded like in this preview, clicking buttons behind its unfolded are (or scrolling) are not possible
folded: http://prntscr.com/m3brdk
unfolded: http://prntscr.com/m3brxu
We're also experiencing similar issues when trying to lightbox/popup certain things that we want to load. I wish we could have a layer on top of sharepoint where we could just do anything we want (being externally, no need to integrate) while keeping everything behind it in tact.
How should we deal with this?
Have you looked at maybe using a Directline / React application customiser at all?
I found this useful after some re-jigging around and a better solution than using the iframe approach.
https://github.com/MickH3/directline-bot-extension

Drag and Drop between iFrames

I'm trying to drag a picture from Picker.html, which is one of the Google APIs, into another iFrame containing a chat app. So, the picture is uploaded into chat and it would be able to be sent.
I know that browser security measures prevent this and I have already tried this solution Drag-Drop elements between parent frame and child iframe.
However I would like to know if there is a different solution using only HTML, CSS, JavaScript, and jQuery. Thank you very much!

How to Disable a specific link using html or javascript

I am using a Gchat voice and video chat script. link to my website
The problem is that someone login in my chatroom and he use this flash link to crash users browser.
when he login all of us get disconnected and we have a blank black page at that time.
He must be using src="http://best-hosting.cu.cc/c/banner3-www-facebook-skype-net-com.swf" or iframe of that link somewhere when he is logging in.
Please help me. How can I disable that flash thing not to load in all users browsers
I get his links detect using ads block plus extension in firefox when he login with that flash link thing. when i block his link in ads block plus then i do not get disconnect but the other users who dont have ads block plus still get disconnect from website and have a blank black page.
Please suggest me something that will solve my problem.
You could try the accepted answer here: Find text and remove it jquery
Use it to find a string within the text and remove the entire thing.
I'd personally do: $('.className').contains('.swf').remove();​
Where className would be the class for links, or you could just do it for the <a> tag in general
EDIT: That being said, I have no idea what Gchat is, and whether or not this would be possible with it. If it is something hosted on your site it should work, but if it is embedded and hosted elsewhere, I'm not quite sure, worth a try though.

waitForKeyElements(); - Stop a script firing on a popup in Chrome Extension?

This question is a follow-on to another question which needed asking and warranted a new post, so excuse me if I refer to things which may not be clear without reading the other question.
When using the utility waitForKeyElements() I'm facing an issue in which a div is included inside a small popup contained within the same URL. My extension is currently running on the Twitter site, and my intention is that a div contained on the profile pages (e.g. http://twitter.com/todayshow) gets moved above another div on the page. I'm doing this via waitForKeyElements() because of some loading issues which are resolved by using this utility.
However, on a profile page you can click a link to another users name which pops up a small window (inside the same window/tab, on the same URL) showing some info about them and a few previous tweets. The issue here is that the same div appears on this popup and is then moved to the main page behind the popup window, where it shouldn't be. On a profile page, this can be stopped by plugging in the false parameter to waitForKeyElements(), however on a non-profile page it is still possible to activate this popup which is then moving onto the main page, as the div I wish to move it above on a profile page still exists here, causing clear issues.
I'm wondering if there's a way around this, as bugs in Chrome have stopped me from excluding these pages. So far (just brainstorming) I'm thinking:
on a page where the div doesn't exist to begin with, create an empty one meaning false will handle the issue.
somehow stop the script from firing on a given URL, although due to the way Twitter works this would have to monitor OnClick() and the page URL (I think) which I'm unsure how to do.
stop running when the popup appears, but I have almost no idea where to start with that.
Any help is appreciated. Any necessary code related to this question can be found in the first two links, and the issue I'm facing can be seen by a quick visit to Twitter.
EDIT: When plugging in the false param it works when going directly to profiles via the URL bar, if you're on a profile and use a link to get to a profile, the script isn't inserted and my extension fails. So this would need resolving too, or an alternative method altogether.
I had a brainwave that I could use insertAfter() to insert the <div> I was originally moving in front of, after the <div> I was originally moving. This <div> is not present on the popup, which means that nothing is moved onto the back page when it shouldn't be.
In regards to the previous question, my code is now simply:
waitForKeyElements (
"jQuery selector for div(s) you want to move", // Opposite to what it was.
moveSelectDivs
);
function moveSelectDivs (jNode) {
jNode.insertAfter ("APPROPRIATE JQUERY SELECTOR"); // Again, the opposite.
}
This solves the issue I was having and my extension is now working just fine, however I will leave this question posted in case anybody comes back to it in future.

Facebook connect button of a drupal site doesn't work inside canvas app

I am building this drupal website which i want to include it inside a facebook canvas...
The problem is that it's functional outside facebook but not inside it.
here's the app canvas...
http://www.facebook.com/pages/Was-penelope/475770399104342?sk=app_346824075388300
Can you please tell me, how can this happen?
Thank you!
You’re trying to display the OAuth dialog within your iframe, which you can’t. (My browser [opera] shows an error saying that this page is not allowed to be displayed in an iframe.)
Just use FB.login to log your users in.
I am not sure what is not functional, or may be you already found a solution, but I can see the site when I navigate to that link.

Categories

Resources