Sure thing, this is the javascript for the jquery:
<script src="http://cutesoft.net/scripts/jquery-1.3.2.min.js" type="text/javascript">
</script>
<script type="text/javascript">
function loadContent(url, id) {
var completeUrl = url + id;
$("#contentArea").load(completeUrl);
scroll(0, 0);
$
}
</script>
<script language="javascript" type="text/javascript">
function revealModal(divID) {
document.getElementById(divID).style.display = "block";
}
function hideModal(divID) {
document.getElementById(divID).style.display = "none";
}
</script>
and here's the html code to call the javascript functions:
<a href="#" onclick="loadContent('user_profile.aspx?uid=', 0), revealModal('modalPage')">User Profile</a>
<div class="modalContainer">
<div class="modal">
<div class="modalTop">
<a href="#" onclick="hideModal('modalPage')">[CLOSE]</a></div>
<div class="modalBody">
<div id="contentArea" style="margin: 20px 0px 10px 10px;">
<div id="example-placeholder">
<p><img src="http://cutesoft.net/images/ajax-loader.gif" width="220" height="19" /></p>
</div>
</div>
</div>
</div>
</div>
Here's the .aspx code in the external file (user_propfile.aspx)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="user_profile.aspx.cs" Inherits="dev_user_profile" %>
<%@ Register Namespace="CuteWebUI" Assembly="CuteWebUI.AjaxUploader" TagPrefix="CuteWebUI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<CuteWebUI:Uploader runat="server" ID="Uploader1" InsertText="Browse" OnFileUploaded="Uploader1_FileUploaded">
<ValidateOption AllowedFileExtensions="jpeg,jpg,gif,png" MaxSizeKB="10000" />
</CuteWebUI:Uploader>
<div style="border: solid 1px black; padding: 4px; width: 300px">
<asp:Image ID="picture_path1Label" runat="server" ImageUrl='<%# Eval("pic_path") %>'
Width="300px" Height="270px" /></div>
<br />
My Bio:<br />
<asp:TextBox ID="txtBio" runat="server" TextMode="MultiLine" Width="311px" Height="115px"></asp:TextBox>
<br />
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" Text="Submit" />
</div>
</div>
</form>
</body>
</html>
clicking the hyperlink opens the modal div modalContainer, and loads the content of user_profile.aspx file into that modalContent div. inside the user_profile.aspx file lies my cutesoft uploader control.
hope this helps! Thanks in advance for your help.