¿Qué es Mysqli ?

Básicamente es una extensión que nos permite conectarnos a mysql, claro con algunas ventajas, viene incluida en PHP5 o superiores

Ventajas:

• Una Interfaz orientada a objetos
• Posibilidad de seguir programando por el método procedural
• Se incorpora un protocolo binario mejor que el anterior
• Se aumenta la velocidad de ejecución en muchas funciones
• Posibilidad de consultas preparadas (Mayor seguridad y velocidad)
• Transacciones (ACID)
• Mayor seguridad en las conexiones

Aquí  les dejo un buen artículo sobre el mysqli, en un rato mas subo un post sobre PDO también. Espero les sirva la información.

http://dealnews.com/developers/php-mysql.html En ingles

http://www.tufuncion.com/select-mysqli-pdo-php En español

Y pues buenos la liga de donde puedes descargar el ejemplo y los videos es:

http://css-tricks.com/designing-for-wordpress-complete-series-downloads/

Disfrútenlo y espero no dejar este blog varado una vez mas :s

Para su utilización necesitaremos los descargar los archivos de la siguiente dirección: http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps también los archivos vienen con el ejemplo que esta al final del documento.

La estructura de la tabla a utilizar es la siguiente:

<table id="demoTable" style="border: 1px solid #ccc;" border="0" cellspacing="0" width="700">
<thead>
<tr>
<th><strong>Col 1</strong></th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>información 1</td>
<td>información 1</td>
<td>información 1</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">
<div class="paginationTitle">Página</div></td>
</tr>
</tfoot></table>

Agregamos las librerías (jquery.js, jTPS.js) y la hoja de estilo (jTPS.css) que descargamos anteriormente:

<script language="JavaScript" type="text/javascript" src="jTPS/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="jTPS//jTPS.js"></script>

<link rel="stylesheet" type="text/css" href="jTPS/jTPS.css">

Lo siguiente es agregar el código en javascript (jquery) :

$(document).ready(function () {
			$('#demoTable').jTPS( {perPages:[5,12,15,50,'Todos'], // demoTable es el id de nuestra tabla, y especificamos los modos de paginación
								   scrollStep:1,scrollDelay:30, // Retardo en el desplazamiento de la páginas..
								   perPageText:'Cantidad por página ' // Texto que aparece en la sección inferior de la tabla..
								   } );
 
			$('#demoTable tbody tr:not(.stubCell)').bind('mouseover mouseout',
				function (e) {
					e.type == 'mouseover' ? $(this).children('td').addClass('hilightRow') : $(this).children('td').removeClass('hilightRow');// Iluminado  de las filas..
				}
			);
		});

Por último dejo una imagen de cómo se vería el grid, el demo y los archivos para su descarga:

Demo| Descarga

¿Qué son los disparadores (triggers)?

Un disparador es un objeto con nombre dentro de una base de datos el cual se asocia con una tabla y se activa cuando ocurre en ésta un evento en particular. Actualmente, el soporte para disparadores es básico, por lo tanto hay ciertas limitaciones en lo que puede hacerse con ellos.

Estructura de los disparadores:

CREATE TRIGGER nombre_disp momento_disp evento_disp
ON nombre_tabla FOR EACH ROW sentencia_a_realizar

Ejemplo:

Creamos 3 disparadores sobre la tabla de usuarios, estos nos dirán las acciones que se realicen sobre esta (inserción, modificación o borrado).
La estructura de las tablas serán las siguientes:

/* Creamos la tabla de acciones*/
CREATE TABLE acciones(
fecha DATE,
hora TIME,
accion VARCHAR(50),
idusuario int
);
/*Creamos la tabla de usuarios*/
CREATE TABLE usuarios(
idusuario integer PRIMARY KEY,
nombre VARCHAR(50),
apellido VARCHAR(50)
);

Las sentencias para los disparadores son:

/*Disparador para el registro de inserciones*/
DELIMITER |
CREATE TRIGGER inser_usuarios BEFORE INSERT ON usuarios
FOR EACH ROW BEGIN
  INSERT INTO acciones VALUES(CURDATE(),CURTIME(),'Registro insertado',new.idusuario);
END;
| DELIMITER ;
 
