Onclick on Calendar events, it should show event description in popup

Question

0.00/5 (No votes)

See more:

Hai
i am retrieving count of messages and events from database and displaying on calendar with different icons.
What i need to do is ?
On click of this message and event icon i need to display their description in popup.

but what i have done till now is
On click of this message and event icon in popup i am getting count and date, but i am not able to get their description PLEASE HELP !!

Thanks in advance

Posted 10-Mar-14 19:21pm

Mohammed_Faisal_Majeed

Updated 12-Mar-14 0:14am

v5

Add a Solution

Comments

Aravindba 12-Mar-14 1:07am

where u save description ? form database u retrieve count same as u retrieve description also,for that u need to save description in the databse,which message r u click ? u can click message ?

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)

Aravindba · Answer 1 · 2014-03-10T19:25:00

Solution 1

Hsi

Try this links

http://forums.asp.net/t/1581880.aspx[^]

https://www.obout.com/calendar/tutorial_clientside.aspx[^]

http://forums.asp.net/t/1497909.aspx[^]

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.calendar.selectionchanged(v=vs.110).aspx[^]
how to get date on select index change event in calendar asp.net c#[^]
http://www.java2s.com/Tutorial/ASP.NET/0060__ASP.net-Controls/CalendardayrenderereventC.htm[^]

Hi
if u click date form calendar it show popup ? if yes means then do like this,when u click message u need capture any unique id in hidden field ,and when u select date form calendar u need to pass that hidden field value and retrieve description based on id and show in same popup window.

Posted 10-Mar-14 19:25pm

Aravindba

Updated 11-Mar-14 19:15pm

v3

Comments

[no name] 12-Mar-14 1:23am

