I have a listbox element in aspx page which id is attributesList.
I want to select this element to track its change event, but i cant directly select its id because asp.net changes its id on runtime.
its id, attributesList changes into ctl00_adminPlaceHolder_attributesList.
so what i want to do is to use a "contains" xpath expression to select the element.
I'm trying to find an ajax.net extender element with a dynamically generated ID. I'm trying to wire up an event handler to close all ajax.net modal popups when 'escape' is pressed. I'm confused why one of these works and one does not.
$find('ctl00_MainContent_ucUserControl1_mpePopup'); //returns the element
$find('[id="ctl00_MainContent_ucUserControl1_mpePopup"]'); //returns null
The ultimate goal is to be able to find the element without hard wiring the ID into the selector: $find('[id$="_mpePopup"]'); //return all elements that end with "_mpePopup"
I am trying to auto fill city and state value after user typing 5-digit zip code. The Ajax part works perfectly, the problem is I have two sets of zip/city/state fields in one web page. I searched this issue for quite a while, using next(),nextAll() even slice(), none of them work in my situation.
Web page related part:
[Code]....
After using Ajax function I get returned value for city and state. For each city textbox I give a "city" class, for each state dropdownlist I give a "state" class. I wonder how can I put those value into right position?
I have a jQuery function that performs slideDown anitmation on a certain element when clicked like this
$('.Minimize').click(function() {
$('.ContentTD').slideUp('slow', function() {
//animation complete
});
});
the above script is written inside a web user control.
the problem is that if a page has many instances of the control, the slideDown function is executed in all the instances in the page.
I want the function to be executed only in the control I click.
i have a select element with few items and the script.
[Code]....
on selection of any item from the dropdownlist how can i get the text selected from dropdown in the javaScript function that i have provided in onchange event handler ?
I am trying to get the clientid of button in my jquery selector like this
[Code]....
Here i have hard coded the button id looking at the rendered html source but I want it dynamic using buttonid.clientid.
how to do that?
There is a bug in jQuery 1.4.2 that makes change event on select-element getting fired twice when using both DOM-event and a jQuery event, and this only on IE7/8.Here is the test code:
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.js" type="text/javascript"></script>[code].....
This causes alot of trouble for us in our application cause we use both ASP.NET-events mixed with jQuery and once you hook up a change event on any element every select (dropdown) gets this double firing problem.
Cant seem to get the following to find the 'skull' button when the 'heart' button is clicked. Here is the JQuery.
$(".voteup").click(function() {
var id = $(this).attr("title");
var userID = $('[id$=HiddenFieldUserID]').val();
var ipAddress = $('[id$=HiddenFieldIPAddress]').val();
var skullButton = $(this).parent().siblings(".votedowntd").children("votedown");
registerUpVote("up", id, $(this), skullButton, userID, ipAddress);
});
And the HTML...
<table width="200px">
<td width="35px" class="votedowntd">
<img src='<%# (bool)Eval("skull") ? "images/skull.png" : "images/skull-bw.png" %>' alt="Vote Down" class="votedown" title='<%# Eval("entry.ID") %>' />
</td>
<td width="130px" style="text-align: center;">
Num Votes Goes Here
</td>
<td width="35px" class="voteuptd">
<img src='<%# (bool)Eval("heart") ? "images/heart.png" : "images/heart-bw.png" %>' alt="Vote Up" class="voteup" title='<%# Eval("entry.ID") %>' />
</td>
<tr>
</tr>
</table>
So basically what I need to do is when one img is clicked, I need to find the other one. Why is what I have not working? Is there a better way to do this?
I have an ASP.NET page and I am trying to quickly match the validation controls that are tied to a particular textbox (text input) using a jQuery selector. The validation controls render as a span and the "controltovalidate" property renders as an expando property. Here is a test example:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>......
The problem: the ml_test() function shows 1 in Internet Explorer 7 (as expected), but shows 0 in Firefox 3.6.8. I tried adding additional controls, but in Firefox it consistently doesn't work.
I discovered this post that shows the use of an ampersand in the selector like this [@expando=value], but when I try this syntax, jQuery 1.4.2 throws an error.
Is there a cross-browser way to select expando attributes, and if so, what is the proper syntax?
I would like to use the OpenID selector found here The problem is that i would like to use it in a content page, which is child of a master page.
So what modifications should i make?
I mean my master page contains the form already
<form id="form1" runat="server">
...
</form>
but so does the OpenID selector page
<form class="openid" method="post" action="/Login.xhtml?ReturnUrl=">
</form>
together with post and ReturnUrl... which is something that i need only in the login page... Right?
I am having a problem in that a style is not being applied when I used an "ID" selector (#btnOK). However, if I use a class selector (.btnOK, by changing the "#btnOK" to a ".btnOK" in the CSS file), the style is applied.
The style IS also applied in design mode, but not at run time. It's findingf the css file, else, the class wouldn't be applied. Case sensitivity match on the ID.
In the web page:
<link href="CSS/CvCost.css" rel="stylesheet" type="text/css" />
<asp:Button ID="btnOK" CssClass="btnOK" runat="server" Text="OK" ValidationGroup="Add"/>
In CSS/CvCost.css:
#btnOK{
margin-right:5px;
margin-top:5px;
float:right;
width:75px;
height: 25px;
}
how to create a web site using c#(not used asp.net) ,xml,xsl,xquery ,xpath ,jquery
View 3 RepliesJQuery supports a syntax of $("span[id$='Label1']") to allow selection of ASP.NET INamingContainer generated ID's that have been prefixed with "ct100$...".
We are using Selenium and are looking for a similar way to select elements, ignoring the prefixes that ASP.NET generates.
I'm pointing a jquery selector towards a dropdownlist inside an UpdatePanel. It interacts just fine with the $("#<%= DropDownList1.ClientID %>").change("Do something");
but, when the Dropdownlist postsbacks (it needs to do it, and that's why it's inside the updatepanel) my script suddently stops to work.
I would like to select an element that is in the same TR as another element I found with a selector. The selector itself: $("input[name='sMessageValue']","#messageTable") Now I have this element and got its value I would like to find a checkbox located in the same TR, i tried this as starting point : $(this).(':parent').val(). But seems not the right thing to do.
View 9 Replies[Code]....
How to find the particular label from grid on jQuery class selector? My jQuery code as
<script type="text/javascript">
$("#<%=dgv_buslayout.ClientID%> tr:has(td)").click(function (e) {
var selTD = $(e.target).closest("td");
var $target = $(e.target);
//alert($("label.hideIdLabel").text());
alert($(this).find("label.hideIdLabel").text());
});
</script>
More specifically, given a set of style sheets that define a class selector called "content_title", is there a way to apply that style to all <h1> tags without changing each one to <h1 class="content_title">, i.e. to effectively apply that class to all instances of a given element?
The context is that I'm trying to apply HTML and CSS from a graphic designer to existing web applications and some of the selectors don't match up very well.
I have an ASP.NET web forms application that uses master pages and a theme. I've been given an HTML sample/template that that includes several style sheets.
So I updated my master page to use the new design, and now it looks something like this:
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="MyMaster.master.vb" Inherits="MyApp.MyMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!-- these are the new style sheet from the graphic designer -->......
My goal is to use the designer's style without having to edit every content page that includes an <h1>.
I could copy the styles from the designer's CSS to the stylsheet in my app's Theme (substituting the class selector for the tag, of course), but then i wouldn't really be using the source CSS and I'd have to do this again the next time the external CSS changes.
I'm also not likely to get the external CSS changed to fit my app.
So is there something clever I can do to make <h1> == class="content_title" with respect to the application of styles, or will I have to bite the bullet and update each and every one of my content pages?
I am new to jquery. I've got following problem.I created template
[Code]....
But now I would like to interact with elements of this table.Unfortunately, I cant find any element except for "personsList" table tag.
I have a few scattered <p> elements on the aspx page which I am grouping together using a class like so - <p class="instructions" runat="server">
In my code behind, using C# I want to hide these elements, using something like
instructions.Visible = false;
However I realize I can only do this in codebehind if I use ID but this will result in invalid HTML/CSS Selector since you can't have multiple ID's with the same ID name...
Alternatively is there another way to group the controls if not by class?
EDIT: I can't use JavaScript, so the selection must be done in C# codebehind/ASP.NET
I have a View that has a select drop-down list and an edit button within a form. What I want to do is have the user select one of the options from the select element, click on the edit button, and get the value of the selected option in the Controller method.
I created my form with <% Html.BeginForm(): %>
and the Controller "Edit" method should be called.
I looked through several online examples, but each one focused on how to set values and the default selected value of the select element, rather than retrieving it from the code in the Controller method. I tried grabbing it from the Request.Form collection like:
string val = Request.Form["myDropDownList"].ToString();
and also:
string val = Request.Form["myDropDownList"];
Obviously I didn't do this correctly, because I get a null reference exception. Does anyone have the solution to this issue?
To demonstrate that I could even use a Class attribute on an option elem I tried adding class attributes to options of a select elem in a static page and that works fine. I noticed that not many online resouces documented this so I figured I would explicitly set the record.
here is the jquery code attempting to add a class to the selected option
[Code]....
New information, I found the reason nothing occured was a simple mistake in the value being passed in for compLev. However, now it runs through the code for the correct case and does nothing to the color of the item.
I must be missing something simple here. This code was working and i can't seem to figure out why it stopped.
First, I generate a selectlist in the controller like this:
// Select List
ViewData["FieldTypesList"] = new SelectList(
genesisRepository.FieldTypes, "ftID", "ftName"
);
The View that uses this select list looks like this:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Genesis.Domain.Entities.Stream2FieldTypes>" %>
<%@ Import Namespace="Genesis.Domain.Entities" %>
<%: Html.DropDownListFor(
model => model.FieldTypeID,
(SelectList)ViewData["FieldTypesList"]
)%>
<%:Model.FieldTypeID.ToString() %>
However... the HTML that gets generated shows this:
<select id="Stream2FieldTypes_0_" name="Stream2FieldTypes[0]"><option value="1">Text Area</option>
<option value="2">Text Box</option>
<option value="3">Rich Text</option>
<option value="4">Image</option>
<option value="5">DateTime</option>
<option value="6">Decimal</option>
<option value="7">Integer</option>
</select>
3 <!--FYI: current value-->
I am completely missing why the view does not render html that selects 3 (Rich Text).
I am trying to collect the chosen value from a html select element and insert it into an SQL Server 2005 database and I get the following exception caught:
Failed to convert parameter value from a HtmlSelect to a String. (I've been converting everything to String before submission to the DB using ToString();
This was generated from my asp.net page. (ListBox was rendered as select element)
I was able to isolate the focus problem from the ListBox to the following HTML.
Just copy-paste the HTML bellow and open it in a browser window.
The browser renders the Focus in a strange way. I have to solve it for one of our clients.
If the Height is set to 185px the focus doesn't work properly. I tried to play around with different heights.
Btw, if the Height is set to 81px there's no problem with the Focus.
But I have to have the height at least 170px.
[code]...