Dialog box is not opening

Question

0.00/5 (No votes)

See more:

I have a page which displays all the Events. Each event has a Calender link associated with it. Clicking on this Calender displays a dialog in jQuery. It is opening in first time. Then I click on another link Events Expired, which displays the events(load the events with out page postback) that are expired.

This also has the Calender link associated with it. When I click this time the dialog is not opening instead the div is displayed at the top of page.

So how can I solve this?

Posted 30-Nov-10 0:08am

deepak thomas

Updated 30-Nov-10 0:40am

Slacker007

v3

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

ROGDEV · Answer 1 · 2010-11-30T15:48:00

Solution 1

Not sure I understand your problem; check the Javascript error console of your browser to see if there is any information. Is the id of your div/calendar changing?

Posted 30-Nov-10 15:48pm

ROGDEV

Comments

deepak thomas 30-Nov-10 23:41pm

I have a link like this
<a href="#" önclick="jQuery('#divCalender').dialog('open'); return false,test1('<%:Model.Event[i].eventId%>');">CALENDER/UPDATES</a>

$(function () {
$("#divCalender").dialog({
bgiframe: true,
height: 'auto',
modal: true,
autoOpen: false,
resizable: false,
closeOnEscape: true,
hide: 'slide',
width: 375,
title: 'Calender/Updates'
})

});

On clicking this link will show the dialog .This shows for the first time in Test.aspx page.Then there is an 'Expired Events' link on clicking bring up some events through ajax.When i click this link again the dialog box does not show up.How can i solve this?

deepak thomas 30-Nov-10 23:47pm

no javascript error

deepak thomas 1-Dec-10 1:50am

The problem is solved now.The div which was to be shown in dialog box was in the user control page.I moved this div to the aspx page and now it is displaying correctly.