CODEWITHSUNDEEP
javascript
mnaftal
mnaftal

Reputation: 1

Help with javascript and user control

I Have user comtrol with image button dynamically entered into the Page. I want to get his ID in jquery or javascript to enlarge the image, but it always enlarge only the last image, this is the code, Thanks in advance!

function moveover() {
    document.getElementById('<% = ImageButton1.ClientID %>').height = "360";
    document.getElementById('<% = ImageButton1.ClientID %>').width = "200";

}
function moveback() {
    document.getElementById('<% = ImageButton1.ClientID %>').height = "130";
    document.getElementById('<% = ImageButton1.ClientID %>').width = "100";
     }

this is the page 

 foreach (DataRow p in ds.Tables["Products"].Rows)
    {
        ASP.product_control_ascx prod = new ASP.product_control_ascx();
        Panel1.Controls.Add(prod);
        prod.Old_price = p["Regular_price"].ToString();
        prod.new_price = p["Your_price"].ToString();
        prod.watch_pic = p["Product_imag"].ToString();
        prod.rr = "~/ProductPage.aspx?Select_prod=" + p["Product_id"].ToString(); ;
    }

Even if someone has a code increases picture nicely?

Upvotes: 0

Views: 108

Answers (1)

Ghyath Serhal
Ghyath Serhal

Reputation: 7632

The best solution for this problem is to pass the client id of the image button to the function as shown below.

function moveover(imageButtonId) 
{
    document.getElementById(imageButtonId).height = "360";
    document.getElementById(imageButtonId).width = "200";
}

Upvotes: 1

Related Questions