We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

drag and drop  target source

ravifine
ravifine asked
on
Medium Priority
231 Views
Last Modified: 2012-08-13
I need code for drag and drop functionality in javascript.

Here is my scenario.  

I have calendar which is developed dynamically by aspx.net code. Each day  has some divs as children. I have to drag  div from one day and drop to another day. After dropping custom functionality should be called.
Comment
Watch Question

Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Author

Commented:
I'm using asp calendar control. I'm attaching div to certain dates. I should drag the divs within dates.
I'm unable to do that event If I use javascirpt

Author

Commented:
Here is calender conrol code behind. on Calender2_DayRender I'm adding div. This div should drag and droppable in any day of calendar. Some how it didn't work with above javasript file.
protected void Calendar2_DayRender(object sender, DayRenderEventArgs e)
    {
 
 
 
        e.Cell.ID = "cell" + i;
 
        
 
        if (!e.Day.IsOtherMonth)
        {
            e.Cell.Attributes.Add("date", e.Day.Date.ToShortDateString());
            //e.Cell.Style.Add("position", "relative");
            //e.Cell.Style.Add("z-index", "1");
            //jvScriptCell.Append("DragHandler.triggerCalendarPostBack(document.getElementById('" + e.Cell.ClientID + "'));  ");
 
        }
        else
        { 
            e.Cell.Attributes.Add("date", e.Day.Date.ToShortDateString());
           // e.Cell.Style.Add("position", "relative");
            //e.Cell.Style.Add("z-index", "1");
            e.Cell.Attributes.Add("class","forbid");
           
        }
        if (i == 25 || i == 22)
        {
 
            System.Web.UI.HtmlControls.HtmlGenericControl div = new System.Web.UI.HtmlControls.HtmlGenericControl("div");
            div.Attributes.Add("schduleId","s" + i);
            div.Attributes.Add("EventId", "e" + i);
            div.Attributes.Add("class", "drag t1");
            div.ID = "div" + i;
            // jvScriptSchedule.Append("DragHandler.attach(document.getElementById('" + div.ClientID + "'));  ");
            //jvScriptSchedule.Append("document.getElementById('" + div.ClientID + "').onmousedown = handler_onmousedown;");
            e.Cell.Controls.Add(div);
        }
 
        if (i++ == 41)
        {
 
           // Page.ClientScript.RegisterStartupScript(Type.GetType("System.String"), "ScheduleScript", jvScriptSchedule.ToString(), true);
 
           // Page.ClientScript.RegisterStartupScript(Type.GetType("System.String"), "CellScript", jvScriptCell.ToString(), true);
 
 
 
        }
 
 
 
    } 

Open in new window

Author

Commented:
it's working now. thanks StevePicks
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.