i am using jquery first time on my page , one of my user reports me the bug that when he is trying to select something from browser its not working.i think this is a common scenario when user select something from browser and paste in Google for searching purpose.
View 4 Replies
i m having a bit of trouble here with .. i am changing the text from a dropdown inside the gridview to a cell inside that perticular row.... the code for the jquery i hav used to alter the text is :
[Code]....
the corresponding gridview is :
[Code]....
now after the text is changed into the corresponding cell ... i m trying to access it as per normal server side code as :
[Code]....
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 using the textLimiter jQuery class (http://plugins.jquery.com/project/jQueryTextLimiterCounter) and I can not get it to work. I am using the demo as a walk through and here is what I have so far.
Master Page:
<script type="text/javascript" src="~/JQuery/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="~/JQuery/textLimitCount.js"></script>
Page to use the limiter:
Content Place Holder for Head:
<script type="text/javascript">
$(document).ready(function () {
$('#txtTest1').textLimiter();
});
</script>
Content Placeholder for Body:
<textarea id="txtTest1" rows="5" cols="50">
I have website home page which my client can view well on his blackberry mobile phone but I have link buttons on that page which redirect the users to other pages ..just Response.Redirect ............simple code.... but when he clicks on the link, it requests for enabling javascript..I do that but the home page just does a postback. Links are not working on cellphone........... on regular website they are working fine.
View 2 RepliesI have a dropdown list placed in Update Panel the issue is that when i am trying to make selection from the dropdownlist i am not able to select the items under it(i.e. after clicking on the dropdownlist the items get displayed but when i move the mouse over it the dropdownlist gets closed).
This issue is observed in Fire Fox only (works fine in IE and Google Chrome).
I have:<asp:TextBox ID="Profile_EMail" runat="server" CssClass="form" />
and
<asp:RegularExpressionValidator ID="Validator_Profile_EMail"
runat="server" ControlToValidate="Profile_EMail"
meta:resourcekey="Validator_Profile_EMail"
ValidationExpression="w+([-+.']w+)*@w+([-.]w+)*.w+([-.]w+)*">
on my ASP.NET form.
When user uses browser embedded autocomplete list and selects any element by pressing "Enter" button, validator fires. Always validation is not passed. Email pattern is proper. When user press "save" button, validation passes correctly.
I have placed the code below on a page. The strange thing is that the "SOME TEXT" string doesnt show up in the page! I do see "upanel" and "pnl":
upanel
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
pnl
<cc1:TabContainer OnActiveTabChanged="TabChanged" ID="tabContainer" runat="server"
ActiveTabIndex="0" OnClientActiveTabChanged="ActiveTabChanged" Width="100%">
<cc1:TabPanel ID="tp1" runat="server" HeaderText="A tab">
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Always">
<ContentTemplate>
SOME TEXT
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</ContentTemplate>
</asp:UpdatePanel>
HOWEVER, when I view the pagesource, I see this, so the text IS rendered to the browser! What can be happening here?
upanel
<div id="ctl00_CPHCenter_UpdatePanel2">
pnl
<div id="ctl00_CPHCenter_tabContainer" style="width:100%;visibility:hidden;">
<div id="ctl00_CPHCenter_tabContainer_header">
<span id="ctl00_CPHCenter_tabContainer_tp1_tab"><span><span><span id="__tab_ctl00_CPHCenter_tabContainer_tp1">A tab</span></span></span></span>
</div><div id="ctl00_CPHCenter_tabContainer_body">
<div id="ctl00_CPHCenter_tabContainer_tp1">
<div id="ctl00_CPHCenter_tabContainer_tp1_UpdatePanel3">
SOME TEXT
<div>
</div>
I have a 2 tabpanels in my tabcontainer and both the panel has their own header text. I have put the tabcontainer inside a table. Above the table (OR tabcontainer) I have a label and what I am trying to do is ... changing the label text as per tab selection ... code below:
if(tabcontainer.activetabindex == 0)
{
label1.text = tabpanel1.headertext;
}
else {label1.text = tabpanel2.headertext;}
But this is not working ... even if I select the panel2 my label displays the same text as panel1 header text ... it's not changing as I want.
I have an asp.net page with some JQuery tabs. Everything works ok.I added a dropdownlist in one of the tabs, that causes a postback. After the postback I want the same tab to be selected.I initialize the tabs as:
<script type="text/javascript">
$(document).ready(function() {
var $myTabs = $(".tabsDiv").tabs();
</script>
Then, on the PageLoad event, I inject a script to select the tab:
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "TabSelect", "$myTabs.tabs('select', 1);", true);
For some reason this doesn't work. The script is running but the tabs are not selected.Is it because the RegisterClientScriptBlock places the script in the bottom of the page and, for some reason, it runs too late?
I am building a custom control that mimics a dropdownlist with my own custom items in it. I'd like to figure out how after selecting something, the text changes to what was selected.
I can do it with javascript but looking at the html source of a dropdownlist, there is no javascript there to modify the textbox/label.
i have only one element in drop downlist so selection index change is not working. the datasource is given to run time. if it was on designing time i can give the select one list item. but at run time what should i do?
View 4 RepliesIt is very simple but for some reason not working. I have listbox (populated from code behind) with multiple selection enabled and submit button:
[Code]....
The problem is - even when I select multiple items, it's always only the first item has Selected property = true in the event handler, and the listbox after the submit deselects all the items and selects only the first one
[code]....
JQuery 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 have a page with a Search button, a gridview and a listview. When the Search button is clicked, the gridview fills up with a resultset and has a 'detail' linkbutton on each row. When the user clicks on the detail link, the listview below the gridview fills up with details related to the selected gridview row. My customers have asked if when they click on the gridview row, it becomes highlighted, and remains highlighted while they are working on the detail in the listview. So, I need to highlight the row when clicked, remove the highlight when a new row is clicked (as well as highlight the new row), and remove highlighting when the Search button is clicked. The highlight needs to remain over postback since there could be a full-page postback.
I'm thinking JQuery is the way to go but I am a JQuery novice and so would need a code sample.
Imagine you have this HTML layout:
<div id="msg"></div><br />
<div id="submitButton">
<input type="submit" value="OK" style="width:50px" onclick="$('div.subtleMsg').hide(); return false;" />
</div>
I know how to manipulate the contents of <div id="msg"> any way I wish but I'm wondering if it's possible, IN THE SAME LINE OF JQUERY CODE, to also manipulate <div id="submitButton">.
Everything has to be combined into one long jQuery string because I'm passing it from the server-side code as a script.
i have a radio button list in my code
[URL]
I also have a label jsut below this
<asp:Label ID="LabelCarrierCode" runat="server" Text="Select Carrier Code" Width="163px" Visible="False"></asp:Label>
What I want is to change the label text if the user selects the second radio button i have tried doing this but it does not works
[code]....
I have a check box list with some items. I want to make it a single selection. A Radio button list won't work because I need it to allow no selection. It may work if it has allows users to deselect the item selected(like in a check box). The second problem would be that instead of simple text I want a text with link.
View 3 Repliesi have a field set
[Code]....
on button click i am checking all checkboxes..and I have other button on the Filedset which i submit.. when I submit clicks I need to send only which ever is checked from Fieldset?
I have a list box in my page.<td><%=Html.ListBox("listServiceTypes", Model.ServiceTypeListAll, new { style = "width: 500px;height:200px;" })%>I need to disabled selecting multiple items from the list box? I am doing something like selecting one item and click delete button my page its delting one item from list box.. but If I select multple Items its throwing an error message.?Can any body help me out how to deactive or disable multiple items from list box.
View 2 RepliesI have drop down selection box as follow...
1 - Car
2 - Plane
3 - Train.
Now, based on user selection say, 'Car', I want to display Help text associated with selection on page. Help text description - 1000 characters. Now, how do I fetch Help Text Description from? should I store in Session scope or Application Scope or fetch from Database based on drop down selection.
I had a simple working (ASP.NET) Scenario here: 3 asp:RadioButtons that each have OnCheckedChanged event that will update an asp:gridview. But now, I want to put some description for each radiobutton selection,and I thought it would be a good idea to embed them in JQuery UI Tabs like the following :
<div id="tabs">
<ul>
<li><a href="#tabs-1">
<asp:RadioButton ID="RadioButton1" runat="server" Text="option1" Checked="True"
AutoPostBack="True" OnCheckedChanged="RadioButton_CheckedChanged" /> </a></li>
<li><a href="#tabs-2">
<asp:RadioButton ID="RadioButton2" runat="server" Text="option2"
AutoPostBack="True" OnCheckedChanged="RadioButton_CheckedChanged" /></a></li>
<li><a href="#tabs-3">
<asp:RadioButton ID="RadioButton3" runat="server" Text="option3"
AutoPostBack="True" OnCheckedChanged="RadioButton_CheckedChanged" /></a></li>
</ul>
<div id="tabs-1"> <p> content1</p> </div>
<div id="tabs-2"> <p> content2</p> </div>
<div id="tabs-3"> <p> content3</p> </div>
</div>
and the jquery is
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
I want the corresponding radiobuttons for each tabs be selected after switching to that tab (by clicking anywhere inside that tab) I don't know how to that probably by JQuery or JavaScript
Generated HTML source :
<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">
<input type="radio" checked="checked" value="RadioButtonCart" name="ctl00$ContentPlaceHolder1$g2" id="ctl00_ContentPlaceHolder1_RadioButtonCart"/><label for="ctl00_ContentPlaceHolder1_RadioButtonCart">option1</label></a></li>
<li class="ui-state-default ui-corner-top"><a href="#tabs-2">
<span style="color: Green;"><input type="radio" onclick="javascript:setTimeout('__doPostBack('ctl00$ContentPlaceHolder1$RadioButtonShetab','')', 0)" value="RadioButtonShetab" name="ctl00$ContentPlaceHolder1$g2" id="ctl00_ContentPlaceHolder1_RadioButtonShetab"/><label for="ctl00_ContentPlaceHolder1_RadioButtonShetab">option2</label></span></a></li>
<li class="ui-state-default ui-corner-top"><a href="#tabs-3">
<input type="radio" onclick="javascript:setTimeout('__doPostBack('ctl00$ContentPlaceHolder1$RadioButtonFish','')', 0)" value="RadioButtonFish" name="ctl00$ContentPlaceHolder1$g2" id="ctl00_ContentPlaceHolder1_RadioButtonFish"/><label for="ctl00_ContentPlaceHolder1_RadioButtonFish">option3</label></a></li>
</ul>
<div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
<p> content1</p>
</div>
<div id="tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
<p> content2 </p>
</div>
<div id="tabs-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
<p> content3 </p>
</div>
</div>
I solved 2 problems with adding ids to anchors like id="tabsA-1" and simulating the postback for
OnCheckedChanged="RadioButton_CheckedChanged" with $("#aspnetForm").submit();
<script type="text/javascript">
$(document).ready(function() {
$("#tabsA-1").click(function() {
$("#<%=RadioButtonCart.ClientID %>").attr("checked", "checked");
$("#aspnetForm").submit();
});
});
</script>
I just have to find a way to select the right tab after postback and my problem is solved.
<script type="text/javascript">
$(function() {
var $tabs = $("#tabs").tabs();
$tabs.tabs('select', '<%= selectedTabIndex %>');
});
</script>
which selectedTabIndex is a public string var in code_behind and i update its value in page_load. one funny problem was that the .tabs( 'select' , index ) in JQuery is not zero-based index of the tab as the official site said and it start from 1.
I have 2 dropdownlists, the second (department) cascades from the first (division). I use a jquery script to update the second drop down list. When the user clicks submit, the underlying model is updated, apart from the new value for department. 2 ideas I have for fixing this are; a) Generate a postback. Prefer not to do this because of bad user experience. b) With a JQuery change event, make a call to server side and set a ViewData variable that I can use to update the field in the model later.
However there must be a better way. This is the view;
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/AdminAccounts.master"
i have 4 comboxes (com1, com2, com3,com4) and 4 tables (tab1, tab2, tab3, tab4)com1 and tab 1 have master table relationships i.e when in com1 the name is entered tab 1 shows the result of that entry. the same is for the rest comboxes and tables.
Now what i am trying to do is when an user clickes on com1 and types the name of the employee tab2 tab 3 and tab 4 should be hidden. if com2 is clicked tab1 and tab3, ta4 shoud be hidden.etc
Currenty i am using this code which i do not like. Is there any easy and short way to do hide an show.
this is the code i am using
<script type="text/javascript">
$("#com1").on('click', function () {
$("#div1").fadeIn();
[Code]....
I have used jquery plugin for multiselect dropdown from the [URL] .... and when I submit the page It show nothing selected when post back from server What should I do ?
View 1 Replies
