I use a Tab Pane Script to load form fields into tab panes.

It works correctly in most browsers including Firefox and Opera however the form cannot be submitted in Internet Explorer.

http://d9qjx79zqpo3.googlepages.com/tabs.htm
http://d9qjx79zqpo3.googlepages.com/tabcms.zip

To test, please click on the link in the admin area, then click on the "Save" tab and click to submit the form. The form is submitted in Firefox but not IE.

Any ideas on how to get the form to be submitted in all browsers?

try this for tabs.htm:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Tab Demo</title>
		<link rel="stylesheet" href="manage.css" type="text/css" media="screen">
		<script type="text/javascript" src="manage.js"></script>
		<script type="text/javascript">
		window.onload=start;
		
		function start(){
			initTabs('data',Array('Menu'),0,100,100,false);
		}
		</script>
	</head>
	<body>

	<form id="editor" method="post" action="?&">
		<div id="data">

			<div class="dhtmlgoodies_aTab">
				<h1>Admin Area</h1>
				<hr />

				<p class="cmsSiteMap">
					<ul>
						<li>
							<a href="#" onclick="deleteTab('Content');deleteTab('Images');deleteTab('Search Engine Stuff');deleteTab('Ownership');deleteTab('Preview');deleteTab('Save');createNewTab('data','Content','','content.htm');createNewTab('data','Images','','images.htm');createNewTab('data','Search Engine Stuff','','seo.htm');createNewTab('data','Ownership','','ownership.htm');createNewTab('data','Preview','Preview');createNewTab('data','Save','','save.htm');showTab('data','1');return false">pages/rrr.html</a>
						</li>
					</ul>
				</p>
			</div>
		</div>
	</form>
	<div id="loading"></div>
	</body>
</html>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.