mira aqui esta:
Código Javascript
:
Ver original<!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>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Create a Custom Content Slider with jQuery</title>
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript">
var updater = function(target, url, params) {
return new Ajax.PeriodicalUpdater(target, url, params || {
method: 'get', frequency: 1, decay: 2
});
}
document.observe('dom:loaded', function() {
$('btn1').observe('click', function(e){
e.stop();
this.stopObserving('click');
updater('contenido', 'alertas.php');
});
$('btn2').observe('click', function(e){
e.stop();
this.stopObserving('click');
updater('contenido', 'alertas_com.php');
});
});
</script>
</head>
<body style="padding-top:1%;">
<div id="hero-slider" >
<form name="form1"><table width="160" border="0" align="center">
<tr>
<td width="75" height="96">
<input type="button" id="btn1" class="boton2" name="Submit" value="" />
<div class="Estilo3" style="position:relative; bottom:10%; width: 75px;">
<div align="center">Radicacion</div>
</div></td>
<td width="75" height="96">
<input type="button" id="btn2" class="boton2" name="Submit2" value="" />
<div class="Estilo5" style="position:relative; bottom:10%; width:75" >
<div align="center">Licencia</div>
</div></td>
</tr>
</table></form>
<div id="contenido" align="center" style="padding-top:2%">
<div id="precarga" align="center"></div>
</div>
<!-- .mask -->
</div> <!-- #hero-slider -->
</body>
</html>