Veinti1 » ubuntu http://veinti1.com .. mi pequeña guarida .. Thu, 15 Dec 2011 14:16:30 +0000 en hourly 1 http://wordpress.org/?v= jQuery + jSont + PHP + MySql …. me encanta :D http://veinti1.com/jquery-jsont-php-mysql-me-encanta-d/ http://veinti1.com/jquery-jsont-php-mysql-me-encanta-d/#comments Thu, 09 Oct 2008 21:23:25 +0000 admin http://veinti1.com/?p=111 Voy a intentar explicaros como cargar los datos de nuestra base de datos usando JavaScript con las librerias(jQuery y jSonT) y PHP.
Lo primero es conocer cada elemento que vamos a usar:
jQuery es una librería en JavaScript diseñada para otorgar a nuestra aplicación todas las ventajas de la tecnología Ajax una de las más populares.
jSonT también es una librería para JavaScript que usaremos para representar los valores de la base de datos en tablas, en ella podemos definir plantillas que podremos ir utilizando para la representación de la información en tablas.
PHP lo usaremos para la comunicación con la base de datos, y la definición de clases si fuera necesario.
MySql es el motor de base de datos elejido.

Empezaremos con el fichero html index.html
<html>
<head>
<title>Ejemplo</title>
<script src=”js/jquery.js”         language=”Javascript”></script>
<script src=”js/jsont.js”         language=”Javascript”></script>
<script src=”js/jsont-style.js” language=”Javascript”></script>
<script src=”js/myajax.js” language=”Javascript”></script>
<script>
loadTable(“table_productos”, get_data(‘products’, ‘getAll’, ”), ‘products_jsont’);
</script>
</head>
<body>
<div id=”table_productos”>

</div>
</body>
</html>

Declaramos las librerias jquery y jsont, el archivo jsont-style.js será donde definiremos las plantillas de jsont.

Creamos un div donde cargaremos la tabla con los datos.

Llamamos a la función loadTable que a su vez llama a get_data, veremos lo que hace a continuación.

myajax.js

function loadWeb(pag) {
if (typeof window.ActiveXObject != ‘undefined’ ) req = new ActiveXObject(“Microsoft.XMLHTTP”);
else req = new XMLHttpRequest();
req.open(“GET”, pag, false);
req.send(null);
return req.responseText;
}
function get_data( place, func , more){
var code = “include/interfaz.php?type=”+ place +”&function=”+ func + more;
var res = loadWeb( code );
return eval(res);
}
function loadTable( strId, xarray, type ){
$( “#”+ strId ).append(jsonT(xarray, t[type]));
}

loadWeb nos cargara el contenido de una web de manera sincrona, con esto conseguimos capturar el json generado por en el archivo interfaz.php en una variable javaScript
get_data es la encargada de llamar a loadWeb, definimos dentro de la estructura de interfaz.php indicarles que hacieones debe tomar
loadTable nos creará la tabla en la id que le indiquemos como parámetro con el codigo json devuelto por get_data y con la plantilla jSonT

jsont-style.js
var t = new Array;
t["products_jsont"] = { “self”: “<table id=”products_table”>{$}</table>”,
“self[*]“: “<tr id=’{$.id_product}’><td>{$.name}</td><td>{$.description}</tr>” };

Aquí tenemos la plantilla que vamos a usar en este caso concreto para los datos de productos.

Pues en definitiva, un mecanismo muy potente y poderoso para hacer autenticas maravillas.

Espero no haberme saltado nada :S

]]> http://veinti1.com/jquery-jsont-php-mysql-me-encanta-d/feed/ 2 Viñeta de Dilbert sobre la última y más jugosa Vulnerabilidad de Debian. http://veinti1.com/vineta-de-dilbert-sobre-la-ultima-y-mas-jugosa-vulnerabilidad-de-debian/ http://veinti1.com/vineta-de-dilbert-sobre-la-ultima-y-mas-jugosa-vulnerabilidad-de-debian/#comments Fri, 16 May 2008 12:54:22 +0000 admin http://veinti1.com/?p=89 Para los que no lo sepán hace unos escasos dos dias se puso de manifiesto una vulnerabilidad para Debian y todos sus hijos (Ubuntu) de openSSL, por la cual la función random que generaba la clave para SSL por ejemplo la que usamos para autenticarnos para las autorized_keys de SSH no era del todo “aleatoria”. . . [ampliar info]
En fin que me ha hecho mucha gracia esta viñeta de Dilbert que es lo que vengo a enseñaros.

]]> http://veinti1.com/vineta-de-dilbert-sobre-la-ultima-y-mas-jugosa-vulnerabilidad-de-debian/feed/ 0 Definitivamente me paso a Firefox2 http://veinti1.com/definitivamente-me-paso-a-firefox2/ http://veinti1.com/definitivamente-me-paso-a-firefox2/#comments Wed, 14 May 2008 11:07:19 +0000 admin http://veinti1.com/?p=88 Uso Ubuntu 8.04 y desde que actualicé creo que hará dos semanas, también me actualizó Firefox 3 Beta 5, ya lo había probado cuando salieron las primeras betas pero lo veía un poco verde, al ver que ya venía con la nueva versión de Ubuntu pensé que ya estaría algo más maduro, los problemas que he tenido además de que no me funcionara el SSL que seguramente me podría haber puesto a echarlo andar pero bueno con Flock iba saliendo del paso, es que se me cierra cada dos por tres, mucho más frecuente que los cuelgues de Firefox2, y eso me mosquea más, seré masoca pero prefiero que una aplicacion se me quede pillada a que se me cierre sin más, ya que se muere al menos quiero verla morir….

Si alguien quiere seguir mis pasos:

sudo apt-get remove firefox firefox-3.0
sudo apt-get install firefox-2

Actualización
Parece ser que todo el problema viene por el Flash, ya contaré …

]]> http://veinti1.com/definitivamente-me-paso-a-firefox2/feed/ 3 Evitar que dhcp nos rescate configuración. http://veinti1.com/evitar-que-dhcp-nos-rescate-configuracion/ http://veinti1.com/evitar-que-dhcp-nos-rescate-configuracion/#comments Fri, 16 Nov 2007 10:48:33 +0000 admin http://veinti1.com/?p=69 Con Ubuntu Gutsy Gibson cada vez que reiniciaba la maquina me reiniciaba el contenido del fichero /etc/hosts el problema por lo visto lo hacia el demonio dhcp, pues bien para que no nos rescate la configuración de este archivo entre otras cosas, debemos editar el archivo /etc/dhcp3/dhclient.conf y comentar las siguientes lineas, para que no nos rescate nada

#request subnet-mask, broadcast-address, time-offset, routers,
# domain-name, domain-name-servers, host-name,
# netbios-name-servers, netbios-scope;

]]> http://veinti1.com/evitar-que-dhcp-nos-rescate-configuracion/feed/ 0