Gracias a todos, copio el codigo.
Archivo: principal.html
------------------------------------------------------------------------------------------------------------------------------------------------------
<!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>Ejercicio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<!-- <script language="JavaScript" type="text/javascript" src="js/codigo.js"></script> -->
<script language="JavaScript" type="text/javascript" src="interpretadorAjax.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a {
font-size: 10px;
}
body,td,th {
font-size: 14px;
}
-->
</style>
</head>
<body>
<div id="header">
</div>
<div id="izquierda">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" href="#">Mant. Administrador</a>
<ul>
<li><a href="javascript:cargarPagina('contenidos/boton1.php', 'principal');">Boton</a></li>
</ul>
</li>
</ul>
</div>
<div id="principal"></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Archivo: interpretadorAjax.js
----------------------------------------------------------------------------------------------------------------------------------------------------
function $(id){return document.getElementById(id);}
function http(){
if(window.XMLHttpRequest){
return new XMLHttpRequest();
}else{
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
alert('nop');
return false;
}
}
}
String.prototype.tratarResponseText=function(){
var pat=/<script[^>]*>([\S\s]*?)<\/script[^>]*>/ig;
var pat2=/\bsrc=[^>\s]+\b/g;
var elementos = this.match(pat) || [];
for(i=0;i<elementos.length;i++) {
var nuevoScript = document.createElement('script');
nuevoScript.type = 'text/javascript';
var tienesrc=elementos[i].match(pat2) || [];
if(tienesrc.length){
nuevoScript.src=tienesrc[0].split("'").join('').split('"').join('').split('src=').join('').split(' ').join('');
}else{
var elemento = elementos[i].replace(pat,'$1','');
nuevoScript.text = elemento;
}
document.getElementsByTagName('body')[0].appendChild(nuevoScript);
}
return this.replace(pat,'');
}
function SetContainerHTML(id_contenedor,responseText){
var mydiv = $(id_contenedor);
mydiv.innerHTML = responseText.tratarResponseText();
}
function cargarPagina(url,contenedorId){
var H=new http();
H.open('get',url+'?'+Math.random(),true);
H.onreadystatechange=function(){
if(H.readyState==4){
SetContainerHTML(contenedorId,H.responseText);
H.onreadystatechange=null;
}else{
$(contenedorId).innerHTML='cargando...';
}
}
H.send(null);
}
Archivo: boton1.php
--------------------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<?php
function Conectarse()
{
if (!($link=mysql_connect("localhost","root","")))
{
echo "Error conectando a la base de datos.";
exit();
}
if (!mysql_select_db("empleado",$link))
{
echo "Error seleccionando la base de datos.";
exit();
}
return $link;
}
$link=Conectarse();
$campo=$_POST['txt_texto'];
$result=mysql_query("insert into tabla values('$campo')",$link);
?>
<form id="form1" name="form1" method="post" action="">
<p> </p>
<table width="200" border="1">
<tr>
<td><label>
<input type="submit" name="btn_boton" id="btn_boton" value="Boton" />
</label></td>
<td><label>
<input type="text" name="txt_texto" id="txt_texto" />
</label></td>
</tr>
</table>
<p> </p>
</form>
</body>
</html>
la bdd por si acaso
------------------------------------------------------------------------------------------------------------------------------------------------------
SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0;
SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0;
SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='TRADITIONAL';
CREATE SCHEMA IF NOT EXISTS `empleado` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci ;
USE `empleado` ;
DROP TABLE IF EXISTS `empleado`.`tabla` ;
CREATE TABLE IF NOT EXISTS `empleado`.`tabla` (
`campo` INT,
PRIMARY KEY (`campo`) )
ENGINE = InnoDB;
Gracias, disculpen pero no se como poner los codigos en la caja de texto