13/5/09
Como integrar Xajax y jQueryPor: uzielHola desarrolladores, recientemente he estado trabajando con Xajax para hacer mis proyectos, pero descubri jQuery, esta libreria me gusto mucho por la facilidad de uso y las cosas que se pueden hacer, pero no he podido integrarla con Xajax para hacer algunos efectos. He utilizado el metodo script del objeto xajaxResponse para generar el codigo de jQuery al vuelo, pero no he podido hacer que funcione.
Hice un ejemplo de un accordion:
Lo que deberia hacer este script es:
Al hacer click sobre el div que dice "Ver Acordeon" hago el script para que se configure el div "accordion" y despues muestro el codigo html que sera transformado en el acordeon.
Si muestra el codigo del acordeon, pero la funcionalidad no esta presente, solo aparece como HTML comun y corriente.
Espero que puedan ayudarme, muchas gracias.
<code>
<?php
require_once("CreaXajax.php");
$xajax = CreaXajax();
$xajax->setCharEncoding('ISO-8859-1');
$xajax->configure('decodeUTF8Input', true);
$xajax->register(XAJAX_FUNCTION, "muestraTabla");
function muestraTabla()
{
$objRespuesta = new xajaxResponse();
$x = " <h3><a href="#">Section 1</a></h3>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
</div>
<h3><a href="#">Section 3</a></h3>
<div>
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3><a href="#">Section 4</a></h3>
<div>
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
</div>";
$objRespuesta->call("$(function() {
$('#accordion').accordion({
icons: {
header: 'ui-icon-circle-arrow-e',
headerSelected: 'ui-icon-circle-arrow-s'
}
});
});");
$objRespuesta->assign('accordion', "innerHTML", $x);
return $objRespuesta;
}
$xajax->processRequest();
?>
<!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>
<?php $xajax->printJavascript("../xajax"); ?>
<script type="text/javascript" src="jquery-ui-171/development-bundle/jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery-ui-171/development-bundle/ui/ui.core.js"></script>
<script type="text/javascript" src="jquery-ui-171/development-bundle/ui/ui.accordion.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#accordion").accordion({
icons: {
header: "ui-icon-circle-arrow-e",
headerSelected: "ui-icon-circle-arrow-s"
}
});
});
</script>
</head>
<body>
<div onclick="xajax_muestraTabla();">Ver acordeon</div>
<div id="accordion"></div>
</body>
</html>
</code>
29/7/09
Estupendo este manualPor: VicenteBueno excelente el trabjo que hacen este manual me sirvio para realizar un sistema en internet donde valido varios formularios. Lo que me tranco en mi avance del conocimiento de xajax es que no encuentro el comando o la manera de registrar datos y enviar un email al mismo tiempo con xajax si saben como por favor publiquenlo pronto gracias!.....
31/8/09
Como actualizar un div?Por: javierEl manual esta de lujo! Mi pregunta nace de lo siguiente. Tengo un Div de notificaciones algo parecido a las notificaciones en facebook y me gustaria que el estuviese haciendo peticiones permanentemente o por lo menos cada cierto tiempo.
Es decir si una persona ha agregado a otra y las 2 estan en linea a la otra persona le deberia llegar la notificacion en tiempo real o por lo menos cuando se actualice el Div.
No se si me explique bien pero espero y puedas ayudarme!
De igual forma mi mail es javiertroya@gmail.com y mi web es http://dynlearning.com.ve
De antemano gracias!