jQuery Modal Dialog with Dynamic Content

Abey Thomas

Rate me:

4.92/5 (28 votes)

6 Nov 2012CPOL9 min read

250.7K

9.6K

Implement a jQuery dialog window (modal or normal) that can contain truly dynamic content.

jQuery_SourceCode.zip
- jQuery_SourceCode
  - jQueryDialogDemo.sln
  - jQueryDialogDemo
    - DialogContentPage.aspx
    - DialogContentPage.aspx.cs
    - Parent.aspx
    - Parent.aspx.cs
    - Script
    - Style
      - images
        
        ui-bg_diagonals-thick_90_eeeeee_40x40.png
        
        ui-bg_flat_15_cd0a0a_40x100.png
        
        ui-bg_glass_100_e4f1fb_1x400.png
        
        ui-bg_glass_50_3baae3_1x400.png
        
        ui-bg_glass_80_d7ebf9_1x400.png
        
        ui-bg_highlight-hard_100_f2f5f7_1x100.png
        
        ui-bg_highlight-hard_70_000000_1x100.png
        
        ui-bg_highlight-soft_100_deedf7_1x100.png
        
        ui-bg_highlight-soft_25_ffef8f_1x100.png
        
        ui-icons_2694e8_256x240.png
        
        ui-icons_2e83ff_256x240.png
        
        ui-icons_3d80b3_256x240.png
        
        ui-icons_72a7cf_256x240.png
        
        ui-icons_ffffff_256x240.png
      - jquery-ui-1.8.17.custom.css
    - web.config


Microsoft Visual Studio Solution File, Format Version 11.00
# Visual Studio 2010
Project("{E24C65DC-7377-472B-9ABA-BC803B73C61A}") = "jQueryDialogDemo", "jQueryDialogDemo\", "{D68F0757-6AC4-43C7-9FA6-D97559A1EF52}"
	ProjectSection(WebsiteProperties) = preProject
		TargetFrameworkMoniker = ".NETFramework,Version%3Dv4.0"
		Debug.AspNetCompiler.VirtualPath = "/jQueryDialogDemo"
		Debug.AspNetCompiler.PhysicalPath = "jQueryDialogDemo\"
		Debug.AspNetCompiler.TargetPath = "PrecompiledWeb\jQueryDialogDemo\"
		Debug.AspNetCompiler.Updateable = "true"
		Debug.AspNetCompiler.ForceOverwrite = "true"
		Debug.AspNetCompiler.FixedNames = "false"
		Debug.AspNetCompiler.Debug = "True"
		Release.AspNetCompiler.VirtualPath = "/jQueryDialogDemo"
		Release.AspNetCompiler.PhysicalPath = "jQueryDialogDemo\"
		Release.AspNetCompiler.TargetPath = "PrecompiledWeb\jQueryDialogDemo\"
		Release.AspNetCompiler.Updateable = "true"
		Release.AspNetCompiler.ForceOverwrite = "true"
		Release.AspNetCompiler.FixedNames = "false"
		Release.AspNetCompiler.Debug = "False"
		VWDPort = "42645"
		DefaultWebSiteLanguage = "Visual C#"
	EndProjectSection
EndProject
Global
	GlobalSection(SolutionConfigurationPlatforms) = preSolution
		Debug|Any CPU = Debug|Any CPU
	EndGlobalSection
	GlobalSection(ProjectConfigurationPlatforms) = postSolution
		{D68F0757-6AC4-43C7-9FA6-D97559A1EF52}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
		{D68F0757-6AC4-43C7-9FA6-D97559A1EF52}.Debug|Any CPU.Build.0 = Debug|Any CPU
	EndGlobalSection
	GlobalSection(SolutionProperties) = preSolution
		HideSolutionNode = FALSE
	EndGlobalSection
EndGlobal

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

Abey Thomas

Technical Lead Philips

India

I am Abey Thomas Raju from Bangalore, India.

More than 7 years of solid experience in designing, developing and maintaining web applications using .NET technologies.
Good knowledge of ASP.NET aspects and related web technologies like Javascript, AJAX, CSS and jquery.

Proven experience in Object oriented analysis and design by developing and maintaining top class back-end framework for successful financial web applications.

jQuery Modal Dialog with Dynamic Content

License

Comments and Discussions