Yes u r right, now popup is coming, but how shall i capture id in hidden field and pass that hidden field value and retrieve description based on id and show in same popup window :( i am not getting

Aravindba 12-Mar-14 1:26am

did u use popup window for panel in same page or u try to load other page in popup window ?
Where u save description ? how u identify description is show for this date ?

[no name] 12-Mar-14 1:42am

Popup is in same page

Aravindba 12-Mar-14 1:45am

where u save description or in runtime show same message all time ?

[no name] 12-Mar-14 1:52am

<form id="form1" runat="server">
<div id="divContent">
<div id="calendar">
</div>
</div>
<div id="descriptiondialog" style="font: 70% 'Trebuchet MS', sans-serif; margin: 50px;"
title="Description">
<table cellpadding="0" class="style1">
<tr>
<td class="alignRight">
Total Count:</td>
<td class="alignLeft">
<input id="eventName" type="text" /><br /></td>
</tr>
<tr>
<td class="alignRight">
Name:</td>
<td class="alignLeft">
<input id="eventDesc" type="text" /><br /></td>
</tr>
<tr>
<td class="alignRight">
Date:</td>
<td class="alignLeft">
<span id="eventStart"></span></td>
</tr>

</table>
</div>
</form>

Aravindba 12-Mar-14 1:56am

this is source code,where the description,did u passed to eventDesc html text box ?
add runat='server' in html text , <input id="eventDesc" runat="server" type="text" />

the above descriptiondialog is popupwindow ?

[no name] 12-Mar-14 2:16am

from this code only popup is working i wanted u to see once so i posted

[no name] 12-Mar-14 2:33am

i am getting date in this function when an event is clicked .. how can i pass this date in webservice to retrieve description from database

I have done like this

function updateEvent(event, element) {
//alert(event.description);
debugger;
var _date = event.start.toString("yyyy-mm-dd");
var _message = WebService.GetMessagebyDate(_date);// Getting error WebService is not defined
if ($(this).data("qtip")) $(this).qtip("destroy");

currentDisplayEvent = event;

$('#descriptiondialog').dialog('open');

$("#eventName").val(event.title);
$("#eventDesc").val(event.description);
$("#eventId").val(event.id);
$("#eventStart").text("" + event.start.toLocaleString());

if (event.end === null) {
$("#eventEnd").text("");
}
else {
$("#eventEnd").text("" + event.end.toLocaleString());
}

}

Aravindba 12-Mar-14 2:46am

Try this
https://www.google.co.in/?gfe_rd=cr&ei=oQEgU-L_F4KBuASiiYDoDQ#q=how+to+pass+value+from+jquery+to+web+service

http://www.copterlabs.com/blog/json-what-it-is-how-it-works-how-to-use-it/
http://iviewsource.com/codingtutorials/getting-started-with-javascript-object-notation-json-for-absolute-beginners/

can use json,can pause data form client side to web service and get back data form db and show in popup

[no name] 12-Mar-14 2:51am

i need to pass date here

[WebMethod]
[System.Web.Script.Services.ScriptMethod]
public DataTable GetMessagebyDate(string _date)
{
string errMsg = "";
DataTable dtTempAtt = new DataTable();
using (MySqlCommand cmd = new MySqlCommand())
{
cmd.CommandType = CommandType.Text;
cmd.CommandText = string.Format("select MessageTitle, activity from messagetemplate where dateCreated ='{0}'", _date);
dtTempAtt = dalObj.getSelectData(cmd, out errMsg);
}
return dtTempAtt;
}

Aravindba 12-Mar-14 3:06am

[no name] 12-Mar-14 3:17am

Y have u given like this
$("#eventName").val(event.title);
$("#eventDesc").val(event.description);
$("#eventId").val(event.id);

because from query i am retreiving MessageTitle and activity

[WebMethod]
[System.Web.Script.Services.ScriptMethod]
public DataTable GetMessagebyDate(string _date)
{
string errMsg = "";
DataTable dtTempAtt = new DataTable();
using (MySqlCommand cmd = new MySqlCommand())
{
cmd.CommandType = CommandType.Text;
cmd.CommandText = string.Format("select MessageTitle, activity from messagetemplate where dateCreated ='{0}'", _date);
dtTempAtt = dalObj.getSelectData(cmd, out errMsg);
}
return dtTempAtt;
}

[no name] 12-Mar-14 3:19am

ffunction updateEvent(event, element) {
//alert(event.description);
debugger;
var _date = event.start.toString("yyyy-mm-dd");

$.ajax({ type: "POST",
url: "WebService.asmx/GetMessagebyDate",
crossDomain: true, data: '{value1: ' + _date + '}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
error: OnError
});

function OnSuccess(data, status) {
if ($(this).data("qtip")) $(this).qtip("destroy");
currentDisplayEvent = event;
$('#descriptiondialog').dialog('open');
$("#eventName").val(event.title); // here i need to bind MessageTite
$("#eventDesc").val(event.description); // here i need to bind activity
$("#eventId").val(event.id); // this is not required i guess
$("#eventStart").text("" + event.start.toLocaleString());
if (event.end === null) {
$("#eventEnd").text("");
}
else {
$("#eventEnd").text("" + event.end.toLocaleString());
}
}
function OnError(request, status, error) {
$("#lblResult").html(request.statusText);
}
}

Aravindba 12-Mar-14 3:28am

in this line u get error
// var _message = WebService.GetMessagebyDate(_date);// Getting error WebService is not defined

so i send json method
$.ajax({ type: "POST",
url: "WebService.asmx/GetMessagebyDate", //Here web service name and function name GetMessagebyDate
crossDomain: true, data: '{value1: ' + _date + '}', // here pass date to get description form web service
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess, //if u get message it go to success function
error: OnError //if not get data or error it go to error function
});

Aravindba 12-Mar-14 3:30am

pls post calendar source code

[no name] 12-Mar-14 3:36am

<form id="form1" runat="server">

<div id="calendar">
</div>

<div id="descriptiondialog" style="font: 70% 'Trebuchet MS', sans-serif; margin: 50px;"
title="Description">
<table cellpadding="0" class="style1">
<tr>
<td class="alignRight">
Title:</td>
<td class="alignLeft">
<input id="eventName" type="text" /><br /></td>
</tr>
<tr>
<td class="alignRight">
Description:</td>
<td class="alignLeft">
<textarea id="eventDesc" cols="30" rows="3" ></textarea></td>
</tr>

</table>
</div>
</form>

[no name] 12-Mar-14 3:31am

When its pointing to this line
$.ajax({ type: "POST",
its coming out and popup is also not coming

Aravindba 12-Mar-14 3:50am

pls post calendar source code,not popup div source code

<asp:Calendar ID="Calendar1" onclick="updateEvent()" OnSelectionChanged ="Calendar1_SelectionChanged" runat="server">

[no name] 12-Mar-14 3:52am

This is Calendar source code

<form id="form1" runat="server">

<div id="calendar">
</div>

<div id="descriptiondialog" style="font: 70% 'Trebuchet MS', sans-serif; margin: 50px;"
title="Description">
<table cellpadding="0" class="style1">
<tr>
<td class="alignRight">
Title:</td>
<td class="alignLeft">
<input id="eventName" type="text" /><br /></td>
</tr>
<tr>
<td class="alignRight">
Description:</td>
<td class="alignLeft">
<textarea id="eventDesc" cols="30" rows="3" ></textarea></td>
</tr>

</table>
</div>
</form>

Aravindba 12-Mar-14 3:54am

i cant see any calendar control in this html tag

[no name] 12-Mar-14 3:57am

this is calendar control tag which i have used in div

<div id="calendar">
</div>

Aravindba 12-Mar-14 3:58am

how u use div as calender ? it will show date ?

once u click calendar date it popup window or inside popup window u have calendar and if u click calender inside popup then it show title and description ?

[no name] 12-Mar-14 4:00am

through JsonResponse.ashx

[no name] 12-Mar-14 4:12am

once i click calendar date it goes to this
function updateEvent(event, element)

and i get date from event

Aravindba 12-Mar-14 4:27am

ok this tag not show calendar
<div id="calendar">
</div>

[no name] 12-Mar-14 4:29am

it will show calendar

[no name] 12-Mar-14 4:31am

Do u have team viewer

Aravindba 12-Mar-14 4:44am

did u use ajax calendar extender ?

[no name] 12-Mar-14 4:57am

NO

Aravindba 12-Mar-14 5:09am

then how it show calendar ? in div tag ?
if it is use asp calendar then show,but u use div tag and id is calendar.if panel also have id as calendar then it show calendar ?

[no name] 12-Mar-14 5:11am

I am really very sorry i am not getting what u r asking me which source code :(

Aravindba 12-Mar-14 6:20am

ok,in design page select ur calendar and click source at bottom,then u see in source code calendar tag is selected,that tag only send me

[no name] 12-Mar-14 6:23am

Aravind i have sent u that tag only

<div id="calendar">
</div>

[no name] 12-Mar-14 6:24am

Please help to complete this task :(

Aravindba 12-Mar-14 11:34am

hi pls post ur full html source code

[no name] 13-Mar-14 2:56am

Hai Aravind are you there...

Aravindba 13-Mar-14 3:03am

post ur source code

[no name] 13-Mar-14 3:09am

Aravind in that way its not coming so i am thinking to display in aspx page instead of popup, so please tell me how shall i pass date from .js page to .aspx page through query string

is this a correct way

function updateEvent(event, element) { parent.location('Calendarmessage.aspx?msgDate=+ event.start.toLocaleString()');

Aravindba 13-Mar-14 4:31am

http://forums.asp.net/t/1962515.aspx?How+do+I+pass+two+parameter+in+the+code+behind+to+my+Javascript+Popup+window+URL

Aravindba 13-Mar-14 4:32am

u can open new page in popup window

[no name] 13-Mar-14 4:35am

thats what for that we need to pass query string in url to the aspx page from this function
function updateEvent(event, element) { parent.location('Calendarmessage.aspx?msgDate=+ event.start.toLocaleString()');

Aravindba 13-Mar-14 4:40am

what are the details u need to get message description and count ?
That details are passed in query string in url

Aravindba 13-Mar-14 4:44am

for get query string in server side (calendarmessage page load event)
Dim date As String = Request.QueryString("msgDate")

[no name] 13-Mar-14 4:45am

here in .jg page function, event has 3 values date , title and description and i want to pass only date through query string to aspx page

Aravindba 13-Mar-14 4:48am

ur query string correct ,u can pass date

[no name] 13-Mar-14 5:31am

no wen i am using this string calendar is not coming

Aravindba 13-Mar-14 5:41am

in that query string u open a calendarmessage page,when u select date then only updateevent fires

Aravindba 13-Mar-14 5:43am

can u post in new topice in this fourm like how to open aspx page form client side,just post in new forums and paste here link

[no name] 13-Mar-14 6:04am

http://www.codeproject.com/Questions/743449/How-to-pass-query-string-from-js-page-to-aspx-page