I have the following inside of my Header Template of an Ajax Accordion:
[code]....
I need this to work without JS as well, which is why I still generate the HREF on the links, so I'm just intercepting the click and then invoking the parent click which in turn toggles the accordion header.
This works in IE but no Firefox, Chrome.
i want to do this thing in c# code behind file.i want to check first wheather user click on it or not.if user click on that anchor tag then i want refresh div....
basically my div contain advertisements.every time when user click on anchor tag then new advertisements will be add in div..
Trying to find all the .js and css needed(only needed the .min Jquery till now) and i have made a simple accordion. I'm trying to have an accordion pane that when clicked will close any expanded accordion pane.
One of the many things i've tried:
Code:
$(document).ready(function() {
$("#accordion").accordion({
collapsible: true, active: false
});
});
$('div.accid').click(function() {
//$('#accordion').collapsible = false;
$('#accordion').set_SelectedIndex(-1);
});
note that i try using the div.accid also inside the $(document).read(function)
code (without the css):
<div class="ulforaccordion">
<div id="accordion">
<h3><a href="#"></a></h3>
<div id="accid" class="blu"></div>
<h3><a href="#" class="blu">First header</a></h3>
<div class="panedivs">First content</div>
<h3><a href="#">Second header</a></h3>
<div class="panedivs">Second content</div>
<h3><a href="#">Third header</a></h3>
<div class="panedivs">Third content</div>
</div>
</div>
but it does not work,also tried on the <h3>.Is an onclick in a div another solution?Will it work because it will have to hit a Jquery $Function.
I have an accordion control with header and content templates. I am binding this control at pageload but, due to the page load time i want to bind the headers only to the accordion in the pageload and when the user click on the header after pageload i want to bind the content to the accordion. I have succeded to add an event to the header but when i clicked on the header page postback is happening even the entire accordion in the updatepanel. Here is the code to ref.
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Accordion ID="Accordion1" runat="server" Width="800px">
<HeaderTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" Width="97%" CommandName='<%#Eval("name")%>' OnCommand="getdata"><%#Eval("name")%>
<asp:Label ID="Label1" runat="server" Text='<%#Eval("name")%>'></asp:Label>
</asp:LinkButton>
</HeaderTemplate>
<ContentTemplate>
<asp:Label ID="Label2" runat="server" Text=""></asp:Label>
</ContentTemplate>
</asp:Accordion>
</ContentTemplate>
</asp:UpdatePanel>
The getdata method is executing when i clicked on the headerhere is the cs code
public partial class WebForm1 : System.Web.UI.Page
{
string[] names = { "Brand", "Success", "Navigation" };
int[] value = { 10, 20, 30 };
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = new DataTable();
DataColumn dc1 = new DataColumn("name");
DataColumn dc2 = new DataColumn("value");
dt.Columns.Add(dc1);
dt.Columns.Add(dc2);
for (int i = 0; i < 3; i++)
{
DataRow dr = dt.NewRow();
dr["name"] = names[i].ToString();
dr["value"] = value[i].ToString();
dt.Rows.Add(dr);
}
Accordion1.DataSource = dt.DefaultView;
Accordion1.DataBind();
}
}
protected void getdata(object sender, CommandEventArgs e)
{
if (e.CommandName == "Brand")
{
((Label)Accordion1.Panes[0].FindControl("Label2")).Text = value[0].ToString();
}
if (e.CommandName == "Success")
{
((Label)Accordion1.Panes[1].FindControl("Label2")).Text = value[1].ToString();
}
if (e.CommandName == "Navigation")
{
((Label)Accordion1.Panes[2].FindControl("Label2")).Text = value[2].ToString();
}
}
}
I need to eliminate the postback from this page. I tried it only accordion on the page then it is working fine(with out postback) but when integrated it with the other code in which again am having some ajax functionality then the post back is occurring.
I have a page with some search fields, and a grid that displays the search results after clicking the 'search' button.I've placed the search fields in one accordion pane and the result grid in a second pane and the accordion works.But what I'm trying to achieve is that after clicking the search button, the results pane becomes the active pane so that you see only the results and not the search fields.But somehow the SelectedIndex is completely ignored. If I set the index for example to 25 still nothing happens, even though I only have 2 panes.I've also tried to use javascript, but I keep getting null reference errors.The search button is wrapped in an UpdatePanel, and the results grid is wrapped in another UpdatePanel, I think that may cause the problem, because if I created a page with an accordion and 2 panes, the second pane becomes active after clicking on a button
in pane1 using SelectIndex = 1;
[code]...
How can we use click events of controls in accordion pane
View 1 RepliesAs per my need I want to dynamically load accordion pane and inside that I want to load an ascx control. I am attaching my code for reference. But when I run my code it does not create separate pane.
Sample Code part:
protected void Button1_Click(object sender, EventArgs e)
I have webform with 4 textboxes in a panel and next to that panel a panel with an accordion with 4 panes in it.
Without a refresh on every click, I would like to set the index of the accordion on the click in a textbox.
so if the user puts the cursor in the first textbox, the first pane is expanded, if he clicks in the 2nd, the second pane is expanded, etc..
I tried it with:
txtRequestorName.Attributes.Add("onclick",
"javascript:$find('InfoRequestorAccordion').set_selectedindex(1); ")
but that is not working. Is there another way or is it just not possible?
rg,
Eric
I have the code below to implement a dropdownlist with checkboxes. My problem is that every time i click a checkbox the dropdownlist closes and i need to reopen it to select more checkboxes. How do i make it so the dropdownlist dosn't close until i click off of it?
[code]....
how to trigger a accordion pane with a button server control click ?
View 2 RepliesButton click event from inside the accordion pane is not firing. Accordion pane contains tab container inside one of its panes (5th pane) to read data from user and to save that data into database. I have used a button to save data when user click on that button. For this button i have written a click event in code behind.
this is my click event
<asp:Button
ID="Save"
runat="server"
Text="Save"
OnClick="Save_Click"/>
and code behind code
protected
void Save_Click(Object sender,
EventArgs e)
{
//my code
}
for this page AutoEventWireup="true"
I am begier in AJAX.
I taken one Accordian Cotrol.
In side that I have taken Accordion Pen Control.
Inside that I taken a button.
But when I click the buton page is get post back but Button Click event is not getting called.
how should I do so the button click event is get called?
I have page
Page contains an accordion control and tab container controls
First time using an Accordion Control and I'm having some trouble with the CSS, as per the subject description. I have only created the headers so far and assigned some basic CSS to them. Right now that CSS is only there to limit the width (and therefore clickable area) of the header to the width of the image that the header is represented by. This works fine until I click on one of the headers and then its width property is lost. Same for the other headers, they are fine for the first click and then after that they lose their style. There is no postback caused by selecting a header so this is not the reason that the CSS is being lost.
Here is my html:
[Code]....
Yesterday (Thursday Sep 10th 2010) I was happy to have a TabContainer working fine on a simple page as im learning to use it.
On the page was:
1) Ajax Script manger.
2) 1 command button (it would make label1.text = "hello world"
3) A Ajax TabContainer with 2 tabs...
4) Label1
That was it and it was working fine in Chrom and IE Woohoo.. I go home...
This morning I load it up to keep working way and doing more with it.... Chrome is my default browser, it loads and I click tab2 then tab 1 all is well.... I click Butto1 and the hole TabContainer disapears..
After much dinging I find it still works in IE but that my Chrome has updated (on its own): (I notice only one ICON in Chrome in the uper right corner by the addres bar... Only the Wrench ICON, No more Page ICON.. So I check and sure enough Chrome did a push to V 6.0.472.55.. Anyhow thats the difference and now TabContainer goes poof/disappears when clicking a button that refeshes the page.
I want to bind data to content template of the accordion pane on the header click event of the pane. I can bind data to content template now but it is making unnecessary db calls when it tried to load intially since the data for the content template comes from different source. In order to avoid that i want o bind data to Content template only when the user is interested to look at the data. let me know how can i achieve this. Below is the sample on what on I am trying to do.
View 2 RepliesI have a problem when viewing my website in Internet Explorer.
When I use any other browser my Gridview works fine but in IE it triggers my VB code twice per click.
So here is the code
[code]....
I am only using the msgbox as a test to see if my issue is resolved. I know not to use this outside of visual studio.
When I use the above in Internet Explorer it fires twice! but in every other browser I have tried it only fires once as expected.
I have created a user control which has a form and 2 buttons; Save and Submit. Both buttons are created at design time. Users can enter details in the form (e.g. title and description of an item) and click Save which does some server-side processing to create an 'Item' then clears the form.
The buttons:
[Code]....
[Code]....
And a placeholder to add dynamically created controls:
[Code]....
I am saving the Items in ViewState and dynamically creating a LinkButton control for each Item which allows the user to edit the item:
[Code]....
[Code]....
Now, when I test this in Visual Studio 2010, it works fine;
1. Enter Item title and description in form
2. Click Save
3. Save button triggers postback and onClick event code is run
4. ViewState list is displayed below the form
When I create a local IIS web site for testing, the postback on the Save button only works the first time I click it. Postback is false on the second click and the page reloads without running the onClick event code.
i was working on an application where i was having large string and need to be divided in chuck of string, and should be kept in a div, just the purpose was giving pagination to the large string, so i wrote code to split the whole string into multiple chunks and added the chunk of string in a div created at runtime, and also disabled all the other div's except the first, and also given page numbers in the footer for changing pages, but now my issue is i am using anchor tags using HTMLAnchor from code behind, now whenever user clicks on any page that div should be set to display and other all should get hide, i am not getting how should i do this from code behind, i have done everything from code behind, from creating div to hiding div...
View 2 RepliesWhen the user selects an "account" we dynamically create a linkbutton with the selected dates. However, the linkbutton onclick handler doesn't fire when the button is clicked.
Dim linkBtn As New LinkButton
linkBtn.Text = "blah"
AddHandler linkBtn.Click, AddressOf linkButtonHandler
linkBtn.ID = panelDatesRencontre.Controls.OfType(Of LinkButton).Count
panelDatesRencontre.Controls.Add(linkBtn)
ScriptManager1.RegisterAsyncPostBackControl(linkBtn)
Dim Trigger1 As New AsyncPostBackTrigger
Trigger1.ControlID = linkBtn.ID
Trigger1.EventName = "Click"
UpdatePanel2.Triggers.Add(Trigger1)
Answer: i make that in page_load, it seems to work
I'm reading an invoice dataset and building a html table with checkboxes and textboxes in it, and I put that code in a postback = false block, then i got a button and a literal. The button click will loop through the html table checkboxes to calculate a total and assign it to the literal and display it. I got everything working except one thing, every time i click the button, the html table refreshes and lost all the value in textboxes....even though I put the html building block in the postback = false block,it seems like it still won't preserve the values in the textboxes once there's a button click...Anybody knows a solution to that? I want the textboxes keep what values are there.
Here is the code part:
[code]....
how to open file upload browser(to select image file) on anchor tag click.
View 4 RepliesI've practically spent seven or eight hours trying to get the ASP.NET AJAX Accordion to work and it simply will not cooperate. I have been to every imaginable corner of the web to Bing and Google, read post after post on this forum, and done any other thing I could possibly think of to get this to work, yet I still hit this wall.
Here's the code I've been using to get this to work:
[Code]....
As for the Massachusetts/Arkansas bit, I found that on some other forum that said that coding would work (it didn't for me). I'm hosting this failed attempt at [URL]. I do have the Bin folder in the project, so that's not the issue.
I'm using an accordion control with a textbox to get data that I'll use later to get values for a ObjectDataSource, that use the data of the textbox as ControlParameter.
my problem is that I'm getting a 'Not found control error...' because the textBox is inside the accordion how can I reffer the control into my ObjectDataSource?
Here is a reduce example of my code.
[Code]....
I've found posts about making a click event with jQuery for a button, however I need a little more then that. When any postback occurs on a page, I need to fire off a jQuery click event. Based on a condition, I want to continue processing (including running the server-side event code after the jQuery code), or, perform a redirect. I'm not quite sure how to go about this.
View 1 Replies