Javascript - Modal HTML Window Popup That Is Run Within 3rd Party Site
Feb 17, 2011
I have a need to display our application widget within a third-party website (think things like GetSatisfaction, UserVoice and other feedback widgets that people use). What is the safest and most reliable way to do this? I can think of some criteria and issues already: The code needs to be framework and language independent. Even though my app is ASP.NET, the 'launcher' will be run in any HTML page that belongs to our customers. So I suppose that limits me to HTML and Javascript only. The function needs to be very easy to call. So that implies a <script scr='mywebsite.com/widget.aspx' ...> as the sole thing to give to my customer. There is to be no use of CSS. Or rather, I can style things, but without a CSS file, as that could pull in styles that conflict with what my customer is running. There must be no use of libraries such as JQuery. I mention this because I can imagine problems if we pull in a JQuery version that differs from our customer's, thus ruining their site with our code.
View 1 Replies
Similar Messages:
Oct 14, 2010
I want open window.open as modal popup.
var features = 'resizable= yes; status= no; scroll= no; help= no; center= yes;
width=460;height=140;menubar=no;directories=no;location=no;modal=yes';
window.open(href, 'name', features, false);
I can use Window.ShowModelDialog(), but in my child window I am calling parent javascript method. That is not happening with ShowModelDialog().
function CallParentScript(weburl) {
alert(weburl);
if (weburl != null) {
var url = weburl;
window.opener.SelectUserImageCallback(url);
window.close();
return false;
}
}
If I use window.open(). I can call Parent javascript. But window is not modal. How to solve this? Can I write something in child popup to always top?
View 3 Replies
Jan 10, 2010
I am working on a ASP.NET website that needs popups in a modal window similar to JS confirm and alert. How would I do this on client and/or server side?
View 2 Replies
Sep 30, 2010
I have a asp.net page that has a list of items. When one of the items from the list is clicked a details page is displayed. This details page has a link button to show a popup for history of the item. The details page also has a button with text 'Back'. The back button has onclick event set to "javascript:window.history.back();".
This back button works fine and goes back to the first page. However when the user is on the second page and opens the pop up by clicking on the link button, the back button stop working and displays Webpage has expired message.
View 2 Replies
Feb 18, 2011
I need to popup my webpage from within our customer's websites. My webpage gathers some data in input boxes and then closes --- ie. It's just a basic form and all I need is to display it and give a close button to the user.
What's the best JS tool to do this? I found colorbox and it looks cool, but I am concerned that it will break my customer's site as it requires jQuery (and my customer may be using an older version than colorbox pulls in).
View 1 Replies
Jan 17, 2010
I am trying to get a modal popup inside a modal popup?, also i want to fire the modal popup on a condition in a text change event of a textbox?...is this possible and can anyone give me directon on this
View 5 Replies
Jul 29, 2010
Modal Popup user control (its a message box) on top of a modal popup with javascript that maintains postback on a scrollable div all inside of an update panel causes my page to flash on postback of the user control. If any one of the peices (user control, modal popup, javascript) are missing everything works fine. The javascript is maintaing scrollback on a scrollable listview on the page. A modalpopup is shown on top of this main page that is for report parameters. The user control is used for validation and is displayed if a parameter is invalid. I know this may not be the best design, but it can't really change unless its a minor change. Heres the js if anyone wants to see popup or styles let me know.
//Begin methods to maintain or reset scroll position during postback.
var controlIds = [];
var scrollTops = [];
//Register a control to maintain its scroll position on postbacks.
function MaintainPostback(controlId) {
controlIds.push(controlId);
}
//Find the div/control id in the controlIds array and set its scroll position to 0.
function ResetControlScrollTop(controlId) {
var index = 0;
while (index < controlIds.length) {
if (controlId == controlIds[index]) {
scrollTops[index] = 0;
return;
}
index++;
}
}............
View 6 Replies
Dec 3, 2010
I have the following HTML
<tr>
<td class="label" valign="top">
Affiliate Party
</td>
<td class="field">
<input type="hidden" name="ctl00$MainContent$ExternalAccountAttributes$AffiliatePartyId" id="AffiliatePartyId" />
<input name="ctl00$MainContent$ExternalAccountAttributes$AffiliatePartyName" type="text" id="AffiliatePartyName" class="PartyLookup" />
</td>
</tr>
and the following Javascript/jQuery
$(".PartyLookup").after("<img src='Images/book_open.png' class='PartyLookupToggle' style='padding-left:4px;' />");
$(".PartyLookupToggle").click(function () {
window.open("PartySearch.aspx", "PartySearch", "width=400,height=50");
return false;
});
I need to be able to flag ANY PartyId input field with class="PartyLookup" so that it will modify the DOM and include the image next to the input field. The popup window returns data to populate both the hidden and text fields, but since the click() is generic I need to pass it the ID of the input field.
View 2 Replies
Apr 1, 2010
I have a popup window of course through the use of modalpopup extender that searches a record. In the popup window, I have two buttons - a search and a close button. Whenever, I click on the search buttton, the popup window immediately disappear. How am be able to make my modal popup window to stay visible even I click on the search button?
View 2 Replies
Aug 11, 2010
I wish to do a modal popup window. I am new to AjaxControlToolkit. provide tutorial links explaining the necessary things to do this in a step by step manner.
View 2 Replies
Jan 17, 2010
I'm using Modal Popup, when user click i need to get the window in center, irrespective of screen size. my screen size is 1280*780 so i adjust the x and y value in modal popup im getting the window in center,but alignment is changed on other screen size. how to make the modal popup in center in all size
View 4 Replies
Jun 9, 2010
I'm trying to use the modal popup window extender to display a 'loading' icon when the user uploads a file. I'm using the following:
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginReq);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endReq);
function beginReq(sender, args)
{
// shows the Popup
$find(ModalProgress).show();
}
function endReq(sender, args)
{
// shows the Popup
$find(ModalProgress).hide();
}
//END --
// on the .aspx page
<script type="text/javascript" language="javascript" >
var ModalProgress = '<%= modalProgress.ClientID %>';
</script>
<asp:Panel
ID="pnlModal"
CssClass="modalPopup"
Style="display: none"
Width="233px"
runat="server" >
<img alt="Loading Icon" src="../images/redLoading.gif" />
The file is being uploaded, depending on the number of records this may take up to a minute.
</asp:Panel>
which I found on Berseth's site but I cannot get it to work. 'Null' error when it's trying to pop the window. Does anyone out here have another way to do this.
View 5 Replies
Sep 23, 2010
we are running a click-to-call service, my idea is basically like this: website have a link on their page, when the link is clicked, a web page(say it is popup.aspx) hosted on our server is popup, user can input their phone number, and click "call me" button to let the website call him. In the button click event, I want to get Request.UrlReferrer, then query the db to get website's phone. But in IE, Request.UrlReferrer is null(firefox is ok, not test chrome yet),my question is how to get opening window' url in IE? we put popup.aspx on our server because
our client website is not force to use asp.net. we have the control what we put on the popup window, and can modify the page just from our side, if we put the pop window on our partner's side, if we have 100 partner, and we change the page's design, we will notify everyone of them to change this, change that. we can implement a statics system to know how popup a day, which site is most popular,etc
View 1 Replies
Dec 9, 2010
Is it possible to use buttons in a modal popup window and not have the window close after the postback?
View 2 Replies
Jun 23, 2010
I am exporting a datatable to an excel sheet. When the ExportToExcel event is fire it pops up a "file download dialog" asking if I want to open or save. What I want to do is right after user clicks on open, or save I would like to show a modal popup saying "Do you want to finalize this download?".
Here is some code, it all works except it won't show modal popup after exporting to excel. Why won't mpeFinalizeDownload.Show() run unless I comment out the line above it?
[Code]....
View 3 Replies
Jun 15, 2010
I have a weird problem. I have a window, on a button click I open a modal popup (using ModelPopupExtender), that let's you select a few criteria and then click a submit button. On click of submit button, I open a new window (using window.open()) that shows the status of what happened to your submitted request. However, every time this status window is opened, it goes to the login page. I am thinking the modal popup can't pass the authentication cookie to the newly opened window, but I'm not sure.
View 1 Replies
May 14, 2010
I am using modal popup extender in my web page, it is working fine, but when the page contents are expanded, modal popup displays with no background color. Here is more info -
The web page contains bunch of update panels that have reports in iFrame controls inside it. On click of save, I display modal popup with confirmation message. Initially, all panels are collapsed, modal popup is displayed properly with the gray background color. When i expand all the panels, page gets really huge and modal popup displays no background color (transparant). Below are the styles I am using -
.modalPopupBackground
{
background-color: Gray;
filter: alpha(opacity=50);
opacity: 0.50;
}
.modalPopup
{
background-color: white;
border-width: 3px;
border-style: solid;
border-color: #165EA9;
padding: 3px;
width: 600px;
height: 150px;
}
Here is the modal popup code -
<asp:Button ID="btnHiddenTarget" runat="server" Style="display: none" Text="HiddenTargetControlForModal" />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnHiddenTarget"
BackgroundCssClass="modalPopupBackground" PopupControlID="ModalPanel1" OkControlID="btnModalYes"
DropShadow="true" PopupDragHandleControlID="ModalPanel3" />
<asp:Panel ID="ModalPanel1" runat="server" Style="display: none;" CssClass="modalPopup">
<asp:UpdatePanel runat="server" ID="updPopupMsg">
<ContentTemplate>
<asp:Panel ID="ModalPanel3" runat="server" Style="cursor: move; background-color: #DDDDDD;
border: solid 1px Gray; color: Black; height: 20px">
<div>
<p style="text-align: center;">
<asp:Label runat="server" ID="lblInfoPopupHeader" Font-Bold="true"></asp:Label></p>
</div>
</asp:Panel>
<asp:Panel runat="server" ID="pnlPopupMsg" Style="text-align: left; vertical-align: middle;
overflow: auto; height: 100px">
<p>
<asp:Label runat="server" ID="lblInfoPopup" Font-Bold="true"></asp:Label></p>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
<p style="text-align: center; vertical-align: bottom; height: 20px">
<asp:Button ID="btnModalYes" runat="server" Text="OK" CssClass="commandButton" Style="width: 100px;"
IgnoreDirty="Dirty" />
</p>
</asp:Panel>
Technical Environment - VS 2008 and AjaxControlToolkit 3.5.40412.0.
View 4 Replies
May 4, 2010
I copied the code from this tutorial:
[URL] into a page in a test project.
The problem is that when i push the client side button, it shows the popup and immediately refreshes (reseting to initial state of course).
Why is this happening in my new web project, but in that tutorial's demo doesn't?
I'm using IE7, FF3.5, VS2008, latest Ajax Control Toolkit.
View 8 Replies
Sep 3, 2010
I have created list of thumbnail images in datalist and on clicking image i want to pass image name to Ajax control toolkit Modal Popup window which display bigger image.
View 2 Replies
Jan 7, 2010
For the past couple of days, I've been scouring the Internet looking for a good solution, but it seems all of the examples I'm finding have one or more drawbacks. I've looked at various javascript, jQuery, and AJAX Control Toolkit ModalPopup code and I'm not yet satisfied. I have a web form that does postbacks to update the database and I want it to run in a window such that the user cannot return to the page from which it was launched until it has been closed. I would also like to be able to refresh all or parts of the launching page from the popup page when needed before closing it.
If anyone has successfully implemented something like this, I would be very interested in seeing the particulars in how you made it work.
View 3 Replies
Nov 1, 2010
when i call modal popup extender the background is scrolling , i want to freeze the background page then is there any properties or any other idea to get this ..
View 5 Replies
Jul 30, 2013
I want to display a pop up window when i click on update button of gridview after editing.
how this will be implemented .
View 1 Replies
May 7, 2015
How to open Popup Window from dropdown list ...... [URL] .... Like this link but open in dropdown selected item.
View 1 Replies
Aug 27, 2010
I have two webpages, parent page .aspx and child page .html.
On parent page I have JavaScript function for invoking child page as modal window via window.showModalDialog.
function viewCourseModal(url) {
var sPars = SomeParameters();
var returnedValue = window.showModalDialog(url, "", sPars);[CODE]...
So when I launch parent window and invoke child modal window, parameter with "someValue" gets returned to the parent window (to modalReadyForTest control) upon clicking the button Button1.It works fine when I have both parent and child pages on the same domain. When I have them on different domains, value of the parameters does not get passed and instead it is always "undefined".Is there any way to have modal window from different domain returning parameter value to parent page? Can those cross domain issues be solved at all or should I try completely different approach?
View 1 Replies
Jul 16, 2013
I want to display a pop up window when i click on update button of gridview after editing. How this will be implemented.
View 1 Replies