/*Disparador para el registro modificado*/
DELIMITER |
CREATE TRIGGER update_usuarios BEFORE UPDATE ON usuarios
FOR EACH ROW BEGIN
  INSERT INTO acciones VALUES(CURDATE(),CURTIME(),'Registro Modificado',old.idusuario);
END;
| DELIMITER ;
 
/*Disparador para el registro eliminado*/
 
DELIMITER |
CREATE TRIGGER delete_usuarios BEFORE DELETE ON usuarios
FOR EACH ROW BEGIN
  INSERT INTO acciones VALUES(CURDATE(),CURTIME(),'Registro eliminado',old.idusuario);
END;
| DELIMITER ;

Una pequeña explicación de las sentencias utilizadas es:-

• DELIMITER: los disparadores (Triggers), están formados por varias instrucciones, por lo tanto, antes de comenzar su definición, debes especificar qué carácter delimita (o separa) siguiente.
• CREATE TRIGGER: Es la sentencia de creación del disparador.
• BEFORE: Indica el momento de acción del disparador
• DELETE: Indica el evento que activará al disparador
• FOR EACH ROW: Define lo que se ejecutará cada vez que el disparador se active, lo cual ocurre una vez por cada fila afectada por la sentencia activadora.

Las palabras clave OLD y NEW permiten acceder a columnas en los registros afectados por un disparador. (OLD y NEW no son sensibles a mayúsculas). En un disparador para INSERT, solamente puede utilizarse NEW.nom_col; ya que no hay una versión anterior del registro. En un disparador para DELETE sólo puede emplearse OLD.nom_col, porque no hay un nuevo registro. En un disparador para UPDATE se puede emplear OLD.nom_col para referirse a las columnas de un registro antes de que sea actualizado, y NEW.nom_col para referirse a las columnas del registro luego de actualizarlo.

Una columna precedida por OLD es de sólo lectura. Es posible hacer referencia a ella pero no modificarla. Una columna precedida por NEW puede ser referenciada si se tiene el privilegio SELECT sobre ella. En un disparador BEFORE, también es posible cambiar su valor con SET NEW.nombre_col = valor si se tiene el privilegio de UPDATE sobre ella. Esto significa que un disparador puede usarse para modificar los valores antes que se inserten en un nuevo registro o se empleen para actualizar uno existente.

En un disparador BEFORE, el valor de NEW para una columna AUTO_INCREMENT es 0, no el número secuencial que se generará en forma automática cuando el registro sea realmente insertado.


Podemos revisar que todo este correcto con las siguientes sentencias:

INSERT INTO usuarios VALUES (1,'Sofia','Hernández Maya');
INSERT INTO usuarios VALUES (2,'Emilio','Díaz Esparza');
INSERT INTO usuarios VALUES (3,'Juan','Esparza');
 
/*Verificamos las inserciones*/
select * from usuarios;
 
/*Revisamos la tabla de acciones */
select * from acciones;
 
/*Modificamos 1 regitro*/
update usuarios set apellido = 'Hernández' where idusuario=1;
 
/*Revisamos la tabla de acciones */
select * from acciones;
 
/*Eliminamos 1 regitro*/
delete from usuarios where idusuario=3;
 
/*Revisamos la tabla de acciones */
select * from acciones;

[Descargar]

El código en css es el siguiente que me parece que es lo suficientemente claro:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

/*Css para los mensajes..*/
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
width:400px;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}

Y la implementación es muy simple, acá un ejemplo:

Mensajes en css

1
2
3
4
5
6
7
8
9
10
11
12

 
Mensajes en css
<div class="error"><strong>Este es un error</strong></div>
<div class="info"><strong>Esta puede ser de información</strong></div>
<div class="success"><strong>Agregando un pequeña lista </strong>
<ul>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>
</div>
<div class="warning"> Otro ejemplo</div>

es cuestión de sólo llamar la clase.

Y bueno para terminar les dejo la descarga de la hoja de estilo y las imágenes con el set antes mencionado.

[Ver online] [Descargar]

PHP [Descargar]
Introducción a javascript [Descargar]
Introducción al xhtml [Descargar]
Introducción al Css [Descargar]
Introducción al Ajax [Descargar]

El libro de php es del sitio de Desarrollo Web y el resto son de librosweb.

Espero sean de su agradado.

