Display popup with links that when clicked target self - javascript

I am making a dashboard with widgets. I want to be able to have a user click somewhere on the widget and a popup to appear (results in the popup will be available reports generated using a SQL query).
When the popup shows choices (different reports) I want user to be able to click on one of the links to the report and the report to become the content (fill) the widget (target="_self").
I have put an iframe inside the widgets to separate the popup content from the page itself.
I explored jQuery, JavaScript, and Bootstrap Modals thus far with some success, but the main issue I am having is targeting self, or parent, to get the link to close the popup/modal and fill the widget the popup originated from.
I cannot use server side technologies like PHP, etc. It needs to be client side.
The old school way used to be javascript:passBack:
Customer 1<br />
That (passBack) is not working anymore...

Related

How to make window.open() pop up a sticky popup?

I am creating a program where i use popup with the help of javascript window.open(). It is working fine but i want to make it sticky popup. Here i try make you understand what i'm looking for. For ex. I have page called add_data.php in this page i have button called upload picture when i click upload picture button a popup appears where pircture can b uploaded. But i dont want to user allow to do anything on other tabs until upload picture tab is completed or closed. In other words i want to stick the picture upload popup.
There is no way to make a new browser window modal.
People doing this sort of thing generally use DOM manipulation to display new UI elements on top of the current page (which block accesses to the rest of the page using overlays and methods to disable access with the tab key etc).
There are lots of JavaScript libraries / UI frameworks that provide a modal.

Reload a div in sidebar of google docs add on using app script

I have a modal dialogue box which gets some input from the user. I store those values in PropertiesService. I want to reload a particular div in the sidebar with the values got from the user(which is stored in PropertiesService) when the form in modal dialogue box is submitted.
You can use the Intercom library to communicate between the dialog and the sidebar.
The open source library intercom.js builds a messaging system on top of the HTML5 LocalStorage API, allowing for dialogs and sidebars in the same browser to communicate with each other.
Check this sample code by Eric Koleda on setting up a communication channel between a dialog and a sidebar in Apps Script.

Display bootstrap modal dialog on top of child popup window

I'm modifying Moodle LMS to include some user alerts during their chat sessions if some problems have been identified. Chat module in Moodle appears as a popup window displayed on top of Moodle index page.
Since I can't modify Moodle core code, I'm able to embed some custom javascript code in the Moodle index page, but not in the chat child popup window. This custom javascript code displays bootstrap Modal dialog with notification for the user, but the problem is that this modal dialog is covered by the child popup, so user doesn't see the message.
Ideal scenario would be if modal dialog appears on top of child popup window. However, if that's not possible another solution might be if somehow I can return focus to parent window so user is still able to see notification in modal dialog before he returns to the chat window.
I hope someone has some idea how to make this work.

How can I keep my popup focused?

I have created a couple of pages whose content will be displayed in a pop up window.
I have a page where I define 3 links:
Page1<br />
Page2<br />
Page3
When clicking on the link, I have a popup displayed. But when clicking on another link, the popup is minimized. I need to keep it opened and display appropriate content from another page.
Unfortunately, I cannot use any javascript functions to focus my popup, since I need to put the links onto another vendor's website, that allows only simple html to be copied over, so when someone else will click the link, popup will open appropriate content.
Is there any way to achieve that with what I currently have?

Bind event to Iframe inside aspx page using Javascript

I have an aspx page in one of my .Net Web application. Inside which I am having iFrame that show a URL content.
My requirement is to restrict user from using right click option. I have already implemented the Javascript code for this, but it is working only outside the iFrame on the page NOT inside the iFrame i.e. when I run the project and right click somewhere outside the frame it shows proper error message but when I right click inside the frame it, allows the user to right click (View source).
Any idea how to achieve the desired result?

Categories

Resources