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?
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 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 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;
}
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'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.
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 have a series of div where the id is tagged with the conventional:
<div id="result<%=order.ID %>">
The handler that submits the form can find out what order.ID is via:
fromInput.split(",")[1]
So how do i get that element concatenated with the static part of the DIV id?
[code]....
I have a Editor control with ID="Editor1" . But i want to retrieve its html content entered by the user in the client side through jQuery .
View 3 RepliesI'm using jQuery tabs, which are initialized from a static .js file using a selector:
$()
.ready(function () {
$('.jqTabsStandard').tabs();
});
I'm using ASP.NET (not that it makes a difference I think), but when I click a button in one of the tabs, is there a way I can re-select that tab when the page reloads. I was thinking of sticking the tab section in an UpdatePanel. I was hoping there's a way I could trigger the tab to reselect.
how can i write a selector for specific column of GridView ?
i want to do something on mouseover of a GridView Column. and i want to do it once.
Here is my gridview :
<asp:GridView AutoGenerateColumns="False" Width="100%" ID="grvUsers" runat="server">
<Columns>
<asp:TemplateField HeaderText="Delete">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# eval("ID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Html Output :
<table cellspacing="0" rules="all" border="1" id="grvUsers" style="width:100%;border-collapse:collapse;">
<tr>
<th scope="col">Delete</th>
</tr><tr>
<td>
<span id="grvUsers_Label1_0">23</span>
</td>
</tr>
</table>
GridView DataBound
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim dr As DataRow
Dim dt As New DataTable
dt.Columns.Add("id")
dr = dt.NewRow
dr(0) = "23"
dt.Rows.Add(dr)
grvUsers.DataSource = dt
grvUsers.DataBind()
End Sub
I'm working on some basic form validation styles for an ASP.Net website. I need to select all span elements that are visible, and add a css style to another element. (Just to indicate which input fields are invalid.) The below code works like a charm in FF and Safari, but fails in IE. I've narrowed the problem down to the :visible selector. Here's the jQuery code. IMPORTANT NOTE: Production site is running jQuery 1.3.1 There were changes made to the :visible selector in 1.3.2 release notes
$('span.inputError:visible').each(function() {
$(this).parent().parent().prev('td').children('label').children('span').css('color','red');
});
Here's the rendered HTML it's intended for:
<table width="100%" cellspacing="0" cellpadding="3" border="0">
<tbody>
<tr>
<td valign="top" style="text-align: right;" class="address_labels">
<label><span>*</span> First Name: </label>
</td>
<td>
<span id="ctl00_CMain_txtFirstName_wrapper"><input type="text" style="width: 190px;" invalidstyle="inputError" class="radEnabledCss Input" name="ctl00_CMain_txtFirstName_text" id="ctl00_CMain_txtFirstName_text" size="20" value=" zdogg"><input type="text" value=" zdogg" style="border: 0pt none ; margin: -18px 0pt 0pt; padding: 0pt; overflow: hidden; visibility: hidden; width: 1px; height: 1px;" name="ctl00$CMain$txtFirstName" id="ctl00_CMain_txtFirstName"><input type="hidden" name="ctl00_CMain_txtFirstName_ClientState" id="ctl00_CMain_txtFirstName_ClientState" autocomplete="off"></span>
<div>
<span style="color: Red; display: none;" class="inputError" id="ctl00_CMain_valFirstName">First name is required</span>
</div>
</td>
</tr>
</tbody></table>
For the Workspace Selector at the bottom in the left pane (Sites,Files,DataBase,Reports) I was expecting to see some ToolTip upon mouse-over.
If I minimize the pane, it just shows icons, but if I mouse-over there is no way to know what each icon means.
for some reason when I alert this out I'm only getting the server-side Id, not the auto generated ASP.NET ID that would be created during runtime:
<form id="form1" runat="server">
p id="facebook-LoginButtonContainer"><asp:ImageButton id="btnFacebookLogin" runat="server" ImageUrl="images/facebookLoginBtn.jpg" /></p>
</div>
</form>
<script type="text/javascript">
var loginButtonID = '<%=btnFacebookLogin.ClientID %>';
alert(loginButtonID);
NOTE: the code above is inside an .aspx page that's wrapped inside an IFrame. I know that's probably some of the issue here maybe? If not then what?? I don't have a master page included this time either because it doesn't make sense as this page serves as the content for this IFrame. So it's just just a plain old .aspx inside an IFrame with a form that has runat="server"
Anyone have any suggestions for 3rd party controls that work entirely client side?By this I mean the following using the example of an invoice:An invoice is a master, with children.I have to be able to select properties on the invoice and add lines to the invoice via a grid to obviously have the customer like my invoice editing window because they don't want to have to enter the basics and then save and then add the line items.In a classic asp.net/mvc.net model the server does the processing. This requires that you either store your data objects in the view state (in this case EF) or you store it in the session.Neither scales worth crap.What I'm looking to do is be able to create an entire form that interacts in javascript using jquery and never posts back to the server to be persistant. It may pull data from the server to update lists and do lookups etc. but it will never have to have the server hold information to be persistant while it's being built (and thus only when the user clicks save will it actually post the data back.In a perfect world what would happen is that the EF object would be converted to javascript and then used and bound, and updated. Once I'm done I'd post back the javascript object and it would be automatically converted to the EF equivalent class which I could then attach and save to the database.By doing this I can eliminate all persistant memory usage and indeed essentially ALL use of the Session or viewstate which would be super powerful.
View 8 Repliesin my MVC 2 application, and in the shared Master Page I wrote this little script for menu handling :
<script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript"> $(document).ready(function () {
$('#nav li').hover(
[code]...
For a slick UI, I am deciding between using a client side library (JQuery or ExtJS) or go with the AJAX Control toolkit. I understand that the widgets supported by ExtJS rich library does not match what's there in the toolkit. What are the pros of cons of using one over the other?
View 3 RepliesClicking 'Edit' for a row expands it (using JQuery) to reveal the full horror of all the associated editable objects. One of these is a list of documents associated with each row and needs to be JQuery-editable so the user could click 'edit' to open up the full row gui, then un/select checkboxes to de/associate documents and then hit 'Save' to persist everything.
Currently I'm using nested repeaters to store the initially-hidden fields - the repeater generates a hidden formfield containing a comma-separated list of IDs for the assoc documents. When it comes to populating the Edit gui I do a split operation on the delimited string and set/unset the checkboxes as required.
This is proving a nightmare from a maintainability perspective and in my frustrated wanderings of the web in search of a solution i noticed JQuery has some functionality to act as a client-side database. Does any one have any experience of this, and if so, would you recommend it? My custom JS to parse csv-strings and dynamically build the gui is starting to grind me down a bit.
Using MVC 3 RTM and MvcContrib/FluentHtml version 3.0.51.0, I can't get the jQuery client side validation to work. Server side validation works fine, and returns showing the correct validation summary, etc. But the form post always tries to hit the server-side post controller action when it should have stopped on the client side to display the validation error.
I tried replacing the MvcContrib ModelViewPage with the default Mvc ViewPage and it still didn't work.
Here's my code:
Web.config has:
[Code]....
Site.Master page has:
[Code]....
View page inherits from MvcContrib's ModelViewPage:Here's the view page:
[Code]....
Here's the controller post action:
[Code]....
Here's the entity object with the Required field:
[Code]....
Currently, I am exploring options for sending data to the client. What I am hoping for is suggestions, or a pros and cons feedback.
What I am wanting to do is query the database then send this data to a web service ( or maybe wcf ). Once there, jquery ( or another JS library ) will utilize this data to fill a grid/tree/form depending. This all seems very very basic, but what concerns me is the amount of data that can be sent. I have seen some grids that have 16K records...and what worries me is that would be WAY too much data to send.
I was just wondering how these things are handled. My current thoughts are to do a 'onDemand' loading, but my inexperience has me second guessing. Also, I know this isn't directly related to jquery, but I notice there are a lot more examples with wcf rather than webmethod/web services.Is wcf better for these types of things?
i am Creating messaging system in asp.net. how can i call client on database change? for example user's Page is open and another user sending message for that user. how can Software notify User ? is it right to call web-service every X seconds/minutes ? any solution with jQuery / AJAX /Comet ?
View 3 RepliesGiven a file path on client machine, is it possible for me to get the content of the file from that
location and show that content in browser using any client scripting language.when i explored on this , i got following information.1.Client scripting languuages are not allowed to have access to client system as it is a hugesecurity threat.2. We can use ActiveXObject (FileSystemObject) to have access to client system, but it haslimitations like it only works in IE & client also need to change IE settings to make sure that thisactive x componet runs in his browser.Does any one have any alternative solutions with Jquery/Ajax or any client scripting language(that is cross browser compatible and works for all file types.)