JQuery :: Require Tab Panel Info?
Nov 2, 2010i require the jquery tab panel , on tab index i want to issue web service call through client side. if you have used any component.
View 3 Repliesi require the jquery tab panel , on tab index i want to issue web service call through client side. if you have used any component.
View 3 Replies to directly get all elements in a form who contains a non html attribute ?
<input .... customAttribute="validateMe">
So I could find all input elements that will require validation.And use this in a loop to add validation to the input's found :
$('input').attr("customAttribute").val() == "validateMe"
I could also write every validation for each object separately, I have only a few elements who uses a required validation but it would be nice that I could do this in one shot instead of repeating the $("input").rules("add .....
I want to validate some asp.net textboxes with the jQuery Validation plugin found at[URL], but it appears that the elements must be between a form tag. If I have just a couple elements, I would hardly call that a form, so I would rather not have them wrapped inside a form element. Is there a way around this? Also, if I have two buttons on the form, a cancel and a submit button and I want the form only to validate when the submit button is clicked, but not the cancel button, how is this accomplished?
View 2 Replies[Code]....
I'm building an ASP.NET MVC 2 site where I'm currently implementing an OpenID sign-up form. Unfortunately, I'm foreseeing a possible security bug/vulnerability inside my architecture.
Here's how I want OpenID login to work:
User requests /Account/Login, Controller sends back OpenIDLogin View. User enters their OpenID into the View, then OpenID authorization takes place, and finally the OpenID is returned to the Controller.The Controller checks whether the OpenID is currently in use by a user in the system or not. If it is, the user is logged in to that account. If not, the registration process begins.
And now, the OpenID registration process:
The OpenID identifier, as well as any other information provided by the OpenID provider (such as email address or name), is put into my custom ViewModel and sent to my OpenIDRegistrationForm View.The RegistrationForm View stores the OpenID in a hidden field to make sure that it gets sent back to the Controller.The user fills in the RegistrationForm View and sends it back to the Controller.The Controller creates the user account and puts the OpenID into the database.
The bug that I see within my architecture is that a user could modify the hidden value in the RegistrationForm View. Thus, they could spoof their OpenID! I will make sure to add another round of checking to the final Registration Controller Action to make sure that the OpenID that is provided doesn't exist yet, but there is still a possibility for spoofing. Can my architecture be improved somehow? I don't want this to end badly...
One solution I'm considering is encrypting the OpenID before I send it to the View and then decrypting it when it reaches the Controller. Should I try this?
I have 3 panels on single .aspx page and depending on condition required panel is displayed . Default panel is panel 1 .
View 5 RepliesI am using a jQuery Star Rating plugin to provide rating feature inside a List-view control. The control is placed inside an update panel. The 'rating' appears for each record List-view. Below is the code.
Function for converting asp:Linkbutton to "5 star rating"
[code]....
I am working on the JQuery accordion control. My accordion has upto 8 panels that i need to display when the pageload happens. From those panels i have 2 panels that i need to show based on the provider type. that is., If (ProviderType == "Prime") then hide panel2 Else hide panel3. ex: panel1, panel2/panel3, panel4, panel5, panel6, panel7, panel8. So my question is, I am actually new to this JQuery and I am not sure how to hide the panel content with the headers as well. I dont even want to show the header(i.e., panel2/Panel3) So,I have to display only panel1, panel2, panel4, panel5, panel6, panel7, panel8 (if providertype is prime)
View 1 Repliesi create a two asp panel first for take new message and second for show message
how to set two panel height same using jquery
[Code]....
i have a problem while using jquery context menu and update panels. i am writing the javascript of the context menu in the RenderBeginTag of a Customtextbox control using htmlTextWriter. everything works fine, i can right click on every textbox and the menu appears.but when i triger a partial postback using an asp.net updatepanel, the menu won't be displayed. it seems that the binding between jquery and the html is lost when partial post back happened.is there any better way to place dynamic javascript code other than in RenderBeginTag ? how can i solve this issue?
View 2 Replieshave several Accordion panel and each one contains a datalist of hyperlinks, that when clicked will append a querystring to the current URL. What I'm trying to do is after the pages reloads or after clicking a hyperlink I want that datalist together wit its corresponding accordion panel gone. I'm using a single file for the markup and code btw.
View 3 Repliesi have a page with update panel and in that update panel i use 2 dropdownlist that bind one from another and 1 image, in that image display as a lightbox with the click event of the text. first time its open well but after the selected index change event of dropdown another dropdown will change the content and then that that lightbox of the text will not open
View 2 RepliesI have some basic html inside an asp.net update panel. Using livequery, I set up autocomplete, blur and keydown events so that they all continue to be wired up after the update panel does a partial page load. When the page initially loads, all the events work fine but after the update panel does a partial page reload, none of the events wired up with livequery continue to work. Are there known issues with livequery and update panels?
Html:
<asp:UpdatePanel ID="upData" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:DataList ID="dlData" runat="server"
DataSource='<%# this.Data %>' DataKeyField="ID">
<ItemTemplate>
<table>
<tr>
<th class="required">Location</th>
<td><asp:TextBox ID="txtFromLocation" MaxLength="10" CssClass="searchlocation fromlocation required" runat="server" Text='<%# Eval("FromLocation")%>'/><asp:RequiredFieldValidator ID="rvalFromLocation" runat="server"
ControlToValidate="txtFromLocation" ValidationGroup="leg">*</asp:RequiredFieldValidator></td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</ContentTemplate> </asp:UpdatePanel>
And then I have my javascript. Normally it has a bunch of other code, but I can reduce it down to this and still have the problem:
$(document).ready(function() {
$(".searchlocation").livequery(function() {
$(this).keydown(function(event) {alert('test');});
$(this).autocomplete(...);
});
});
I am creating an accordion, and I want to dynamically set the height of each panel in the accordion. It seems though that each panel has to have the same height, as when I have changed the height of one of the panels, the other panels change to the same height.I have been setting the height of the table object in the div to do this.Is it possible to give each accordion panel a separate height, and if so how?
View 2 RepliesI m trying to use jquery validation plugin but my form is in update panel. So even after applying the validation on submit the form it validates and shows the required message for hardly 2 seconds and then submits the form.
What is the workaround for this?
I have tried this also.
<asp:UpdatePanel ID="AddUserPanel" runat="server"
ChildrenAsTriggers="false"
UpdateMode="Conditional">
Can i use Update panel of Microsoft Ajax & Juery. I have Noticed that there are not working together. Is it possible work together.
View 5 RepliesI am using JQuery tabs in my aspx page, but update panel is not working. If I do any operation in tab2, after posting back, tab1 is activated.
View 1 RepliesHow to see Form Height and width and adjest according to panel height and width
[Code]....
I have an asp.net button and an asp.net label in an update panel and when I click the button it updates the text of the label in the code behind. However when I try to get the updated value it just returns an empty value.How do I get the updated value after the asynchronous postback has completed. I have included my code below.
<script type="text/javascript">
Sys.Application.add_init(function() {
// Add ajax request handlers
[code]...
i have some jquery code that I use to toggle a panel (pnlAddBuilding)
In this panel there is a dropdownlist that does an autopostback. When the postback occurs the panel closes.
How do I keep it open?
[Code]....
I have a panel at the top of my page which contains some cascading dropdown lists. Once the user selects from the lists, they will click a 'Search' asp.net button and a gridview will appear below showing the search results. What I want to do is use JQuery to toggle the visibility of the search panel. I tried using the Ajax collapsiblepanelextender but ran into all kinds of problems, because there are many updatepanels and ajax extension controls on this page. It sounds so simple, just hide or show, but I can't get it to work. When I click the button, the panel hides. When I click it again, the panel does not reappear. I have also tried having 2 buttons, 'hide' and 'show', and had the same results. right now here is my code:
javascript:
$(document).ready(function() {
$("[id$=btnHideSearch]").click(function() {
$("#<%= Panel1.ClientID %>").fadeOut('slow');
});
});
$(document).ready(function() {
[code]...
I have this label that i want to fadeOut after button event clicked. I am using a MasterPage. And the Script Manager is declared on MasterPage. In Defaulst.aspx i have:
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="Server">
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js">
$(function () {
$("input[id$='btnShowDate']").click(function () {
$("span[id$='lblStatus']").fadeOut("slow");
});
});
</script>
<asp:UpdatePanel runat="server" ID="uP">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnShowDate" />
</Triggers>
<ContentTemplate>
<asp:Label runat="server" ID="lblStatus" />
<div>
<asp:Button runat="server" ID="btnShowDate" Text="Show Today`s Date" OnClick="btnShowDate_Click" /></div>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>
And on the CodeBehind i have:
protected void btnShowDate_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(3000);
lblStatus.Text = DateTime.Now.Date;
}
The problem is that the label is not fading Out after the button clicked. Does someone has any idea on how to handle this problem?
I am having an issue where i have fields on a form that contains an update panel that i want to do Jquery validation on. The issue is when i click the OK button, the validation error message appears then goes away. the code is below:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!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 id="Head1" runat="server">
<title>Project Management System</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>......
I've had a look around to see if this has been answered, and there are many similiar questions here but none that match the problem I'm having, so here goes.
I have a jQuery animation that runs on all pages. It works fine on all pages except those with a .NET Update Panel. The items that are animated are not part of the Update Panel at all, they have nothing to do with it.
When I click on the button that triggers the animation in question, it doesn't do anything. It gets called alright (a quick alert("clicked!"); proved that) but it simply doesn't do anything. It sometimes looks as though it's trying, but failing, but there are no JavaScript errors reported.
From other similiar questions and answers here, people have suggested using jQuery's .live() and also the PageRequestManager.getInstance().add_endRequest() but none of these are valid here, as the items are outside of the Update Panel. (I've also given them a try, just in case!)
it appears that clicking the button that causes the animation is actually causing the update panel to reload, am not sure why as they're all set to conditional and have triggers associated with them.
Webform with button, onclick I would like to execute jquery and call a server function in my code behind. Is this possible and can someone show me a brief example of how to.
View 7 Replies