Xajax + dojo

rameau1982 · #1 (**permalink**) 26/01/2009, 15:07

Hola, usando DOJO y XAJAX tengo un problema que no consigo corregir.
cuando en xajax usamos

Código PHP:

  $respuesta->assign("capacargar","innerHTML","$codigo");

estamos poniendo al innerHTML de la capa "capacargar" lo contenido en la variable $codigo.
Hasta aquí perfecto.
Ahora, cuando utilizamos DOJO se cargan una serie de scripts al cargar la página la primera vez, antes de hacer llamadas Xajax, a parte de los .css de DOJO.
El problema es que el innerHTML de una capa con atributos DOJO no es tan obvio, con lo que al hacer $respuesta->assign("capacargar","innerHTML","$codigo"); nos estamos cargando el código que añade DOJO y, en consecuencia, no lo vemos con el .css de DOJO.

He pensado en hacer

Código PHP:

  $respuesta->assign("capacargar","innerHTML","$codigo"); 
$respuesta->script("dojo.require(\"dojo.parser\");"); 
$respuesta->script("dojo.require(\"dijit.layout.ContentPane\");"); 
$respuesta->script("dojo.require(\"dijit.layout.TabContainer\");");

Pero tampoco funciona, imagino que tengo que modificar el DOM por completo y no sólo el innerHTML. Como se haría en XAJAX??

Os dejo el código completo, a ver si me podéis ayudar:

Código PHP:

  <? 
require ('./xajax/xajax_core/xajax.inc.php'); 
 
$xajax = new xajax(); 
$xajax->setCharEncoding('ISO-8859-1'); 
$xajax->configure('decodeUTF8Input',true); 
 
function carga() 
{ 
$respuesta = new xajaxResponse(); 
 
 
$codigo="<div dojoType=\"dijit.layout.ContentPane\" title=\"Personal Data\"> 
    1ª opcion<br/> 
    2ª opcion<br/> 
    3ª opcion<br/> 
</div> 
<div dojoType=\"dijit.layout.ContentPane\" title=\"Address\"> 
    <label for=\"address_line_1\">Address Line 1:</label> 
    <input type=\"text\" name=\"address_line_1\" id=\"address_line_1\" 
        size=\"30\" /><br/> 
    <label for=\"address_line_2\">Address Line 2:</label> 
    <input type=\"text\" name=\"address_line_2\" id=\"address_line_2\" 
        size=\"30\" /><br/> 
    <label for=\"city\">City:</label> 
    <input type=\"text\" name=\"city\" id=\"city\" size=\"30\" /><br/> 
    <label for=\"state\">State:</label> 
    <input type=\"text\" name=\"state\" id=\"state\" size=\"2\" /><br/> 
    <label for=\"postal_code\">Postal Code:</label> 
    <input type=\"text\" name=\"postal_code\" id=\"postal_code\" 
        size=\"15\" /><br/> 
</div>"; 
 
$respuesta->assign("capacargar","innerHTML","$codigo"); 
$respuesta->script("dojo.require(\"dojo.parser\");"); 
$respuesta->script("dojo.require(\"dijit.layout.ContentPane\");"); 
$respuesta->script("dojo.require(\"dijit.layout.TabContainer\");"); 
 
return $respuesta; 
} 
 
 
$xajax->registerFunction("carga"); 
$xajax->processRequest(); 
?> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
     "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Account Preferences With Dijit</title> 
<style type="text/css"> 
    @import "/dojoroot/dijit/themes/tundra/tundra.css"; 
    @import "/dojoroot/dojo/resources/dojo.css" 
</style> 
<script type="text/javascript" src="/dojoroot/dojo/dojo.js"   
        djConfig="parseOnLoad: true"></script> 
 
 
<script> 
    dojo.require("dojo.parser"); 
    dojo.require("dijit.layout.ContentPane"); 
    dojo.require("dijit.layout.TabContainer"); 
</script> 
<style> 
.formContainer { 
   width:600px; 
   height:600px; 
} 
label { 
   width:150px; 
   float:left; 
} 
</style> 
 
<?php $xajax->printJavascript("./xajax/"); ?> 
 
</head> 
 
 
<body class="tundra"> 
 
<input type="button" value="Cargar" onclick="xajax_carga()" /> 
 
<div id="capacargar" class="formContainer" dojoType="dijit.layout.TabContainer"  
   style="width:600px;height:600px"> 
 
</div> 
</body> 
</html>