AJAX :: Accordion Panes Not Working In Internet Explorer
Feb 24, 2010
I am creating an accordion dynamically through aspx.cs file. There is a subaccordion inside each accordion pane. I am seeing that if there are 10 or more accordion panes in the root accordion, then I can only expand first 4 or 5 panes. Nothing happens when I click on other panes. This is happening in IE8, tried on three different machines. I don't see this problem with Mozilla, it can open as many panes as possible, I have tried with 20 panes in mozilla.
View 1 Replies
Similar Messages:
Feb 21, 2010
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
View 6 Replies
Aug 2, 2012
I am using Tabcontainer of AJAX Control Toolkit . The problem is that, i have 15 tabpanels. this tabs in three lines, first 5 in one line, second 5 tabs in second line,third 5 tabs in third line.
If I click first / six/fifteen'th tab means it shows the relevant tabpanel with data correctly.
Each tabs have three buttons like Save, Edit and Cancel
All three line's tabpanels works properly in Chrome and Firefox.
But in IE,
First line tabpanel's button work properly...
second and third line tabpanel's buttons is not work properly,
if I click the second and third line tabpanel's buttons means.. It didn't go to page load..
How can I do that??
View 1 Replies
Aug 26, 2010
I'm using an Ajax Accordion with several panes. On a postback the currently opened pane is always reset back to the first pane.
View 1 Replies
Sep 22, 2010
Hopefully this is just me missing something really simple; I have 3 accordion panes of which the first one is visible on page load but if I click on the other panes nothing happens.
Here is the code I'm using:
[Code]....
View 8 Replies
Jan 27, 2011
how to change my accordion pane's selectedindex and have come up empty handed thus far.
I've tried both with javascript and C#
Javacsript example:
var a = $('<%=AccordionMain.ClientID%>');
a.set_SelectedIndex(index);
C# example:
AccordionMain.SelectedIndex = 2;
Both of the above code excerpts run, but neither visibly change the selected pane. What am I doing wrong?
View 1 Replies
Feb 17, 2011
I have an Accordion control with several panes.
On page load I want to set controls inside the panes with data from dictionary (every pane has from 1 to 10 controls).
protected void Page_Load(object sender, EventArgs e)
{
[Code]....
View 5 Replies
Feb 4, 2011
I have a accordion control with 4 accordion panes. Initially when the page loads I expand the first accordion pane. Now if the user click the header on the first pane I need to collapse it. ( so in this case all the accordion panes will be collapsed).
Similarly is the user clicks on the header of any alraedy expanded pane, I need to collape that particular pane.
How can i do this?
View 2 Replies
Jun 17, 2010
I 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]....
View 2 Replies
Aug 20, 2010
i used collapsablepanel extender
View 2 Replies
Mar 17, 2010
I want to set focus to textbox B after a user has entered data in textbox A. Both textboxen reside within custom controls which reside in the same accordion pane. The custom controls override the Focus method and set focus to the textbox they contain. Focus works fine until I place the controls inside an accordion pane. I've tried ((ScriptManager)Page.Master.FindControl("ScriptManager1")).SetFocus(TextBoxB) from within the TextBoxA_ValueChanged event handler to no avail.
View 1 Replies
Apr 9, 2010
The problem is accordion's showed on the page, but doesn't works. I try use code of all examples, but the problem is the same for all of them. I don't understand what to do, because the code is the same as in the tutorials. When I click on the pane it doesn't changing/closing/opening. What can it be?
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> [code]....
View 2 Replies
Jan 19, 2011
I have asp button control on my page. Upon running in IE, it is not doing anything even postback. While the same is running perfect in Firefox. I have surfed the web regarding the problems and almost applied all the things. I have no double forms tag. I found one solution to set UseSubmitBehavior="false". After this, it work but my text box controls lose its content. I am using framework 3.5.
View 8 Replies
Jul 15, 2010
i want to send mail to user using checkbox selection within Grid View so i write this code using this website: [URL] But problem is this is working in mozilla but not in IE 8 , my IE enable script debugging. here is my code:
<table>
<tr>
<td>
Select User Type:
</td>
<td>
<asp:DropDownList ID="DropDownList1" runat="server" OnTextChanged="DropDownList1_TextChanged" AutoPostBack="true">
<asp:ListItem Text="--Select--" Selected="True" Value="1"></asp:ListItem>
<asp:ListItem Text="Free User"></asp:ListItem>
<asp:ListItem Text="Paid User"></asp:ListItem>
<asp:ListItem Text="All User"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<script language="javascript" type="text/javascript">
function SelectAllCheckboxes(spanChk)
{
// Added as ASPX uses SPAN for checkbox
var oItem = spanChk.children;
var theBox=(spanChk.type=="checkbox")?spanChk:spanChk.children.item[0];
xState=theBox.checked;
elm=theBox.form.elements;
for(i=0;i<elm.length;i++)
if(elm[i].type=="checkbox" && elm[i].id!=theBox.id)
{
//elm[i].click();
if(elm[i].checked!=xState)
elm[i].click();
//elm[i].checked=xState;
}
}
</script>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="uid">
<Columns>
<asp:boundfield DataField="uid" HeaderText="uid" ReadOnly="True" InsertVisible="False" SortExpression="uid" Visible="False">
</asp:boundfield>
<asp:boundfield DataField="nregistration" HeaderText="Registration" SortExpression="nregistration">
<ItemStyle Width="100px" />
</asp:boundfield>
<asp:boundfield DataField="nname" HeaderText="Name" SortExpression="nname">
<ItemStyle Width="100px" />
</asp:boundfield>
<asp:templatefield HeaderText="Email" SortExpression="nemail">
<ItemTemplate>
<asp:Label ID="lblemail" runat="server" Text='<%# Eval("nemail") %>'>
</asp:Label>
</ItemTemplate>
</asp:templatefield>
<asp:boundfield DataField="ntelephone" HeaderText="Telephone" SortExpression="ntelephone" Visible="False">
</asp:boundfield>
<asp:boundfield DataField="naddress" HeaderText="Address" SortExpression="naddress" Visible="False">
</asp:boundfield>
<asp:boundfield DataField="ndate" HeaderText="Date" SortExpression="ndate" Visible="False">
</asp:boundfield>
<asp:boundfield DataField="uname" HeaderText="uname" SortExpression="uname" Visible="False">
</asp:boundfield>
<asp:boundfield DataField="upassword" HeaderText="upassword" SortExpression="upassword" Visible="False">
</asp:boundfield>
<asp:boundfield DataField="usertype" HeaderText="UserType" SortExpression="usertype">
<ItemStyle Width="100px" />
</asp:boundfield>
<asp:boundfield DataField="umonth" HeaderText="Month" SortExpression="umonth">
<ItemStyle Width="100px" />
</asp:boundfield>
<asp:templatefield HeaderText="Select">
<HeaderTemplate>
<input id="chkAll" onclick="javascript:SelectAllCheckboxes(this);" runat="server" type="checkbox" title="xyz" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelect" runat="server" />
</ItemTemplate>
</asp:templatefield>
</Columns>
</asp:GridView>
<asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/database/profit_street.mdb"
SelectCommand="SELECT * FROM [registration]"></asp:AccessDataSource>
</td>
</tr>
<tr>
<td>
Subject: </td>
<td>
<asp:TextBox ID="TextBox1" runat="server" Columns="60"></asp:TextBox>
</td>
</tr>
<tr>
<td>
Message:
</td>
<td>
<asp:TextBox ID="TextBox2" runat="server" Columns="60" Rows="8" TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<asp:Button ID="Button1" runat="server" Text="Send Mail" OnClick="Button1_Click" ValidationGroup="x1"/>
</td>
</tr>
</table>
===========================In CS===================================
protected void DropDownList1_TextChanged(object sender, EventArgs e)
{
if (DropDownList1.SelectedItem.Text=="Free User")
{
con.Open();
OleDbCommand cmd = new OleDbCommand("select * from registration where usertype='Free User'", con);
OleDbDataReader red = cmd.ExecuteReader();
GridView1.DataSource = red;
GridView1.DataBind();
con.Close();
}
else if (DropDownList1.SelectedItem.Text=="Paid User")
{
con.Open();
OleDbCommand cmd = new OleDbCommand("select * from registration where usertype='Paid User'", con);
OleDbDataReader red = cmd.ExecuteReader();
GridView1.DataSource = red;
GridView1.DataBind();
con.Close();
}
else if (DropDownList1.SelectedItem.Text == "All User")
{
con.Open();
OleDbCommand cmd = new OleDbCommand("select * from registration", con);
OleDbDataReader red = cmd.ExecuteReader();
GridView1.DataSource = red;
GridView1.DataBind();
con.Close();
}
}
protected void Button1_Click(object sender, EventArgs e)
{
con.Open();
foreach (GridViewRow gv in GridView1.Rows)
{
CheckBox deleteChkBxItem = (CheckBox)gv.FindControl("chkSelect");
if (deleteChkBxItem.Checked)
{
StringBuilder str = new StringBuilder();
string strMail = ((Label)gv.FindControl("lblemail")).Text.ToString();
SmtpClient sc = new SmtpClient();
MailMessage mm = new MailMessage("webtechno.in@gmail.com", strMail);
mm.Subject = TextBox1.Text;
mm.Body = TextBox2.Text;
sc.EnableSsl = true;
sc.Send(mm);
Response.Write(strMail);
}
}
con.Close();
}
View 5 Replies
Aug 30, 2010
I tried a lot but I could not figure out why the IE is not taking font size and name in to effect from CSS. In firefox my website could be seen very nice but in IE it is little bit unshiny and font size is bigger For the difference which I am talking about could be seen if your PC have both firefox and IE installed. [URL] open it in FF and IE and you could see the font and alignment related change. All these settings are in body element of CSS. Do you any idea regarding this?
View 5 Replies
Aug 3, 2010
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>
View 1 Replies
Mar 18, 2010
I have taken menu control to display pages on my project. it is working fine in mozilla bu not in safari and internet explorer.
In safari Even sub menu items are not coming. it is displaying like this.
T-Shirts Expand <b>T-Shirts</b> Caps Expand
<b>Caps</b> Bags Expand
<b>Bags</b> Neck
Ties Expand <b>Neck Ties</b> Gift
Items Expand <b>Gift Items</b> in Safari.
In Internet explorer sub menu items are not coming.
View 2 Replies
Nov 24, 2010
I am using a panel Control but its Scrollbars are not working in Internet explorer 6.0 but it is working in Mozilla firefox.
View 1 Replies
Sep 27, 2010
We have following ASP.Net 2.0 HyperLink Control:
asp:HyperLink ID="FolderLink" runat="server" CssClass="cursor" Enabled="false"
ImageUrl="/_layouts/1033/images/selectlink.gif" ToolTip="Folder Links">
On server side, following script is attached:
FolderLink.Attributes.Add("onclick", "javascript:setURL('Control');");
Issue is that HyperLink Control is disbale in IE 8 but not in IE compatibility mode.
View 1 Replies
Nov 10, 2010
I am using ShDocVW.InternetExplorer class to spawn a new internet explorer object and to do some form filling stuffs(for some sharepoint works).It works fine in my own machine which has Windows 7 as the OS. But when I deployed the same thing in windows server 2003 machine, it does not pop up the internet explorer window. When I check the Task Manager, I could see a new iexplore process, but with Session ID = 0 (but session ID = 1 in windows 7). So, I see this is something regarding IIS Session isolation.So, is it possible to assign a ShDocVW.InternetExplorer instance to kind of a new System.Diagnostics.Process and achieve this task? Or can we start a new ShDocVW.InternetExplorer instance with session ID = 1?
View 3 Replies
Jul 22, 2010
I made a login system, when the user presses the login button a pop up panel using ajax appears. The textboxes and other features are in a Web User Control.
The problem is that when writing information in the textboxes in IE or pressing the cancel button it is very slow compared to other browsers. I have the latest version of Ajax.
View 3 Replies
Dec 27, 2010
Some of my customers using Internet Explorer can't use my website because the call to my .net webservice failed. Under FF and Chrome no problem. For most of my customer using IE, it's working fine also but not for all...
I have isolated a call to the webservice that failed
[Code]....
I can't find why it's not always working with IE. I'm not able to get the error on my computer (even by changing security, privacy settings in IE).
View 3 Replies
Mar 17, 2010
I have an simple Image with a PNG image source in a page and attached an Animation to this Image. this Animation Runs on updatePanel Updated Event
the Animation is:
<Pulse AnimationTarget="Image1" duration=".001" />
After it pulses, there are some black shadows add to my picture and it occures only with IE8, with Chrome and Mozilla, it works fine.
View 1 Replies
Jun 10, 2010
when i test this page http://www.catalogues4u.com.au/ViewCategory.aspx?catID=119 im getting the above error. to replicate this issue visit the above page in ie7 and you will get the prompt.
View 3 Replies
Jan 4, 2011
I'm doing the following ajax call:
[code]....
jQuery ajax request response is empty in Internet Explorer?
View 1 Replies
