change style div after dragdrop by button

Question

0.00/5 (No votes)

See more:

I have a div and a button. After drag&drop this div object to other position. I want that when I click button, that div object will change style with new position has just changed. I have already processed drag&drop.

Div object changed postion:

XML

<div id="divml5" class="dragDiv1"  runat="server" style="width:40px;height:40px;position:relative;
                                                                left:120px;top:60px;">
        <table>
            <tr>
                 <td>
                    <h5 id="h5ml5" class="handler" runat="server"
                            style="background-image:url('../../Images/image.jpg');
                                    vertical-align:middle;width:40px; height:40px;background-repeat:no-repeat;"></h5>
                </td>
            </tr>
        </table>
    </div>

Button

C#

<button type="button" id="btn" runat="server" onclick="changeStyle();">ChangeStyle</button>

and I have paragrahp code to process change style of that div object:

C#

var divml5 = document.getElementById("divml5");
        var h5ml5 = document.getElementById("h5ml5");
        function changeStyle(){
           
            divml5.style.backgroundImage = "url('../Images/clientRed.jpg')";
            h5ml5.style.backgroundImage = "url('../Images/clientRed.jpg')";

I think I can implement as I want, but it can't process.

Posted 22-Nov-10 14:27pm

khidotlua

Add a Solution

2 solutions

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)

Edbert P · Answer 1 · 2010-11-22T16:25:00

Solution 1

Did you try onClick instead? (Notice the capital C).

If it still does not work it could be since your button has runat="server" it will do a postback when you click it. Either use

onClick="changeStyle();return false"

to prevent resubmit or do not use runat="server".

Posted 22-Nov-10 16:25pm

Edbert P

Comments

khidotlua 22-Nov-10 23:13pm

onClick="changeStyle()", but div object not change style.

Edbert P · Answer 2 · 2010-11-24T13:53:00

Solution 2

Have you checked if your javascript is correct? or whether the background image URL is correct?

Posted 24-Nov-10 13:53pm

Edbert P