AJAX :: Can A Modal Pop Up Be Populated With Data From A URL
Jul 23, 2010
I have a Collapsible Panel Extender inside a datalist.I have a hyperlink inside the panel within the datalist. I want to have a modal popup on clicking the hyperlink inside the panel and I want the modal pop up to be populated with the data from the navigate URL property of the hyperlink. Is it possible to do this? I am attaching my code,this is currently throwing an exception which I am guessing is because it is unable to find the hyperlink in the panel within the datalist :-
[Code]....
View 13 Replies
Similar Messages:
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
May 7, 2015
How to add highlighting and Click of this example [URL] ....
In this example [URL] ....
I have a DataList by binding DataSet Client Side using jQuery AJAX and I want to Enable DataList Row Highlighting and Click in row using jQuery AJAx in datalist ....
View 1 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
Jan 24, 2013
I look for a good way for arrangement Admin pages Items
for example Admin Upload Page consists of these sections:
* make a new folder
* delete folder
* upload file in folder
* show folders information (in a gridview)
* download test
so I think one way is showing this sections in modal
but when I tried make a new folder in modal after clicking in create folder button modal disappeared.
Is there any way that modal doesnt disappear until user click close button?
I mean I want modal to behave like a page.
If there isn't a way what to do for classification sections?
View 1 Replies
Aug 19, 2010
How can I get one modal popup to trigger a second modal? And in between each modal, I need to execute server code.
Page load, check if question needs answering -> Modal 1 -> User answers -> run server code to check if question two needs answering -> Modal 2 -> show page.
I could do this using a series of asp:Views if there is not a clean way, the management just really likes the modals
View 2 Replies
Aug 11, 2010
Modal PopUp Extender Catch exception error and display on modal popup
[Code]....
View 2 Replies
Dec 8, 2010
what i want to do is that , i have html.actionlink and i want when the user click show a ajax modal dialog to it and get the data.
for example in my view INVOICES i have <%html.actionlink("Select Customers","actionresult","controller")%> and i want when user click the link , show the modal dialog who contain the list of customers. after the user click one customers come back to my INVOICES view with the ID of selected customers.
View 3 Replies
Dec 17, 2013
I am new to AJAX. I am designing a feedback form for a video conferencing session in asp.net web application which will be displayed as a modal window. The questions on the modal window will be displayed from a table stored on SQL Server 2008 and the responses of those questions should again be stored back in a different table on SQL Server after user clicks on the SUBMIT button on the modal window (and also, the window should close after the action).
I am not aware of the way to retrieve data from or store data to SQL server from modal window though I know how to retrieve and store data using asp.net and c#...
View 1 Replies
Apr 9, 2010
I have an Ajax ModalPopupExtender on a page. To summarise. I have a link on a page, when I click the link the modal popup displays. On this modalpopup I've a textbox and an 'ok' and 'cancel' button. I wish to find out what was entered in the textbox when the button is clicked I try this but the value of ((TextBox)button1.Page.FindControl("theTitle")) is null.
if (((TextBox)button1.Page.FindControl("theTitle")).Text == "")
void okButton_Click(object sender, EventArgs e)
{
try
{
//if i try this tt does not compile//The name 'theTitle' does not exist in the current context//if(theTitle.Text == "")//{//}
Button button1 = (Button)sender;
//TextBox theTitle = ((ImageButton)(e.Item.FindControl("theTitle")));
if (((TextBox)button1.Page.FindControl("theTitle")).Text == "")
{
}
else
{
}
}
catch (Exception)
{
}
}
View 3 Replies
Nov 3, 2010
How can I get the populated cascaded dropdown value using javascript ?
View 6 Replies
Nov 11, 2010
I have a buttonfield which is being handled by the gv_RowCommand function to Show() the modal popup extender which will then do the actual submission of data. When I actually try it out, the ID which is being displayed on the popup is not of the index of the row that triggered the Command, but the previous one. If no row is actually Selected in the beginning, no value pops up. Here's the source... I need help resolving this so that the ID of the row actually selected is displayed in the label. That way I can use that value for the commands that will then be executed by the modal panel's buttons. MPE Panel
[Code]....
GridView
<asp:GridView ID="gvFillReceived" runat="server" AllowPaging="true" Width="95%"
View 4 Replies
Sep 28, 2010
I'm using Ajax to dynamically populate a DIV. I have each page content stored in XML files as CDATA. When a user clicks on a link from the navigation bar, the Ajax loads the XML for that particular page, parses it, and populates the DIV with it's content.
Everything is working GREAT, except for one thing. I have a jQuery modal popup whose markup is loaded from that page's XML file. The .js and .css files from the jQuery plugin are all loaded, and when this is HARD CODED (i.e., not loaded from XML), it works fine. But when it's loaded from the XML, the modal doesn't work.
When the page is loaded from the XML file- What the page is supposed to do is load the HTML from the XML file, which it does, and there's a hyperlink that when clicked, it's supposed to create the modal popup window. Instead, clicking on the link does NOT fire up the modal popup window.
When the page is hard coded- it does everything it's supposed to do.
A live example is at:
http://mikemarks.net/clientSites/tabras/
Click on "The Band", and at the bottom you'll see the hyperlink called "Demo". Clicking on that should bring up a modal popup window, but instead as you can see it just takes you to the top of the page.
Below is my markup (notice the div id="copy", which is the placeholder for my HTML content that's loaded from the XML file), my Ajax JavaScript code, and my XML file (which is shown as the markup that's loaded into the div id="copy").
<div id="leftTwoThirdsColumn">
<div id="menu">
<ul class="menu">
<li style="width:65px;"><a id="default" href="#" onclick="makeRequest('xml/default.xml');"><span>Home</span></a></li>
<li style="width:65px;"><a id="lyrics" href="#" onclick="makeRequest('xml/lyrics.xml');"><span>Lyrics</span></a></li>
<li style="width:110px;"><a id="merch" href="#" onclick="makeRequest('xml/merch.xml');"><span>Merchandise</span></a></li>
<li style="width:93px;"><a id="bio" href="#" onclick="makeRequest('xml/bio.xml');"><span>The Band</span></a></li>
<li style="width:80px;"><a id="contact" href="#" onclick="makeRequest('xml/contact.xml');"><span>Contact</span></a></li>
<li style="width:150px;" class="last"><a id="friends" href="#" onclick="makeRequest('xml/friends.xml');"><span>Friends of Tabräs</span></a></li>
</ul>
</div>
<br /><br />
<div id="copy">
</div>
</div>
function makeRequest(url)
{
if(window.XMLHttpRequest)
{
request = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
request = new ActiveXObject("MSXML2.XMLHTTP");
}
sendRequest(url);
}
function sendRequest(url)
{
request.onreadystatechange = onResponse;
request.open("GET", url, true);
request.send(null);
}
function checkReadyState(obj)
{
if(obj.readyState == 0) { document.getElementById('copy').innerHTML = "Sending Request..."; }
if(obj.readyState == 1) { document.getElementById('copy').innerHTML = "Loading Response..."; }
if(obj.readyState == 2) { document.getElementById('copy').innerHTML = "Response Loaded..."; }
if(obj.readyState == 3) { document.getElementById('copy').innerHTML = "Response Ready..."; }
if(obj.readyState == 4)
{
if(obj.status == 200)
{
return true;
}
else if(obj.status == 404)
{
// Add a custom message or redirect the user to another page
document.getElementById('copy').innerHTML = "File not found";
}
else
{
document.getElementById('copy').innerHTML = "There was a problem retrieving the XML.";
}
}
}
function onResponse()
{
if(checkReadyState(request)) {
var response = request.responseXML.documentElement;
var root = new Array();
root = response.getElementsByTagName('');
//alert("Total Number of HTML Elements Found: " + response.getElementsByTagName("").length);
var html = '';
for (var i = 0; i < root.length; i++) {
var tagName = response.getElementsByTagName("").item(i).nodeName;
var tagObj = response.getElementsByTagName("").item(i);
html += tagObj.firstChild.nodeValue;
}
document.getElementById('copy').innerHTML = html;
}
}
<div style="padding-top:5px; margin-left:auto; margin-right:auto; text-align:center;">
<img src="images/ShawnBioActive.png" />
<img src="images/JasonBioActive.png" />
<img src="images/WillBioActive.png" />
<img src="images/RasoulBioActive.png" />
<img src="images/bioStrip.png" />
<div id='basic-modal'><h3>Basic Modal Dialog</h3><p>A basic modal dialog with minimal styling and no additional options. There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on style options and/or external CSS for the look and feel.</p><input type='button' name='basic' value='Demo' class='basic'/> or <a href='#' class='basic'>Demo</a></div><script type="text/javascript" src="../js/modal/jquery.simplemodal.js"></script><script type="text/javascript" src="../js/modal/basic.js"></script><link type="text/css" href="../css/modal/demo.css" rel="stylesheet" media="screen" /><link type="text/css" href="../css/modal/basic.css" rel="stylesheet" media="screen" /><script type='text/javascript'>jQuery().ready(function () {$('#basic-modal-content').modal();});</script>
<div id="basic-modal-content"><h3>Basic Modal Dialog</h3></div><div style='display:none'><img src='images/modal/basic/x.png' alt='' /></div></test2>
</div>
View 2 Replies
May 7, 2015
When I use the code below an error accur when click add button to insert into sql because the selected value in DropDownList is back to --select-- Idon't know why it should be the the value I selectedbut when not use this code and bind the DropDownList using wizard it works but I need to use the code to make the first selection is --select--.
private void PopulateDropDownList() {
string constr = ConfigurationManager.ConnectionStrings[1].ConnectionString;
using (SqlConnection con = new SqlConnection(constr)) {
using (SqlCommand cmd = new SqlCommand("SELECT Country_ID,Country_Name FROM Country", con)) {
using (SqlDataAdapter da = new SqlDataAdapter(cmd)) {
[Code] ....
View 1 Replies
Sep 7, 2010
My issue is similar to [URL] how-to-use-the-value-of-a-selected-value-from-a-dropdownlist-populated-with-ajax but I am using ASP.NET, not PHP. I have a dropdownlist that is populated by another dropdownlist's current value through ajax. So if DDL A is 'NY', DDL B is populated with different data relating to 'NY'. I need that data to be posted back to the server because this affects an SQLDataSource parameter. However, as far as I can tell, the value is always null after postback resulting in the gridview to be empty.
View 1 Replies
Oct 21, 2010
i'm using the Ajax cascading dropdown list it works fine. But how to call the server side after the dropdown list populated....
i don't want to call those method in drop down list index changed because it may cause postback..
View 6 Replies
May 7, 2015
I am using ITextSharp to create a pdf. But when I am binding data to Gridview dynamically which was actually a result of ajax webmethod, its showing a blank PDF file. So how can I export dynamically binded data to GridView to PDF. Is there any other way to export dynamically binded gridview data to PDF?
View 1 Replies
May 7, 2015
We bind dropdown using json and web service but when we click on save button we can not get selected value of that dropdown...
View 1 Replies
May 7, 2015
I have three modal popup and three link buttons the first link button is on menu i.e. login that shows login-popup and the login popup contains two links forgot password and register both of them opens a popup but the problem is the login popup isnt hiding with click on register or foreget link the popups are appearing perfectly but arent hiding.
The html for all three popup is as shown below:-
 <cc1:ModalPopupExtender ID="Modallogin" runat="server" PopupControlID="loginpanel" TargetControlID="loginlink" BackgroundCssClass="modalBackground"
CancelControlID="lnkforgot">
</cc1:ModalPopupExtender>
<asp:Panel ID="loginpanel" runat="server" CssClass="modalPopup">
[Code] .....
And the codebehind file that i wrote some code which also isnt working is as shown below:-
protected void Button2_Click(object sender, EventArgs e) {
Modalforget.Hide();
} protected void lnkregister_Click(object sender, EventArgs e) {
Modallogin.Hide();
Modalregister.Show();
[Code] ....
I also used breakpoints on link click event and are not going to code behind file on click and popup is just shown without hiding the other. And the css used is I found on aspsnippet site!
View 1 Replies
Sep 20, 2015
I saw guide on here [URL] ....Â
Which I found useful to create gridview with dropdown filter. What my gridview differs from your one is based on ID, a modal is loaded. E.g. there is a column called "review" and in that column there is image that when clicked it loads a modal with details. My question is, how do i do this using the code provided by you. So ID is passed back to code. (So backend knows which row is clicked).
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
May 7, 2015
I'm trying to load a gridview based on selection from dropdownlist. When i run the program, it displays empty gridview. How to solve this?
Name of dropdownlist: CatCode
Code behind:
Private Sub BindProdGrid()
Dim conString As String = ConfigurationManager.ConnectionStrings("SY_InventoryConnectionString").ConnectionString
Dim rowIndex As Integer = 0
Dim box11 As DropDownList = CType(SalesGView.Rows(rowIndex).Cells(1).FindControl("CatCode"), DropDownList)
[Code] ....
View 1 Replies
Feb 7, 2011
[Code]....
I can open the modalpopup, can close the popup, but if i click the "edit" button to edit any of rows, the popup closes automatically. If I click again, the "Update" and "Cancel" buttons shows, and after clicking one of those, popup closes again. The above code works, if i use gridview the insert, edit or delete the data, does not close automatically. What may be the cause of this problem.
View 1 Replies
Jun 15, 2010
Lets say I have a user control AjaxUC.
<asp:ModalPopupExtender ID="modalSearch" runat="server" TargetControlID="btnHiddenSearch"
PopupControlID="pnlModalSearch" DropShadow="false" RepositionMode="RepositionOnWindowResize"
Drag="false" BackgroundCssClass="modalBackground" >
</asp:ModalPopupExtender>
<asp:Button ID="btnHiddenSearch" runat="server" Style="display: none" />
<asp:Panel ID="pnlModalSearch" runat="server" CssClass="modalPopup">
<asp:Panel ID="pnlModalSearchContent" runat="server">
<asp:Label ID="lblSearchTitle" runat="server" CssClass="modalPopupTitle"></asp:Label>
<div id="divContent" runat="server">
</div>
<asp:Button ID="btnModalSearchClose" runat="server" Text="Close" CausesValidation="false"
OnClick="BtnModalSearchCloseClick" />
</asp:Panel>
</asp:Panel>
<input type="hidden" id="hdVisible" runat="server" />
------------------------------------------------------------------------ AjaxUC.ascx.cs:-
public partial class AjaxUC : System.Web.UI.UserControl { private ITemplate _content = null; [TemplateInstance(TemplateInstance.Single)] [TemplateContainer(typeof(Container))] [PersistenceMode(PersistenceMode.InnerProperty)] public ITemplate Content { get
{ return _content; } set
{ _content = value; } } void Page_Init() { if (_content != null) { Container container = new Container(); _content.InstantiateIn(container); divContent.Controls.Add(container); lblSearchTitle.Text = LblModalSearchText; } } protected void Page_Load(object sender, EventArgs e) { if (hdVisible.Value=="true") { modalSearch.Show(); } } } public class Container : Control, INamingContainer { internal Container() { } }}
This control when used on any aspx page will popup the control placed inside the template "divContent" as modalpopup.
________________________________________________________________________
Now I am trying to convert this user control to Custom Control and my code is:-
[ParseChildren(true)] [PersistChildren(true)] public class DNAWebAjaxTool : PlaceHolder { public event EventHandler BtnModalSearchCloseClickEvent; public event EventHandler Click; private ITemplate _content = null; private HtmlInputHidden _hdVisible; private Panel _pnlModalSearchContent; private Panel _pnlModalSearch; private ModalPopupExtender _modalSearch; private Button _btn; private DivContainer divContent = new DivContainer(); private string _viewState; public DNAWebAjaxTool() { } public Panel PnlModalSearchContent { get
{ if (_pnlModalSearchContent == null) { _pnlModalSearchContent = new Panel(); } return _pnlModalSearchContent; } } public ModalPopupExtender ModalSearch { get
{ if (_modalSearch == null) { _modalSearch = new ModalPopupExtender(); } return _modalSearch; } } public string ViewState { get
{ return _viewState; } set
{ _viewState = value; } } public HtmlInputHidden HdVisible { get
{ if (_hdVisible == null) { _hdVisible = new HtmlInputHidden(); } return _hdVisible; } } [TemplateInstance(TemplateInstance.Single)] [TemplateContainer(typeof(DivContainer))] [PersistenceMode(PersistenceMode.InnerProperty)] public ITemplate Content { get
{ return _content; } set
{ _content = value; } } protected override void OnInit(EventArgs e) { _content.InstantiateIn(divContent); base.Controls.Add(divContent); base.OnInit(e); } protected override void OnLoad(EventArgs e) { if (HdVisible.Value == "true") { ModalSearch.Show(); } base.OnLoad(e); } void _btn_Click(object sender, EventArgs e) { BtnModalSearchCloseClickEvent(sender, e); } public virtual void Hide() { PnlModalSearchContent.Visible = false; ModalSearch.Hide(); ViewState = "false"; } public virtual void Show() { PnlModalSearchContent.Visible = true; ModalSearch.Show(); ViewState = "true"; } protected override void CreateChildControls() { base.CreateChildControls(); } protected override void Render(HtmlTextWriter writer) { if (ViewState == "true") { _modalSearch = new ModalPopupExtender(); _modalSearch.ID = "modalSearch"; _modalSearch.TargetControlID = "btnHiddenSearch"; _modalSearch.PopupControlID = "pnlModalSearch"; _modalSearch.DropShadow = false; _modalSearch.RepositionMode = AjaxControlToolkit.ModalPopupRepositionMode.RepositionOnWindowResize; _modalSearch.Drag = false; _modalSearch.BackgroundCssClass = "modalBackground"; _modalSearch.Show(); _btn = new Button(); _btn.ID = "btnHiddenSearch"; _btn.Style.Value = "display: none"; _btn.RenderControl(writer); _pnlModalSearch = new Panel(); _pnlModalSearch.ID = "pnlModalSearch"; _pnlModalSearch.CssClass = "modalPopup"; _pnlModalSearch.RenderControl(writer); PnlModalSearchContent.ID = "pnlModalSearchContent"; PnlModalSearchContent.RenderControl(writer); divContent.RenderControl(writer); _btn = new Button(); _btn.ID = "btnModalSearchClose"; _btn.Text = "Close"; _btn.CausesValidation = false; _btn.Click += new EventHandler(_btn_Click); _btn.RenderControl(writer); } } } public class DivContainer : Control, INamingContainer { internal DivContainer() { } }
________________________________________________________________________________________________
The problem I am facing is that the modalpopup extennder is not coming up as a popup.
View 2 Replies
Aug 23, 2010
I have the following code:
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using Oracle.DataAccess.Client; // ODP.NET Oracle managed provider
using Oracle.DataAccess.Types;
namespace MyTestApp {
public partial class _Default : System.Web.UI.Page {
protected void Page_Load(object sender, EventArgs e) {
OracleConnection conn = new OracleConnection("User Id=UID; Password=PWD; Data Source=XE; Pooling=false"); try { conn.Open(); } catch ( OracleException oe ){
Console.WriteLine("ERROR : " + oe.Message); }
if ( !Page.IsPostBack ) {
if (conn.State == ConnectionState.Open) {
// get data GetMoleculesToShow(conn); } }
// clean up connection conn.Dispose(); }
static void GetMoleculesToShow( OracleConnection conn ){
String division; String rxotc; String molecule_name;
String prodnum; String proddesc; String molecule_class; String nonactive;
// create command object and set attributes
OracleCommand cmd = new OracleCommand("schema.package.procedure", conn);
cmd.CommandType = CommandType.StoredProcedure;
//Bind values
cmd.Parameters.Add("mol_to_show_cur", OracleDbType.RefCursor);
cmd.Parameters[0].Direction = ParameterDirection.Output; try {
// Execute command, have parameters populated cmd.ExecuteNonQuery();
// Create OracleDataAdapter, data provider object to populate dataset
OracleDataAdapter da = new OracleDataAdapter(cmd);
//Populate dataset with "molrefcur"
DataSet ds = new DataSet();
da.Fill(ds, "mol_to_show_cur", (OracleRefCursor)(cmd.Parameters["mol_to_show_cur"].Value));
//Verify dataset is begin populated //DataTable dt = ds.Tables[0];
//foreach ( DataRow dr in ds.Tables[0].Rows ) //{
// division = dr["division"].ToString();
// rxotc = dr["rxotc"].ToString();
// molecule_name = dr["molecule_name"].ToString();
// prodnum = dr["prodnum"].ToString();
// proddesc = dr["proddesc"].ToString();
// molecule_class = dr["molecule_class"].ToString();
// nonactive = dr["nonactive"].ToString(); //}
if (ds.Tables[0].Rows.Count != 0) {
// display dataset values GridView gvMolecules = new GridView();
gvMolecules.DataSource = ds.Tables["mol_to_show_cur"].Rows;
gvMolecules.DataBind(); } }
catch (OracleException oe) {
Console.WriteLine("ERROR : " + oe.Message); }
finally { cmd.Dispose(); } } } }
The dataset is being populated, however when the page renders, the data nor the gridview are visible. I have tried using both IE and Firefox, binding / not binding the columns, AutoGenerateColumns Y / N with no success. As I am new to all of this ( VS2008, ASP.NET, C# ) I can't help but to think I am overlooking something basic.
I am using the following :
- VS 2008
- MS Vista SP2
- Oracle XE ( local )
View 13 Replies
