Solved

How to include Jquery simple Model dialog in an asp.net project

Posted on 2010-11-17
9
1,664 Views
Last Modified: 2012-05-10
First of all i wantto include the jquery simple modal dialog in an asp.net application, then
I need to call jquery simple mode dialog behind the click eventof a button in an asp.net project
0
Comment
Question by:Ammar Iqbal
  • 4
  • 4
9 Comments
 
LVL 6

Accepted Solution

by:
Codebot earned 500 total points
Comment Utility
It is very simple
Just include reevant js and css files.
and then add code on button onclick event.

here are example with how to use tutorials
http://jquery.com/demo/thickbox/
or
http://www.ericmmartin.com/projects/simplemodal/
0
 
LVL 21

Expert Comment

by:Alpesh Patel
Comment Utility
Create Model popup using jQuery and restrict to open on document.ready.
Open dialog on click of any HTML button click event. It works.
0
 
LVL 1

Assisted Solution

by:Ammar Iqbal
Ammar Iqbal earned 0 total points
Comment Utility
for simple modal dialog, I have included these two js files in my .aspx page
script src="/js/jquery.simplemodal-1.4.1.js" type="text/javascript"></script>
 <script src="/js/jquery.simplemodal-1.4.1.min.js" type="text/javascript"></script>

is it right?

I am noticing, that each of the modal dialog has its own css and img files....Do i need to copy thiese in my respective folder of my project...
Is it possible to customize its css with respect of my project
0
 
LVL 1

Author Comment

by:Ammar Iqbal
Comment Utility
but how to create a model popup, can you give me a sample
0
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 
LVL 6

Assisted Solution

by:Codebot
Codebot earned 500 total points
Comment Utility
Yes you need all images and css file and you can customized everything according to your needs.
Example is given in my earlier post.
here are example with how to use tutorials
http://jquery.com/demo/thickbox/
or
http://www.ericmmartin.com/projects/simplemodal/
0
 
LVL 1

Author Comment

by:Ammar Iqbal
Comment Utility
I have added  nad include all the relvant files to invoke a contact form of simple dialog

i have included these files as well:
<link id="Link1" runat="server" type="text/css" href="/css/contact.css"  rel="stylesheet" />      
 <link id="Link2" runat="server" type="text/css" href="/css/demo.css"  rel="stylesheet" />
 
   <script src="/js/jquery.simplemodal.js" type="text/javascript"></script>
  <script src="/js/jquery.js" type="text/javascript"></script>
   <script src="/js/contact.js" type="text/javascript"></script>


Now the problem is that I need to invoke a contact form or a simple model dialog when the button is clicked. I am not figuring it out how to do this stuff in a right way.
Any suggestions?
0
 
LVL 6

Expert Comment

by:Codebot
Comment Utility
Simple add this link in your html

<p><a href="#" class="demo button">Demo</a> <a href="http://simplemodal.googlecode.com/files/simplemodal-demo-contact-1.4.1.zip" class="button">Download</a></p> 

Open in new window

0
 
LVL 6

Expert Comment

by:Codebot
Comment Utility
I mean

<a href="#" class="demo button">Demo</a>
#= your page
0
 
LVL 1

Author Closing Comment

by:Ammar Iqbal
Comment Utility
partial solution
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

More often than not, we developers are confronted with a need: a need to make some kind of magic happen via code. Whether it is for a client, for the boss, or for our own personal projects, the need must be satisfied. Most of the time, the Framework…
Calculating holidays and working days is a function that is often needed yet it is not one found within the Framework. This article presents one approach to building a working-day calculator for use in .NET.
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now