Miguel Manchego http://www.miguelmanchego.com php, css, ajax y diseño web Mon, 22 Feb 2010 12:17:16 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Slider 3D con Flash y XML http://www.miguelmanchego.com/2010/slider-3d-con-flash-y-xml/ http://www.miguelmanchego.com/2010/slider-3d-con-flash-y-xml/#comments Mon, 22 Feb 2010 12:17:16 +0000 admin http://www.miguelmanchego.com/?p=757 Hace un tiempo que no escribo nada, cosas del trabajo en fin veamos este Slider, la verdad es que últimamente uso poco el flash, lo he reemplazado casi en su totalidad por jquery y alguno de los tantos plugins sin embargo creo que flash sigue siendo bueno para lo que fue creado originalmente es decir mostrar animaciones y no creo que este slider 3D CU3ER pueda hacerse usando javascript.

¿Cómo usar CU3ER?

  • Primero lo descargamos totalmente gratis de AQUI, y descomprimimos la carpeta.
  • Le sacamos una copia al config.xml y allí configuramos las imágenes que deseamos mostrar, los links y otros detalles
  • Finalmente pegamos el código flash ya sea que uses el script que tra CU3ER o algún plugin de jquery

¿Por qué usar CU3ER?

  • El tipo de animaciones 3D son más llamativas que otros sliders
  • Ya que es sólo una animación no va a afectar en nada nuestro SEO
  • Es fácil de incluir en nuestro sitio y de personalizar
]]> http://www.miguelmanchego.com/2010/slider-3d-con-flash-y-xml/feed/ 1 Diferencias entre envio GET y POST http://www.miguelmanchego.com/2010/diferencias-entre-envio-get-y-post/ http://www.miguelmanchego.com/2010/diferencias-entre-envio-get-y-post/#comments Thu, 11 Feb 2010 13:13:49 +0000 admin http://www.miguelmanchego.com/?p=752 Este es un tema bastante básico pero ya que han habido varias consultas al respecto me pareció interesante comentarlo y sobre todo explicar como aplicarlo, por cierto los conceptos usados aquí son iguales cuando se usa una web modular.

Método GET

Este método envia las variables dentro de la propia URL (dirección) de la página, concatenadas(unidas) por ampertands(&) quedando algo así:

1
http://www.mipagina.com/index.php?page=mia&variable2=valor2&variable3=valor3......

Hasta ahí muy interesante, seguro ya lo leiste mil veces pero ¿para qué sirve eso? pues lo bueno es que podemos enviarle variables a PHP desde links simples sin necesidad de usar formularios o podríamos guardar estas cadenas en un mapa del sitio y google indexaría nuestras busquedas, muy util tambien para crear esos botones de editar donde queremos que se envie el ID del objeto para editar, si fuera mySQL sería algo así.

1
echo '<a href="editar.php?id='.$row[miId].'">Editar</a>';

Método POST

Este método sólo se puede usar con formularios, y la información no se envía por la URL sino que es invisible al usuario (eso en teoría porque usando firebug podríamos ver que se envía en realidad).
¿Para qué sirve POST?
pues para enviar grandes campos de texto, subir imágenes, para no distorcionar nuestra URL amigable con un colección de variables.

¿Cómo las envío?
Pues así:

1
2
3
<form name="miformulario" action="mipagina.php" method="POST">
 <input type="text" size="20" name="mivariable1">
</form>

¿Cómo recibo las variables?

Pues depende si usamos GET o POST, quedaría algo así

1
2
echo $_GET['mivariable']:
echo $_POST['mivariable']:

Variables en una web modular

Es exactamente igual que si no fuera modular, tengamos presente que los valores GET y POST se comparten entre todos los archivos que fueron incluidos en la web modular ya que estos se unen como un todo, de tal forma que si envio esto:

1
2
3
<form name="miformulario" action="index.php?page=mipagina" method="POST">
 <input type="text" size="20" name="mivariable1">
</form>

Puedo invocar a la variable POST en cualquiera de los archivos que la componen, header, footer y por supuesto contenido

]]> http://www.miguelmanchego.com/2010/diferencias-entre-envio-get-y-post/feed/ 0 Elementos de interfaz(UI) para web http://www.miguelmanchego.com/2010/elementos-de-interfaz-ui-para-web/ http://www.miguelmanchego.com/2010/elementos-de-interfaz-ui-para-web/#comments Mon, 08 Feb 2010 14:48:29 +0000 admin http://www.miguelmanchego.com/?p=746 Siempre ando buscando recursos para web y me encontré con esta interesante colección de elementos de interfaz totalmente gratis lista para usar en algún proyectos con ajax. Incluye botones, avisos, barras de desplazamientos, menus, combos, etc.

Web UI set

Pueden bajarla AQUI

