Archive for month: January, 2009

Nuevo Firebug 1.3

Categories: Otros - Tags: , ,

Firebug es una de esas herramientas indispensables para todo diseñador o programador, es facil de descargar e instalar en Firefox desde su página web

¿Para qué sirve Firebug?

- Puedes revisar con un par de clicks los estilos de cualquier elemento de la página.
- Puedes modificar los estilos en tiempo real
- Puedes verificar tu código AJAX
- Puede depurar javascript
- Puedes probar el tiempo de respuesta de tu página
- Y puedes hacer un laaaargo etc, etc.

Este nuevo firebug incluye un mejor manejo de javascript, mucho mas veloz, mejoras en la consola y línea de comandos y varios bugfixes

Filemanager para NicEdit 0.9

Categories: AJAX, Otros, PHP - Tags: , , ,

NicEdit es un pequeño pero muy potente editor WYSIWYG, pero le faltaba una herramienta muy util como es un administrador de archivos que además incluya la capacidad de subir archivos, es por eso que he programado este pequeño administrador de archivos ahora actualizado para funcionar en la versión 0.9 r23

Configura filemanager

Antes de usar este administrador de archivos para nicedit, primero edita este archivo:
filemanager/confic.inc.php

Para indicar la ruta donde estan tus imagenes:
Path Relativo: ../../userfiles/
Path Absoluto: http://www.mydomain.com

Para sitios en internet es mucho mejor que definas un path absoluto
Verifica que la carpeta con tus imagenes sea escribible

How to configure filemanager?

Before use filemanager in your server, first edit this file:
filemanager/confic.inc.php

To set set your folder path
Relative Path: ../../userfiles/
Absolute Path: http://www.mydomain.com

For sites in internet is much better use Absolute Path
Verify that your folder to upload pictures is writable

Descarga Aqui
Download Here

Combos dependientes AJAX

Categories: AJAX, PHP - Tags: , , ,

Muchas veces necesitamos crear combos que se llenen según lo que elegimos en otro combo, por ejemplo si tenemos un combo paises queremos que cuando se elija un país, otro combo se llene con las ciudades o estados.
Seguramente haz visto otros tutoriales y ejemplos pero estos son muy dificiles de modificar a lo que tu deseas, asi que he decidio implementar estos combos dependientes con jquery y con 2 archivos php llamados combo1.php y combo2.php, donde puedes modificar facilmente lo que desees que haga el combo.

Crear los combos dependientes

Veamos primero el codigo html que vamos a usar para este ejemplo

1
2
3
4
5
6
7
8
9
<select name="combo1" id="combo1"> 
    <option value="op1_1">Option1</option>
    <option value="op1_2">Option2</option>
    <option value="op1_3">Option3</option>    
</select>
<select name="combo2" id="combo2"> 
</select>
<select name="combo3" id="combo3"> 
</select>

Ojo: puedes cambia el nombre de los combobox al que desees pero no modifiques el ID

Implementando la función JQuery

Voy a postear el codigo unicamente para el primer combo, ya que el segundo es practicamente igual (si deseas ver el codigo completo basta que descargues el ejemplo)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function(){
// Creamos el evento change para detectar el elemento elegido
$("#combo1").change(function () {
    $("#combo1 option:selected").each(function () {
                        // capturamos el valor elegido
            elegido=$(this).val();
                        // Llamamos al archivo combo1.php
            $.post("combo1.php", { elegido: elegido }, function(data){
                        // Asignamos las nuevas opciones para el combo2
            $("#combo2").html(data);
                        // reseteamos el combo3
            $("#combo3").html("");
        });        
        });
   })
});

Modificando las opciones mostradas

Si descargas el ejemplo veras que hay 2 archivos: combo1.php y combo2.php los cuales contiene un echo que segun el valor enviado imprime el contenido del combo2 y combo3 respectivamente. Si quisieras hacer que invoquen una base de datos simplemente pega tu codigo de conexión con un bucle que imprima el contenido del combo, es decir una cadena con los select.

1
2
3
4
5
6
$rpta= '
    <option value="op2_1">Option1</option>
    <option value="op2_2">Option2</option>
    <option value="op2_3">Option3</option>
    '
; 
echo $rpta;

Puedes descargar todo el codigo AQUI
Puedes ver la demo AQUI

Agrega metatags a tu pagina

Categories: Otros, Posicionamiento - Tags: , ,

Cuando buscamos una página web en google o yahoo vemos que aparece una descripción del contenido, sin embargo nuestras páginas no aparecen con la descripción que quisieramos o aparecen cosas sin sentido, ¿Cómo arreglo eso? Pues usando metatags

¿Qué son los metatags?

Las metatags son etiquetas html que se incorporan en el encabezado de una página web y que resultan invisibles para un visitante normal, pero de gran utilidad para navegadores u otros programas que puedan valerse de esta información.
Su propósito es el de incluir información (metadatos) de referencia sobre la página: autor, título, fecha, palabras clave, descripción, etc.
Esta información podría ser utilizada por los robots de búsqueda para incluirla en las bases de datos de sus buscadores y mostrarla en el resumen de búsquedas o tenerla en cuenta durante las mismas y será invisible para un visitante normal.

¿Cómo uso los metatags?

Debemos incluirlos entre las etiquetas “head” (encabezado de nuestra página web), los más importantes son:

1
2
3
<meta name="title" content="Titulo de nuestra página" />
<meta name="keywords" content="palabras, claves, separadas, por, comas" />
<meta name="description" content="Una breve descripcion de nuestra página" />

Es importante recordar que los buscadores usan principalmente la descripcion y el titulo de los metatags para realizar las busquedas por lo que debemos ser muy cuidadosos para elegirlos.

Clase PHP manejo base de datos

Categories: PHP - Tags: , ,

Cuando programamos en php, hay cosas que siempre hacemos una y otra vez, una de ellas es la conexión a la base de datos para eso es mejor usar clases que encarguen de esas tareas repetitivas y ademas permiten hacer un codigo estandar con una sola conexion.

Primero necesitamos un archivo para configurar la conexión de toda nuestra aplicación php
config.inc.php

1
2
3
4
5
6
<?php
define("_host", "localhost");
define("_user", "root");
define("_password", "");
define("_database", "mibasededatos");
?>

Luego en nuestros archivos incluimos la configuración y la conexion de base de datos:

1
2
3
4
<?php
include("config.inc.php");
include("mysql.class.php");
?>

Finalmente para usar la clase seria:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/// Creamos el nuevo objeto de base de datos
$db = new MySQL();
/// Abrimos la conexión
$db->open();
/// Ejecutamos la consulta
$consulta = $db->consulta("SELECT * FROM news ORDER BY new_id DESC");
/// Finalmente un bucle para mostar datos
if ($row = $db->fetch_array($consulta)) {
do {
echo
$row['new_title'];
}while($row = $db->fetch_array($consulta));
}
?>

Puedes descargar la clase aqui