How can I get the value of the TextBox (txtFirstName) client side using Javascript.
The Accordion control is databound.
The following is the code
<ajaxToolkit:Accordion id="accSingleData" runat="server" fadetransitions="True" selectedindex="0" Width = "500px"
i have a Databound Accordionmenu with hyperlinks in its content template. What i wanna do is adding `onMouseOver` animation to these hyperlinks. Normally i would do somthing like :
[Code]....
where the playanim javascript function triggers the animation for the hyperlink. But the thing is, Hyperlinks in the content template are not visible in code, they simply dont exist. when i write the code, it says there is no item called hyperlink1, it doesn`t show up in the intellisense menu either. Is it possible to add an animation inside an Accordionmenu, if yes how can i reach the TargetControls inside the ContentTemplate to trigger the animation.
using asp.net/vb.net 2005
I want to create an accordion inside a gridview with the following functionality:
The user will only see one field of the gridview initially, the ProductCategoryID. When the page loads it will only query the ProductCategoryID and this will be the only field displayed.
Next when the user clicks on the accordion to expand it inside the gridview I would like to query the database to get all Products that are part of the ProductCategory. I will query using the ProductCategoryID that is being displayed.
I need to do this for performance issues. The main thing I am looking for is how to query the database once the user expands a given ProductCategoryID.
but now I think of it one thing I need to know: when you bind an accordion to a dataset will it create one pane for each record returned? It might be better to put the gridview inside the accordion. I'm willing to do either, as long as it works
How to read the Textbox which is inside Ajax tab container. This is my design
<ajax:TabContainer ID="TabContainer1" runat="server" >
<ajax:TabPanel ID="tbpnl1" runat="server">
<HeaderTemplate>
New User
</HeaderTemplate>
<ContentTemplate>
[Code] ....
Here is my sample script that I need to call onblur event of text box
<script type="text/javascript">
function alert() {
var value = document.getElementById("TabContainer1_tbpnl1_txtuser").value;
alert(value);
}
</script>
But didn't work for me....
I already used the search, but without success.
I want to use a CascadingDropdown inside an Accordion.
The ParentControlID for the CascadingDropdown is in pane1 and the CascadingDropdown in pane2, but it won't work.
When I put them both into one pane it works. But separated into two panes it doesn't work.
I have an AJAX accordion from the ajax control toolkit on a page with a datagrid inside on of the panels. I have a custom itemtemplate for the one column to create a multiline textbox when I click edit on the row. When I click update on the row, the original content of the textbox gets rendered into the textbox. It is supposed to update and go back to the literal not the textbox. When I put the DataBind() into a !IsPostBack, it doesnt get rendered when I click on the accordion pane.
[Code].....
how i can find this button inside accordion?
<cc1:Accordion ID="Accordion1" runat="server" AutoSize="Fill"
BorderColor="#CCCCCC" BorderWidth="1px" EnableTheming="True"
FadeTransitions="True" Font-Bold="True"
Font-Size="Small" Width="130px" Height="300px"
style="margin-right: 23px; margin-bottom: 217px;"
RequireOpenedPane="False" EnableViewState="False">
[Code]....
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 have an accordion which contains a dropdownlist. In my code behind I'm trying to get the value selected by the user. I've tried so many different ways but couldn't get it to work. The latest one I tried was: (accordion1.FindControl("ddlGender")).ToString or
if Request.Params.Item(ddlGender.UniqueID).Length <> 0 then
<ajax:Accordion ID="MyAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
FadeTransitions="false" FramesPerSecond="30" TransitionDuration="150" AutoSize="None"
RequireOpenedPane="false" SuppressHeaderPostbacks="false"
[Code]....
how to assign text to label in inside accordion header from code behind.
I want to assign text to "lbl_type.text" from code behind
I'm using and accordion Ajax control, and when one tab is clicked on, I want the iframe inside it to automatically refresh. I'm not sure how to do this.
Here is the pane that I'm referring to:
[Code]....
Create a new website based on master pages (ASP.NET Web Site template in VS2010 [File] - [New] - [Website]). Add an ajax control toolkit accordion control on a page using master pages (Default.aspx's "Main Content" asp:content block, for instance). Add styles for the accordion control in the site.css file. The accordion control completely ignores the styles, regardless of whether they are assigned as an id or a class, inline, etc. The header and content styles are used, but the accordion control itself ignores all styles. The accordion control also ignores the ajax animationextender when placed inside an asp:content block. I haven't investigated whether there are other controls that ignore styles when used with master pages, but this is a major blow to a project that has been designed with the use of master pages. If I find more controls that ignore css styles inside of master pages it will completely sabotage the entire project and use of Microsoft's technology.
View 2 RepliesI have the following problem: I have a web form which contains ajax accordion. Each accordion pane contains a usercontrol. Each usercontrol consists of several textboxes and 2 buttons. All the textboxes and 2 buttons (inside these usercontrols) are wrapped in the UpdatePanel. Following updatepanels is the UpdatePanelAnimationExtender for some animation whithin each usercontrol. Each UpdatePanelAnimationExtender has a different animation id from other usercontrols.
Basically when i only put one usercontrol in the accordion pane everythign works. I have my javascript to clear textboxes and the submit button does a postback to server. However, when i put 2 of these controls in 2 different panes only the last one works. Since the last one works i assume it is because it was last to be parsed on pageLoad. So how can i make it that when user clicks on the accordion pane, the usercontrol is ->?re-initialized?<- so that it could work.
Here is 1st UserControl: uctl1.ascx
[Code]....
Here is 2nd UserControl: uctl2.ascx
[Code]....
when i click on pane and fill up the information in textboxes i click on submit and usercontrol should postback to server for processing.
[Code]....
<table class="style10">
<tr>
<td bgcolor="#CCFFFF">
<ContentTemplate >
<ajaxToolkit:Accordion ID="Accordion1" runat="server" SelectedIndex="-1" AutoSize="None"
FadeTransitions="true" TransitionDuration="250" FramesPerSecond="40"
RequireOpenedPane="false"
SuppressHeaderPostbacks="true" ContentCssClass="contentfont">
<Panes>
<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
<Header>
<div align="center">
<asp:Label ID="lblbillingaddr" runat="server" Text="Personal Details" Font-Bold="true"
Font-Underline="true"></asp:Label>
</div>
</Header>
<Content>
<table >
<tr>
<td >
<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Names="Tahoma"
Font-Size="Small" Text="Name"></asp:Label>
dfdsfd</td>
<td>
<asp:TextBox ID="txtname" runat="server" Width="127px"></asp:TextBox>
I am using an Accordion control for the first time in my VS2008 web app which is databound dynamically. I am using a details view in edit mode inside in the Accordion.
The details view contains dropdown list and few textboxes with an insert button. Everything gets displayed in the coolest way!
I would like to know how I would fetch the values of the controls on postback. I need the values of the dropdownlist and textboxes of the selected pane of the accordion in the click event of the button
Imports System
Imports System.Data
Imports System.Data.OleDb
Imports System.Web
Imports System.Web.UI
Imports System.Xml
Imports System.IO
Imports System.EventArgs
Imports System.Web.UI.HtmlControls
Imports System.Web.UI.WebControls
Protected Sub Page_Load(ByVal
sender As
Object,
ByVal e
As System.EventArgs)
Handles
Me.Load
Dim div1, divana
As
New HtmlGenericControl("div")
Dim lbl
As
New Label
Dim imgbt
As
New ImageButton
Dim acp
As
New AjaxControlToolkit.CollapsiblePanelExtender
Dim aacc
As
New AjaxControlToolkit.Accordion
Dim aap, aap2
As
New AjaxControlToolkit.AccordionPane
Dim cnt
As
New ContentPlaceHolder
Dim pnl
As
New Panel
Dim pnlana
As
New Panel
Dim cssUrl
As
String
Dim cssLink
As
New HtmlLink()
Dim i,n,k,p
As
Integer
Dim bag
As
New OleDbConnection
Dim s
As
String
'stylesheet add
cssUrl = Server.MapPath("daban.ccs")
cssLink.Href = cssUrl
cssLink.Attributes.Add("rel",
"stylesheet")
cssLink.Attributes.Add("type",
"text/css")
Page.Header.Controls.Add(cssLink)
'---------- find content
cnt = DirectCast(Me.Master.FindControl("ContentPlaceHolder1"),
ContentPlaceHolder)
divana.ID = "Divana"
divana.Attributes("Style") =
"padding:20px"
'---- 1. group
div1 = New HtmlGenericControl("div")
div1.ID = "divduyana"
div1.Attributes("Style") =
"padding-bottom:20px;color:#5377A9;font-family:Arial, Sans-Serif;font-weight:bold;font-ize:1.5em;"
lbl = New Label
lbl.ID = "lblana"
lbl.Text ="DUYURULAR..."
div1.Controls.Add(lbl)
divana.Controls.Add(div1)
'-----1 group end
n=3 ' normally it is getting from database
For i = 1
To n
'---- 2 group start
pnl = New Panel
pnl.ID = "Duy" + i.ToString() +
"_1"
pnl.Width = 600
pnl.Height = 30
pnl.HorizontalAlign = HorizontalAlign.Center
'image
div1 = New HtmlGenericControl("div")
div1.ID = "divimg" + i.ToString()
div1.Attributes("Style") =
"float: left; vertical-align: middle;"
imgbt = New ImageButton
imgbt.ID = "imgbt" + i.ToString()
imgbt.ImageUrl = "~/image/expand_blue.jpg"
imgbt.AlternateText = "Detaylari Goster..."
div1.Controls.Add(imgbt)
pnl.Controls.Add(div1)
'label
div1 = New HtmlGenericControl("div")
div1.ID = "divlblduy" + i.ToString()
div1.Attributes("Style") =
"float: left;"
lbl = New Label
lbl.ID = "lblduy" + i.ToString()
lbl.Text = "lbl_text balabala"
lbl.ForeColor = Drawing.Color.Red
div1.Controls.Add(lbl)
pnl.Controls.Add(div1)
' label detay goster
div1 = New HtmlGenericControl("div")
div1.ID = "divlbldet" + i.ToString()
div1.Attributes("Style") =
"float: rigth;"
lbl = New Label
lbl.ID = "lbldet" + i.ToString()
lbl.Text = "(Detaylari Goster...)"
lbl.ForeColor = Drawing.Color.Gray
div1.Controls.Add(lbl)
pnl.Controls.Add(div1)
divana.Controls.Add(pnl)
'----- 2 group end
'----- 3 group start
pnl = New Panel
pnl.ID = "Duy" + i.ToString() +
"_2"
pnl.Width = 600
' accordino
aacc = New AjaxControlToolkit.Accordion
aacc.ID = "Acc" + i.ToString()
k=2 ' normally coming from database
For t = 1
To
k
aap = New AjaxControlToolkit.AccordionPane
aap.ID = "Apane" + i.ToString() +
"_" + t.ToString()
aap.HeaderContainer.Controls.Add(New LiteralControl("anyname"))
aap.ContentContainer.Controls.Add(New LiteralControl("anycontent"))
aacc.Panes.Add(aap)
Next
aacc.HeaderCssClass = "accordionHeader"
aacc.ContentCssClass = "accordionContent"
pnl.Controls.Add(aacc)
acp = New AjaxControlToolkit.CollapsiblePanelExtender
acp.ID = "acp" + i.ToString()
acp.TargetControlID = "Duy" + i.ToString() +
"_2"
acp.ExpandControlID = "Duy" + i.ToString() +
"_1"
acp.CollapseControlID = "Duy" + i.ToString() +
"_1"
acp.Collapsed = True
acp.TextLabelID = "lbldet" + i.ToString()
acp.ImageControlID = "imgbt" + i.ToString()
acp.ExpandedText = "(Detaylari Gizle...)"
acp.CollapsedText = "(Detaylari Goster...)"
acp.ExpandedImage ="~/image/collapse_blue.jpg"
acp.CollapsedImage = "~/image/expand_blue.jpg"
acp.SuppressPostBack = True
'acp.SkinID = "CollapsiblePanelDemo"
cnt.Controls.Add(acp)
div1 = New HtmlGenericControl("div") ' this is just i add
extra
div1.ID = "divara" + i.ToString()
div1.Attributes("Style") =
"float: left;"
divana.Controls.Add(div1)
divana.Controls.Add(pnl)
Next
'----3 group end...
cnt.Controls.Add(divana)
End
Sub
<ASPX code is>
<%@
Page
Language="VB"
MasterPageFile="~/tiyap.master"
AutoEventWireup="false"
CodeFile="duyurular.aspx.vb"
Inherits="duyurular"
title="Untitled Page" %>
<%@
Register
assembly="AjaxControlToolkit"
namespace="AjaxControlToolkit"
tagprefix="ajaxToolkit" %>
<asp:Content
ID="Content1"
runat="server"
contentplaceholderid="ContentPlaceHolder1">
<ajaxToolkit:ToolkitScriptManager
ID="ToolkitScriptManager1"
runat="server">
</ajaxToolkit:ToolkitScriptManager>
</asp:Content>
there is no error...
code is working on mozzila firefox, like what i want
<div>
- collespand 1
-----accordion 1
-------acc pane 1
-------acc pane 2
- collespand 2
-----accordion 2
-------acc pane 3
-------acc pane 4
- collespand 3
-----accordion 3
-------acc pane 5
-------acc pane 6
<div>
but when i run this code inside internet explorer any version ...
result became
- collespan1
---acc 1
------ accpane1
------accpane2
----------collespan2
all going inside collespan1? what is the problem? why firefox is working ok, internet explorer not. it is a bug or i write something wrong
How add Registration form in Ajax Accordion control in asp.net Ajaxtoolkit.
View 1 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?
In my WebForm I hv used an accordion and this accordion is in an UpdatePanel with UpdateMode="Conditional" .
In that accrdion , in last pane i hv a fileupload - when i select a file and click upload button then always the fileupload control has no file and it returns false everytime .
I have written trigger in UpdatePanel also still it doesn't work. Without updatepanel fileupload control works properly, this problem arise after i use UpdatePanel...
<asp:UpdatePanel ID="Acc_UpdatePanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="acc" runat="server" style="position: inherit; height: auto;">
<div class="clear">
</div>
<div id="basic-accordian" style="border-radius: 4px;">
[Code] .....
I am using vb.net/asp.net 2005.
I have an accordian in my nested gridview that has the defaul selectedindex=-1 (meaning its collapsed).
In order to change the expand icon I need to find out using javascript what the selectedindex value of the accordian is when it loads, does anyone know how to do this?
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 struggled with some javascript issues, and discovered that the problem seemes to come from a failed ajax control access. Here's my problem: I have a master page and a content page.In my content page, I have an accordion with 2 panes. 1rst pane: a textbox and a validation button; I want the button to fire javascript function without reloading page (using "return false;");
In my master page, I put my ToolkitScriptManager.
In my content page, I put my script containing the functions.
The problem is that it seems like I can't access the accordion control in my js functions, whereas I can access my textbox value. ere is my source:
[Code]....
All I want is, that when clicking on button OR changing to 2nd pane, it checks the textbox (function check()), if fails, then doesn't open 2nd pane, stays on 1rst, if not, then closes 1rst and changes to 2nd pane.
Using vb.net/asp.net 2005:
I am trying to access my accordian in my javascript so I can expand the first (and only) pane but whenever I do that I get a page error before the page loads "Object reference not set to an instance of an object'
The name of my accordian is "myAccordian". and the accordion is inside a gridview.
Just for testing I did the $find on my gridview (not the accordion) and that worked fine,
[Code]....
I would think that this would work pretty seamlessly, but I am having trouble getting the text from a textBox control in an accordion pane's content to pass into the paypal web payments https post.
If I put an amount in the querystring in my codebehind isntead of passing the text string and click the button in the accordion pane, it works perfectly on the paypal page. But for some reason, I am getting a null return in the text string when I try to make the amount in the querystring whatever the text in the textbox is.
I have tried putting the accordion in an update panel and got the same results....
Am I missing something the get the text from the textbox?
Here is my accordian pane:
<cc1:AccordionPane ID="AccordionPane1" runat="server">
<Header>
<a href="" onclick="return false;" style="color:#FFFFFF; font-weight:bold;">Donor</a>
</Header>
<Content>
<b>$150-299</b>
<asp:BulletedList ID="BulletedList2" runat="server" Font-Size="Small">
<asp:ListItem>Program Listing</asp:ListItem>
<asp:ListItem>10% Off other productions</asp:ListItem>
</asp:BulletedList>
<div style="text-align:center;">
<asp:TextBox ID="donorAmt" runat="server" Width="100" Height="15px"></asp:TextBox> <asp:LinkButton ID="LinkButton1" runat="server" Text="Make Payment Online" OnClick="LinkButton1_Click" />
<cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="donorAmt" WatermarkText="Your Amount" WatermarkCssClass="accTextWM" />
</div>
</Content>
</cc1:AccordionPane>
Here is how I am getting the text string in codeBehind:
Protected Sub LinkButton1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Dim amt As String = donorAmt.Text
Response.Redirect("https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=XXXXXX@XXXXX.org&amount=" & amt & "&no_note=0&item_name=ALT Donor Level Annual Membership&sra=1¬ify_url=http://XXXXX.com/IPN.aspx&no_shipping=0&return=http://www.XXXXXX.com/donate/thanks.aspx&rm=2")
End Sub
Note: Some of the paypal string has been removed for privacy