El libro está escrito por el programador jefe de Flickr, hasta donde he leido me parece directo. Un excelente libro..

Descargar

Para esto utilizaremos javascript  (jquery), PHP y Mysql. Iniciaremos con la estructura de la base de datos para ellos necesitaremos 3 tablas, que son las siguientes:

País:

CREATE TABLE `pais` (
`idpais` int(10) unsigned NOT NULL auto_increment,
`pais` varchar(50) default NULL,
PRIMARY KEY USING BTREE (`idpais`)
) ENGINE=MyISAM;

Estado:

CREATE TABLE `estado` (
`idestado` int(10) unsigned NOT NULL auto_increment,
`estado` varchar(50) default NULL,
`pais` int(11) NOT NULL default '0',
PRIMARY KEY USING BTREE (`idestado`)
) ENGINE=MyISAM;

Ciudad:

CREATE TABLE `ciudad` (
`idciudad` int(10) unsigned NOT NULL auto_increment,
`ciudad` varchar(50) NOT NULL default ”,
`estado` int(11) NOT NULL default '0',
`pais` int(10) unsigned NOT NULL default '0',
PRIMARY KEY USING BTREE (`idciudad`)
) ENGINE=MyISAM;

Los combos sera algo asi:

<select id="pais" name="pais">
	<option selected="selected" value="0">---------</option>
<option value="&lt;?=$rs[">"&gt;</option>
 
</select>
<div>
<select id="estado" name="estado">
	<option selected="selected" value="0">----------------</option>
</select></div>
<div>
<select id="ciudad" name="ciudad">
	<option selected="selected" value="0">-------------------</option>
</select></div>

Nuestro código en javascript será el siguiente:

$(document).ready(function(){
	$("select").change(function(){
		// Vector para saber cuál es el siguiente combo a llenar
		var combos = new Array();
		combos['pais'] = "estado";
		combos['estado'] = "ciudad";
		// Tomo el nombre del combo al que se le a dado el clic por ejemplo: país
		posicion = $(this).attr("name");
		// Tomo el valor de la opción seleccionada
		valor = $(this).val()
		// Evaluó  que si es país y el valor es 0, vacié los combos de estado y ciudad
		if(posicion == 'pais' & valor==0){
			$("#estado").html('	----------------')
			$("#ciudad").html('	----------------')
		}else{
		/* En caso contrario agregado el letreo de cargando a el combo siguiente
		Ejemplo: Si seleccione país voy a tener que el siguiente según mi vector combos es: estado  por qué  combos [país] = estado
			*/
			$("#"+combos[posicion]).html('Cargando...')
			/* Verificamos si el valor seleccionado es diferente de 0 y si el combo es diferente de ciudad, esto porque no tendría caso hacer la consulta a ciudad porque no existe un combo dependiente de este */
			if(valor!="0" || posicion !='ciudad'){
			// Llamamos a pagina de combos.php donde ejecuto las consultas para llenar los combos
				$.post("combos.php",{
									combo:$(this).attr("name"), // Nombre del combo
									id:$(this).val() // Valor seleccionado
									},function(data){
													$("#"+combos[posicion]).html(data);	//Tomo el resultado de pagina e inserto los datos en el combo indicado
													})
			}
		}
	})
})

Muy bien hasta este momento tenemos las dependencias es decir que combo carga a el siguiente, ahora necesitamos la página donde tendremos información que asignaremos en estos.

combos.php

'.htmlentities($rs["estado"]).'';
	break;
	}
	case "estado":{
		$res = mysql_query("SELECT idciudad,ciudad FROM ciudad WHERE estado= $idcombo order by ciudad ASC");
		while($rs = mysql_fetch_array($res))
			echo ''.htmlentities($rs["ciudad"]).'';
	break;
	}
}
?>

La mayor parte del código viene en su mayoría comentado por lo que no me parece necesario explicarlo.

Ejemplo | Descargar

Bienvenidos a este pequeño espacio donde encontraran un poco de información de mi interés como lo es: programación, internet, software entre otras muchas cosas .

Y pues si bien inicie esta idea con en la dirección http://jjeb.wordpress.com/ me parece que la mejor forma de darle un poco mas de seriedad y atención de mi parte es comprar un dominio… y aquí estoy..  espero que sea de agrado …