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
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?
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 RepliesI 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.
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 RepliesI produce a popup window by adding a hyperlink to a table cell dynamically in my vb.net code behind. Here is the code:
Dim sHyperlink As
String =
"<a href=""LabPopup.aspx?RefNo=" & iLabRefNo &
""" target=""_blank"">" & strValue &
"</a>" objCellValue.Controls.Add(New LiteralControl(sHyperlink))
So on my web page, I will have a list of these hyperlinks and each have a different iLabRefNo. When I click on one of these links, the popup window does appear correctly.
I have a button on the popup window that closes the popup. But I get this message in an alert box when click on my button:
The webpage you are viewing is trying to close the window. Do you want to close the window?
If I click OK then the window close. But I just want to close the popup wondow without this message. What do I need to do?
Here is my code for the button to close the popup:
<asp:Button
ID="cmdLabPopupClose"
runat="server"
Text="Close"
OnClientClick="CloseWindow()"
/>
<script type="text/javascript">
function CloseWindow() {
window.close();
}
</script>
I want a similar behavior of "confirm delete" option in ASP.Net Gridview, as this questions shows How to add a "confirm delete" option in ASP.Net Gridview ? but using Jquery Confirm Box.
I'm having a lot of problem with postback behavior and asp.net page flow.
I want domething simple as:
<asp:Button ID="ButtonRemove" runat="server" Text="<%$ Resources:Localizacao, BUTTON_REMOVE %>" OnClick="ButtonRemove_Click" OnClientClick="displayConfirmDialog();/>
how I can fire the OnClick event in javascript, or how a can put a Panel as confirm dialog?
*today I use ajaxcontroltoolkit, but as this was discontinued I'm trying to figure out some more elegant alternative.
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++;
}
}............
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.
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 RepliesI 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 RepliesI'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 RepliesI'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.
How am I be able to load the entire page before issuing an alert window using javascript.
Code:
[code]...
I have 1 aspx page with code behind. In this I have 1 button where I am using OnClick = "btnOk_Click" event. Now here I am testing some validation I want to give a alert/popup if validation failes. I know I can display message using Response.Write, but my user wants to display an alert.
View 7 Replieswe 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
Is it possible to use buttons in a modal popup window and not have the window close after the postback?
View 2 RepliesI 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]....
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 RepliesI 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.
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.
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 RepliesFor 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.
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 RepliesI want to display a pop up window when i click on update button of gridview after editing.
how this will be implemented .
