Hola gente, estoy arrancando con mootools y me encuentro con un problema que puede ser simple pero sin solucion para mi.
Estoy armado un formulario interactivo, que debe cargar campos en un div de acuerdo a la opcion seleccionada por el visitante.
el script usado es (bajo mootools 1.2.3)
Código:
<script type="text/javascript" >
function loadPage(url,container,loadInfoText)
{
var myRequest = new Request(
{
url: url,
method: 'get',
onRequest: function()
{
$('divCierre').setStyle('visibility', 'hidden');
$(container).set('html',['<div>',loadInfoText,'</div>'].join(''));
},
onFailure: function()
{
$(container).set('html',['<div> Error cargando ',url,'</div>'].join(''));
},
onSuccess: function(response)
{
$(container).set('html',response);
$('divCierre').setStyle('visibility', 'visible');
}
}).send();
}
window.addEvent('domready', function() {
$('divCierre').setStyle('visibility', 'hidden');
$('sProductos1').addEvent('change', function() { var mProducto= 'pre-'+ $('sProductos1').value +'.php'; loadPage(mProducto, 'divPedido', ' Cargando formulario'); });
$('enviar').disabled = 1;
$('listo').addEvent('click', function(){ $('enviar').disabled = 0; });
})
</script>
Si pruebo ese codigo en una pagina "limpia" sin ningun elemento html mas que los selects y divs necesarios, todo funciona bien (XHTML 1.0 transitional) ahora cuando lo inserto en la pagina con diseño (todo el diseño es en divs, no hay tablas) lo unico que obtengo es el mensaje de error definido en
onFailure
Lo mismo ocurre si en vez de
request utilizo
$('divPedido').load(mProducto);
el codigo html valida XHTML 1.0 Transitional sin problemas lo mismo que el css
Alguien tendra una idea de lo que puede estar pasando?
Gracias de antemano