Hello Everyone,

      I am really new to Javascript and I am trying to make a slight modification to previously written Javascript.  I had my asp controls SearchTextBox and SearchButton inside a panel within an ajax toolkit tab panel control (ID = "Tabs") .  Now I am using a MultiView control (ID = "MultiView1") instead of the tab panel.  The problem is I don't know how to name the element to accomodate for this change.  Originally one of the lines of code read this way:

document.getElementById('Tabs_VisualSearchTabPanel_SearchButton').click()   (I think I could fix the rest if I know how to do this one)

I'm not sure exactly how to change this line of code properly.  If it's easier to solve this problem the page can be viewed at www.visual-search.net 

Also, please remember I am just beginning in JavaScript so please try to be clear with your answer.  Thanks in advance.

                                                                                                                                     Robert
 

To access the webcontrols in your javascript, always use the ClientID property.  This will get you the ID of the control, with what it will be rendered. If you server control name is "SearchButton" you should use

document.getElementById('<%= SearchButton.ClientID %>').click() ;

SearchButton.ClientID, gets you the actual ID of the control on the html page, with the container names appending to it in the order of hierarchy.

Thanks

 Hi,

 What if my elemets are inside a repeater. i tried using  document.getElementById('<%= MyLabel.ClientID %>').value ;

 where mylabel is the id of my label inside a repeater. but its showing an error The type or namespace name 'MyLabel_Vert' could not be found (are you missing a using directive or an assembly reference?)

So is there any way i could access the repeater elemenst value using javascript

Thanks 

Well, you cannot directly access the controls inside a repeater. You need to hookup the javascript to the controls inside the repeater events. Lets us know what you are trying to do, so that we can provided the required solution.

Thanks

yea e_screw is correct we hookup javascript  

i believe you are using Templates in Repeater and one of itemtemplates contains lable if i'm not wrong!!

normally in datacontrols in RowDataBound event for example of GridView we do a findControl() and pass field values etc to javascript function. say for example if i want to call a javascript function on checkbox column's check/uncheck

Checkbox chk = FindControl

chk.attributes.add("event","javascript function('+grd.Rows[CurrentRowIndex].Cells[index].Text+')

something like that.

thanks,

satish.

e_screw:

Well, you cannot directly access the controls inside a repeater. You need to hookup the javascript to the controls inside the repeater events. Lets us know what you are trying to do, so that we can provided the required solution.

Thanks

I have a repeater control having 4 lables two textboxes and 2 Buttons. The labels contain details such as name, age, addr etc.

So on click of one of the buttons i need to move the details of a person from one location to the other. The problem is i want to use a confirm dialogue in JS.

In my confirm box i need to something like ' are u sure u want to move <FirstName>':

So the code is something like: 

function moveUser()

{

var name=document.getElementById('<%= lblFirstName.ClientID %>').value() ;

var answer=confirm("Are you sure you want to move this candidate?"+ name);

if(answer) return true;

else return false;

}

But this is showing an error that The type or namespace name 'lblFirstName' could not be found (are you missing a using directive or an assembly reference?)

This is obviously because the element lblFirstName being inside a repeater cannot be detected.

So is there any way i could access that particular value using JavaScript.

 Thanks

Well in this case you will find your button by FindControl in the itemcreated event and then add the javascript. An example is as below

Ibtn0.Attributes.Add("onclick", "return confirm (\'Are you sure?\');");

naturehermit:

Well in this case you will find your button by FindControl in the itemcreated event and then add the javascript. An example is as below

 

if (e.Item.ItemType == ListItemType.Footer)

{

HtmlInputButton Ibtn0 = (HtmlInputButton)(e.Item.FindControl("btnDelete"));

Ibtn0.Attributes.Add("onclick", "return confirm (\'Are you sure?\');");

}

Hi,

i know how to find the button. however i do not know how to get the value of a particular label inside the repeater.

my confirm message should be like: " Are you sure u want to move JOHN" where JOHNis the value of the lblFirstName which is inside the repeater.

I need to get it by JS.

Thanks 

well for label you pass the id of the label instead of button. And for John, i suggest make a property and append it to the message.

Hi,

This is what i did:

in the item_datatbound event of the repeater:

Label lblFirstName = (Label) e.Item.FindControl("lblFirstName");

Button btnMoveUser =(Button)e.Item.FindControl("btnMoveUser");                              

btnMoveUser.Attributes.Add("onclick","return moveUser('" + lblFirstName.ClientID.ToString() +"');");

in the aspx page:

please note this is inside the repeater
<asp:Button id="btnMoveUser" text="Move User" runat="server"  onclick=" moveUser(' lblFirstName_Vert.ClientID ');" /></td>

Javascript:

function moveUser(lblID)
{
  var lbl = document.getElementById('lblId');
  alert(lbl);
  var answer=confirm("Are you sure you want to move this candidate" + lblID.value +"?");
  if(answer)
  return true;
  else
  return false;
 
}

But im getting an error in the aspx page stating: Too many characters in character literal

i tried the following but they too were showing error:

onclick=" moveUser(lblFirstName_Vert.ClientID);" Error:  ) expected
                                                    

onclick=' moveUser(lblFirstName_Vert.ClientID);"  Error:  ) expected

What could be the solution

Thanks 

Hi,

I have been able to fix that error.

the javascript code is:

function moveUser(lblID)

{

debugger;

alert('in');

var lbl = document.getElementById(lblID);

var answer=confirm("Are you sure you want to move this candidate" + lbl.value +"?");

if(answer) return true;

else return false; 

}

But now when i debug the code the lblID is showing the correct client id. but the lbl is showing some value {...} and the lbl.value is undefined.

Whjat could be the  problem

THanks 

 A Label is rendered as a span element in HTML which does not have a property called value.

In IE use lbl.innerText or lbl.innerHTML