Ni bien publiqué este post me encontré con otras opciones muy interesantes que incluyen no sólo botones, también cursores e incluso elementos de interfaz, pueden verlo AQUI

]]> http://www.miguelmanchego.com/2010/elementos-de-interfaz-ui-para-web/feed/ 1 Ofuscador de código para PHP http://www.miguelmanchego.com/2010/ofuscador-oculta-codigo-para-php/ http://www.miguelmanchego.com/2010/ofuscador-oculta-codigo-para-php/#comments Wed, 03 Feb 2010 12:48:27 +0000 admin http://www.miguelmanchego.com/?p=742 Una vez que acabamos de programar nos gustaría que nuestro código no se ande replicando y siendo usado por otros, robando nuestro trabajo sin embargo como PHP no se compila, nuestro código fuente queda desprotegido.

He probado algunos ofuscadores de código que hacen el código muy ilegible y dificil de entender, ojo eso no es igual que codificar simplemente lo hacen poco comprensible. Este muy sencillo ofuscador online me parece genial para evitar que pirateen las clases que conforman nuestro script, pueden dare un vistazo aqui

Requiere el uso de la librería gzip, la cual la tienen prácticamente todos los servidores en Internet así que por ahí no hay problemas, veamos un ejemplo:
Código Original

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
class MySQL{
private $conexion;
private $total_consultas;
public function open(){
if(!isset($this->conexion)){
    $this->conexion = (mysql_connect(_host,_user,_password)) or die(mysql_error());
    mysql_select_db(_database,$this->conexion) or die(mysql_error());
}
}
public function consulta($consulta){
    $this->total_consultas++;
    $resultado = mysql_query($consulta,$this->conexion);
    if(!$resultado){
        echo 'MySQL Error: ' . mysql_error().'<br>'.$consulta;
        exit;
    }
    return $resultado;
}
public function fetch_array($consulta){
    return mysql_fetch_array($consulta);
}
?>

Codigo Ofuscado

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
// Este archivo es protegido por la ley del derechos de propiedad literaria. La ingenieria inversa de este codigo se prohibe estrictamente.
eval(gzinflate(base64_decode('
dZJNTsMwEIXXqdQ7DFKkOGroAWhJV+xggTiA5TgT
xVKI0/EEGiHujp20tIRW8sKen2/es73LF9tdV3fL
hW6Uc/AyvL0+fy0XHZkPxQixti0ejG03FzG2rBrp
M65vWLmQ6ovGaKj6VrMvBtthK1LPMZW4M84hi5hr
4+7zEy8N2WgWhEcQ74Pbj/AWNQtZW8eZ7B1SJjuv
8NNSmaZgCUqDx2IksiTS1AuJpojDxnfLshCyVKwK
5TCbC7jJ+B7X3NLJrohPu0sHsytZrYKWmHA8ltYb
m8bse6ThjPgnKrSFOzu3jlMi1LWFZHwdeApSHyCB
NfzRvk62BeXJ+pe+GTsPhsPGW4oIuacWzvDNVasV
sq6lIlLDzO0RMI29XjYhd+Ff/QA=
')));
?>

Creo que queda lo suficientemente incomprensible o no? :)

]]> http://www.miguelmanchego.com/2010/ofuscador-oculta-codigo-para-php/feed/ 2 Agregar Borrar campos usando ajax parte 2 http://www.miguelmanchego.com/2010/agregar-borrar-campos-usando-ajax-parte-2/ http://www.miguelmanchego.com/2010/agregar-borrar-campos-usando-ajax-parte-2/#comments Mon, 01 Feb 2010 23:44:54 +0000 admin http://www.miguelmanchego.com/?p=737 En un post anterior expliqué como se podían agregar campos usando jquery, varias personas me preguntaron como hacer para borrar un campo específico, pues es muy simple en realidad, veamos:

Agregando campos

Necesitamos hacer que se agreguen campos pero además que estos aparezcan con un link que nos permita borrarlos, además para poder identificarlos vamos a ponerle un contador.

1
2
3
4
5
emails=0;
function agregar() {
    emails=emails+1;
    $("#campos").append('<li class="email'+emails+'"><input type="text" name="email[]" size="25" />&nbsp;&nbsp;<a href="#" onclick="javascript:borrar('+emails+');">Borrar</a></li>');
}

De esta forma se creará un li con una clase email1, email2, email3, etc. y un link con un javascript que invoca a la función borrar(1), borrar(2), etc.

Borrando los campos

La función que borra los campos que ya no requerimos es muy simple, únicamente un selector jquery que busca la clase email1, email2… o la que corresponda y con remove se elimina, ese return false evita que “salte” la página cuando le damos click al link borrar.

1
2
3
4
function borrar(cual) {
    $("li.email"+cual).remove();
    return false;
}

Como ven con sólo un par de líneas ya esta funcionando, espero les sea util este post.

Demo

]]> http://www.miguelmanchego.com/2010/agregar-borrar-campos-usando-ajax-parte-2/feed/ 0