www.iugo.com.uy

a.linkConRollover:hover {
background-image: url(imagen-over.jpg);
}

En este caso, sería bueno precargar la imagen “imagen-over.jpg” para que al pasar el mouse por primera vez sobre un  hipervínculo con estilo “linkConRollover” no debamos esperar a que se cargue dicha imagen.  Para eso podemos usar una función muy muy muy sencilla:

jQuery.precargarImg = function() {
for(var i=0; i
jQuery("").attr("src", arguments[i]);
}

El código completo a incluir en nuestra etiqueta head sería:


<script src="jquery.min.js" language="javascript"></script>
<script>
jQuery.preloadImages = function() {
for(var i = 0; i<arguments.length; i++){
jQuery("<img>").attr("src", arguments[i]);
}
$.preloadImages("pics/pic1.jpg","pics/pic2.jpg","pics/pic3.jpg");
</script>


Reveal es un plugin para jQuery que permite implementar ventanas modales elegantes de manera muy sencilla.

Las ventanas modales pueden ser customizadas si se desea, aunque el diseño por defecto es muy bueno. El plugin es compatible con todos los navegadores modernos, y muy liviano (1.75 KB).

El código tras el salto.

El código:

El siguiente código funciona buscando el texto vayamos generando, en cada elemento de la lista, y de esa manera elimina los elementos que no coincidan.

El HTML:

DEMO

Sin embargo, tal vez sea mejor utilizar uno de los tantos frameworks MVC de PHP que se encuentran disponibles para elegir: CakePHP, Symfony, CodeIgniter, Kohana, Zend, Yii, Lithium, etc. Despues de todo, dichos frameworks traen incoporadas más funcionalidades y deberían ser mucho más seguros, ya que son usados por  miles de personas y por lo tanto están muy bien testeados.

Ventajas de utilizar un framework desarrollado internamente:

• lo conocemos a la perfección
• podemos modificarlo fácilemente para agregar funcionalidades a medida que son necesarias
• no está sobrecargado con  funcionalidades que raramente utilizamos

Ventajas de utilizar uno de los frameworks disponibles para PHP:

• mejor testeado, menos bugs y más seguridad
• más funcionalidades disponibles, por ej: I18N, Caching, ORM, etc
• utilizar convenciones y técnicas probadas

Es por eso que nos hemos  embarcado en la tarea de probar y decidir si es que alguno de dichos frameworks es más conveniente que utilizar el nuestro.Lo cual ha resultado una tarea bastante complicada.

Lo primero que hicimos fue leer descripciones y reviews de los frameworks más conocidos, buscando en StackOverflow, en phpframeworks.com, etc. Lamentablemente, no es posible decidirse por un framework basándose sólo en la documentación y reviews, es necesario utilizarlo en un proyecto de la vida real para saber realmente que tan bueno resulta ser. Utilizamos todo lo que leimos para acotar la búsqueda a dos frameworks: Yii y CakePHP

En siguientes posts iremos publicando nuestras experiencias.

Supongamos que tenemos una lista de gastos por fecha y queremos mostrar un gráfico de línea representando el gasto en función del tiempo:



begin();
$max = 0;
foreach ($gastos as $key => $model){
if ($gastos[$key]['Expense']['monto'] > $max) $max = $gastos[$key]['Expense']['monto'];
$gastos[$key]['Expense']['fecha'] = $time->format('M',$gastos[$key]['Expense']['fecha']);
}
$max+=200;
$step = 100;

$flashChart->setTitle('Gastos totales x rubro','{font-size:14px;}');
$flashChart->setData($gastos,'/Expense/monto','{n}.Expense.fecha','Gastos','dig');
$flashChart->axis('y',array('range' => array(0,$max,$step)));
$flashChart->axis('x');
echo $flashChart->chart('area_line',array('colour'=>'#3399AA'),'Gastos','dig');
echo $flashChart->render(450,250,'dig');
?>

El método setData recibe el DataSet, una expresión xpath para indicar cuáles son los valores a graficar, otra expresión xpath para indicar las etiquetas en el eje de las x para esos valores, un nombre para el gráfico y un id de gráfico (de esta forma pueden superponerse varios gráficos en uno).

Es importante destacar que en el ejemplo del código del helper se muestra que la expresión xpath para determinar las etiquetas debería ser "default.{n}.Day.date", pero revisando el código nos dimos cuenta que para que funcione no debe incluirse el nodo "default".

Para mantener los precios siempre actualizados, las tiendas proveen al sitio encargado de comprar los precios de un archivo de texto con la información de sus productos, los precios, la descripción, etc. Diariamente el sitio web analiza estos archivos y actualiza su base de datos.

De esa manera funciona dameprecios.com, el portal de comparación de precios uruguayo que acaba de publicar nuestra empresa.

Se trata de un proyecto muy ambicioso que implica imponer en el usuario de internet de Uruguay una nueva costumbre, un nuevo concepto y de incorporar un nuevo uso para internet, que tanto en Uruguay como en toda Amerérica Latina, no ha sido 100% explotada.

dameprecios.com: portal de comparación de precios

Por el momento, y por estar el proyecto aún en desarrollo, no hemos suscripto una gran cantidad de tiendas, pero poco a poco iremos sumando los principales comercios de Montevideo

Las instrucciones para descargar e instalarlo se encuentran aquí. Una vez descargados todos los archivos, se debe incluir el css y js para poder utilizarlos (recordar incluir también jquery):

<script src="ruta/a/jquery.flexbox.min.js" type="text/javascript">

<link type="text/css" rel="stylesheet" href="ruta/a/jquery.flexbox.css" mce_href="path/to/jquery.flexbox.css" />

Veamos un ejemplo:

Tenemos que crear un DIV, el cual va a ser convertido en el cuadro de texto con autocompletar:

<div id="fb"></div>

Luego, insertamos el código JavaScript:

$(document).ready(function () {
$('#fb').flexbox('resultados.php', {
watermark: 'Seleccione una elemento',
noResultsText: 'No hay resultados',
method : 'POST',
paging: {
pageSize: 15
}

});
});

El script resultados.php debe retornar un string JSON, con el siguiente formato:

{"results":[
{"id":1,"name":"Hormiga"},
{"id":2,"name":"Oso"},
{...} // los demás resultados aquí
]}

El "id" es un entero o un string identificando al elemento y es el valor que es enviado cuando el formulario el enviado.
El "name"  es un entero o un string que es mostrado para cada elemento.

En el siguiente post mostraremos algunas otras opciones que brinda este plugin.