Hello,
I have an accordion (using the Rico framework at www.openrico.org) and each tab of the accordion is basically some sort of wizard (having a description and a 'Start' button in each tab). When the Start button is pressed, I get the contents of only that tab updated. I am using the innerHTML property of the div placeholder to update the contents, and the HTML is provided from a perl script on the server side. The page layout looks something like this: -
table
-
row for holding the whole page HTML
-
table
-
row for holding the accordian
-
table
-
row for holding the specific content tab
-
div(WizBody)
-
end div
-
end row
-
end table
-
end row
-
end table
-
end row
-
end table
-
The contents returned by the perl code is another HTML table which get inserted in the 'WizBody'.
This works perfectly as expected in FF (2.0). In IE (7.0) however, the first time I press any 'Start' button, the first table (which has a form inside it) shows up. Any subsequent pressing of 'Next' buttons do not work. Also, none of the 'Start' button in other tabs works either after the first display. Using MS Script debugger, I have noticed that the send method does get called for each of the AJAX request, and even the database activity in perl also takes place in the back-end. But the associated handler function in JS never gets called the second and subsequent times in IE.
Any ideas about what can be the problem?
Thanks.
-Samik
3 2256
Can you give an example of a response returned by the Perl script?
IE has been known to have problems with tables that do not have tbodies (a tbody tag before the table rows begin and after they end).
Thanks for the response.
Following is the code returned to the IE when the 'Start' button is pressed the first time. I actually did not have the tbody tags around the table elements, so I put them in after you mentioned it. But unfortunately that made no difference.
Note that, as I mentioned in my OP, when I press the 'Next' button in the form below (line 28), the perl routine in the backend does get called, it executes the routine and generates similar HTML code. Only, the JS stateChangeHandler method for the XMLHTTP object, which should handle things when readyState changes to 4 and status changes to 200 etc. never gets fired. So, the backend processing looks good, but somehow the XML below gets lost and does not reach the browser.
Regards. -
Content-type: text/xml
-
-
-
<table width='95%' align='center'>
-
<tbody>
-
<tr><td>
-
<form name='TeamEdit'>
-
<center>[Click on the <img src="images/edit.gif" /> image to edit corresponding field]</center><br />
-
<font size='-4'><br /></font>
-
<table class='border' cellspacing='10' align='center'>
-
<tbody>
-
<tr><td>Team Name</td><td><input type='text' class='textread' name='TeamName' value="Team1" readonly='readonly' size='10' onChange="javascript:showSave('TeamEdit');" /><img src="images/edit.gif" alt='Edit' onClick="javascript:letEdit('TeamEdit','TeamName');" /></td></tr>
-
<tr><td>Team Login</td><td><input type='text' class='textread' name='TeamLogin' value="Team1" readOnly='readonly' size='10' /></td></tr>
-
<tr><td>Password</td><td><input type='text' class='textread' name='Pass' value="test1" readOnly='readonly' size='10' onChange="javascript:showSave('TeamEdit');" /><img src="images/edit.gif" alt='Edit' onClick="javascript:letEdit('TeamEdit','Pass');" /></td></tr>
-
<tr><td>Level Name</td><td><input type='text' class='textread' name='LevelName' value="Ipsin" readOnly='readonly' size='10' /></td></tr>
-
<tr><td colspan='2'>Comment: <br />
-
-
<textarea class='textinput' name='Comment' cols='40' rows='5' wrap='virtual'></textarea>
-
</td></tr>
-
</tbody>
-
</table>
-
</form>
-
<form>
-
<table width='30%' border='0' align='right' cellspacing='30'>
-
<tbody>
-
<tr>
-
-
<td><input type='button' class='btn' value='Next >' onClick="javascript:display('CredBody',new Array('Module','Cred','TeamLogin','Team2'));" /></td>
-
<td><input type='button' class='btn' value='Summary' onClick="javascript:display('CredBody',new Array('Module','Cred','TeamLogin','Summary'));" /></td>
-
</tr>
-
</tbody>
-
</table>
-
</form>
-
</td></tr>
-
</tbody>
-
</table>
-
Sign in to post your reply or Sign up for a free account.
Similar topics
by: =?Utf-8?B?R2VyaGFyZA==?= |
last post by:
I am just stating to use ajax, and have a perfect place to use the accordion
control. I have it working fine, but need to have a normal asp button in one
of the panes that fires an onclick event...
|
by: srilakshmim |
last post by:
Hello
I want to create Accordion (Ajax Control Tool Kit)dynamically.
My Code is as follows
Code: ( cpp )
protected void Page_Load(object sender, EventArgs e)
{
try
...
|
by: =?Utf-8?B?V2FubmFiZQ==?= |
last post by:
We are looking at Ajaxing our existing web application. Question is...Should
we Ajax any and everything we can, or not? One example...if a page posts back
to itself, is that a good candidate for...
|
by: LayneMitch via WebmasterKB.com |
last post by:
Greetings.
I'm reading this book that is teaching me the more appropriate way of
assigning functions. It has an 'accordian' example that when you click on a
link, it expands into other options...
|
by: ameshkin |
last post by:
Hi Everybody,
I'm just now learning javascript and I'm using mootools. What I want
to do is to dynamically load a php page into accordian panel 2,
depending on which radio button is selected in...
|
by: Tomasz J |
last post by:
Hello developers,
After migrating my web project application (using the old model) to .Net
Framework 3.5 and Ajax Control Toolkit release 20820 the Accordion control
no longer works correctly....
|
by: RichB |
last post by:
I am trying to get to grips with the asp.net ajaxcontrol toolkit, and am
trying to add a tabbed control to the page.
I have no problems within the aspx file, and can dynamically manipulate a...
|
by: E11esar |
last post by:
Hi there. I have created an asp.net page with C# and have added two tabs using the respective AJAX control.
I am trying to add a table within an AJAX Accordion control in the second tab but I am...
|
by: quipo |
last post by:
Hi,
im using an accordion script but it doesnt work if i use it with ajax.
example:
<div id="accordion">
<dl class="accordion" id="slider">
<dt>click here for the 1st pane</dt>
...
|
by: CloudSolutions |
last post by:
Introduction:
For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome former...
|
by: taylorcarr |
last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: ryjfgjl |
last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
| |