bueno probe el interprete pero no funciona el efecto shadowbox.
bueno este es el codigo de la pagina
este es la pagina del catalogo
catalogo.php
Código 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" />
<script type="text/javascript" src="../../funciones/interpretadorAjax.js"></script>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../funciones/ajax.js"></script>
<script type="text/javascript" src="../../funciones/funcion.js"></script>
<link rel="stylesheet" type="text/css" href="funciones/shadowbox/src/css/shadowbox.css">
<script type="text/javascript" src="../../funciones/shadowbox/src/js/lib/yui-utilities.js"></script>
<script type="text/javascript" src="../../funciones/shadowbox/src/js/adapter/shadowbox-yui.js"></script>
<script type="text/javascript" src="../../funciones/shadowbox/src/js/shadowbox.js"></script>
<script type="text/javascript">
window.onload = function(){
Shadowbox.init();
/**
* Note: The following command is not necessary in your own project. It is
* only used here to set up the demonstrations on this page.
*/
};
</script>
</head>
<body >
<table width="100%" border="0" cellpadding="0" cellspacing="6">
<tr>
<td valign="top" width="80%">
<div id="cat"></div>
</td>
<td width="20%" valign="top">
<form id="form1" name="form1" method="post" action="">
<select name="producto" id="producto" onchange="loadTipoProducto(document, this)">
<option value="-1">Elija un tipo Produto</option>
<option value="Accesorios">Accesorios</option>
<option value="Modelos">Modelos</option>
</select>
<select name="sub1" id="sub1" style="display:none">
</select>
<select name="sub2" id="sub2" style="display:none">
</select>
</form>
</td>
</tr>
</table>
</body>
</html>
este es el codigo ajax
codig ajax.js
Código PHP:
function catalogoModelo(objeto,producto, sub1, sub2) {
divCatalogo=objeto.getElementById('cat');
catalogoModeloAjax=nuevoAjax();
catalogoModeloAjax.open("POST", "../../ajax/catalogo/catModelo.php", true);
catalogoModeloAjax.onreadystatechange = function (){
if(catalogoModeloAjax.readyState == 4) {
var scs=catalogoModeloAjax.responseText.extractScript(); //capturamos los scripts
divCatalogo.innerHTML=catalogoModeloAjax.responseText.stripScript();
scs.evalScript(); //ahora si, comenzamos a interpretar todo
}
}
catalogoModeloAjax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
catalogoModeloAjax.send("producto="+producto+"&sub1="+sub1+"&sub2="+sub2);
}