This is a migrated thread and some comments may be shown as answers.

can i get Client side event on mouse hover on appointment

4 Answers 210 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Muhammad ali
Top achievements
Rank 1
Muhammad ali asked on 07 Apr 2010, 08:09 AM
hi,
i want to get appointment referance means some properties of Appointment like width, top,left of that appointment ON MOUSE HOVER and ONMOUSE OUT event,so that i can handle that appointment form Clientside.like u have given click event of appointment

thanks
regarded As:
Muhammad Ali.

4 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 09 Apr 2010, 02:27 PM
Hello Muhammad ali,

Here is how you can achieve this:
function pageLoad()
    {
          var scheduler = $find('<%=RadScheduler1.ClientID %>');
          scheduler.get_appointments().forEach(function(app) {
              app.get_element().onmouseover = function() {
                  //alert("mouseover for " + app.get_subject());
              };
              app.get_element().onmouseout = function() {
                  //alert("mouseout for " + app.get_subject());
              };
          });
    }


Greetings,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Muhammad ali
Top achievements
Rank 1
answered on 10 Apr 2010, 08:38 AM
function pageLoad()
    {
          var scheduler = $find('<%=RadScheduler1.ClientID %>');
          scheduler.get_appointments().forEach(function(app) {
              app.get_element().onmouseover = function() {
                  //alert("mouseover for " + app.get_subject());
here i want to get the main div of appointment and i need its CSS atribute like Appointment top and left Positions its width and all that attribute
like we get it through javascript
var getTopPosition=document.getElementById("name_of_div").style.top;
              };
              app.get_element().onmouseout = function() {
                  //alert("mouseout for " + app.get_subject());
              };
          });
    }
0
Muhammad ali
Top achievements
Rank 1
answered on 10 Apr 2010, 08:43 AM
function pageLoad()
    {
          var scheduler = $find('<%=RadScheduler1.ClientID %>');
          scheduler.get_appointments().forEach(function(app) {
              app.get_element().onmouseover = function() {
                  //alert("mouseover for " + app.get_subject());
Can i get the client id of appointment??? at this stage??

              };
              app.get_element().onmouseout = function() {
                  //alert("mouseout for " + app.get_subject());
              };
          });
    }
0
Peter
Telerik team
answered on 14 Apr 2010, 02:08 PM
Hello Muhammad ali,

In the code sample I sent you :

scheduler.get_appointments().forEach(function(app) {
app.get_element().onmouseover = function() { ...

'app' is the appointment object, so you can use any of its public methods listed here:

http://www.telerik.com/help/aspnet-ajax/client-side-objects-schedulerappointment.html



All the best,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Scheduler
Asked by
Muhammad ali
Top achievements
Rank 1
Answers by
Peter
Telerik team
Muhammad ali
Top achievements
Rank 1
Share this question
or