XandruSoft Web Blog

H oy vamos a personalizar nuestra página de error 404. Para quien no lo sepa, se muestra cuando se intenta acceder a una página que no existe o que ha sido borrada. Lo primero que debemos hacer es crear un nuevo fichero al que llamaremos, por ejemplo, 404.php . En este caso añadiremos unos monigotes muy graciosos que encontré y que se pueden descargar desde la página de 404 Toons . Una vez descargado el fichero .zip tenéis que copiarlo en una carpeta dentro de vuestro directorio de trabajo y buscar cuál os gusta más. Después de esto, llega el turno de darle forma a nuestra página 404.php . Para añadir el monigote, copiamos el código que trae en su carpeta correspondiente en nuestra página de error. Tienes que tener cuidado a la hora de escribir el enlace en el lugar donde tenéis almacenados los archivos descargados y añadir la ruta absoluta, ¿por qué? porque las páginas 404 se comportan de forma distinta al resto y puede que, si añades una ruta relativa, te den problemas. Un ejemplo ...

S i queremos dar un toque de color a nuestras páginas en las que tengamos que mostrar estadísticas, podemos utilizar la librería zxchart . Una vez que la descarguemos del Sitio Oficial debemos añadirla en una parpeta dentro de nuestro directorio de trabajo. En esta carpeta podemos encontrar un archivo index.html en el que encontraremos documentación y ejemplos. La gráfica que mostraremos será algo como la que observamos a continuación Para poder mostrar las gráficas debemos añadir el siguiente código en el lugar donde queramos incluirla en nuestro fichero: <object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="300"> <param name = movie value = "zxchart/zxchart.swf?RefreshPeriod=60&datafile=datosgrafica.php&stylefile=zxchart/styles/column4.stl"> <param name = quality value = hi...

S eguimos con la implementación de funciones de validación para nuestros formularios. En esta ocasión validaremos el número de cuenta bancaria . A continuación podéis ver las funciones para PHP . function compruebaCuenta($ofi,$cuenta){ $pesos = Array(1,2,4,8,5,10,9,7,3,6); $x=8; for($x=8; $x>0; $x--){ $digito=$ofi[$x-1]; $dc1=$dc1+($pesos[$x+2-1]*($digito)); } $Resto = $dc1%11; $dc1=11-$Resto; if ($dc1==10) $dc1=1; if ($dc1==11) $dc1=0; for($x=10; $x>0; $x--){ $digito=$cuenta[$x-1]; $dc2=$dc2+($pesos[$x-1]*($digito)); } $Resto = $dc2%11; $dc2=11-$Resto; if ($dc2==10) $dc2=1; if ($dc2==11) $dc2=0; $DigControl=($dc1)."".($dc2); return $DigControl; /*if (strlen($num)==20) if(ereg("^[0-9]+$",$num)) return true; if (strlen($num)==23) if(ereg("^([[:digit:]]{4})*-*([[:digit:]]{4})*-*([[:digit:]]{2})*-*([[:digit:]]{10})$",$num)) return true; return false;*/ } Donde $ofi contiene los 8 primeros dígitos del número de cuenta y ...

D entro del apartado de configuracuión de funciones de validación de formularios para la librería validate de jQuery y para PHP, esta vez nos toca añadir las restricciones de validación de email. Aunque la librería validate de jQuery incluya una función propia de validación de email , creo que no es lo suficienteme restrictiva, por ello he modificado dicha función y de paso he creado la función en PHP para la validación en el lado del servidor . Plugin de jQuery Validate function(value, element) { // contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/ return this.optional(element) || /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,5})$/.test(value); }, PHP function compruebaEmail($email){ if (eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,5})$", $email)) return true; return false; } Si no sabes cómo usar la librería Validate de jQuery lee el siguiente post: Validación de ...

U na vez que tenemos configurada la librería validate de jQuery, es el turno de añadir algunas funciones que le añadan funcionalidad. Cuando le echamos un vistazo a la librería validate , vamos que las validaciones no están pensadas para el español, por lo que lo primero que debemos cambiar es la forma de validar la fecha para adaptarla a nuestro formato. He creado la función tanto para jQuery como para PHP . Plugin de jQuery Validate function(value, element) { if(!/Invalid|NaN/.test(new Date(value))){ var d = value.substr(0,2); var m = value.substr(3,2); var a = value.substr(6,4); if((a return false } else{ if((a%4 != 0) && (m == 2) && (d > 28)){ return false; } else{ if ((((m == 4) || (m == 6) || (m == 9) || (m==11)) && (d>30)) || ((m==2) && (d>29))){ return false; } } return true; } } return this.optional(element); }, PHP function compruebaFecha($date){ if ($date == "" || $date == "dd/mm/aaaa"...

L a librería validate de jQuery nos permite validar múltiples formatos, pero lo mejor de todo es que es totalmente configurable. Cuando estamos creando un formulario en el que los usuarios han de insertar sus datos, muchas veces necesitamos que introduzcan su verdadero DNI . Para comprobarlo, he creado dos funciones, una para la librería de jQuery y otra para validación en la parte del servidor con PHP . Plugin de jQuery Validate nif: function(value, element) { if(/^([0-9]{8})*[a-zA-Z]+$/.test(value)){ var numero = value.substr(0,value.length-1); var let = value.substr(value.length-1,1); numero = numero % 23; var letra='TRWAGMYFPDXBNJZSQVHLCKET'; letra=letra.substring(numero,numero+1); if (letra==let) return true; return false; } return this.optional(element); }, PHP function compruebaNIF($num){ if (strlen($num)==9) if(ereg("^([0-9])*([A-Z])$",$num)) if($ret = $this->compruebaLletraNIF($num)) return true; if (strlen($num)==10) if(ereg(...

P ara poder validar los campos de un formulario con jQuery desde el lado del cliente, lo primero que debemos hacer es descargar la librería jQuery , en caso de no tenerla, desde la página oficial del proyecto y segundo descargar el publing validate desde aquí . Para poder usar el pluging validate lo único que debemos hacer es mover el contenido de los ficheros descargados, por ejemplo, a la carpeta js y estará listo para usar. El código que debemos añadir al HTML es: Dentro de la cabecera //realizar una llamada a la librería jQuery y a Validate <script language="javascript" src="js/jquery.js"></script> <script language="javascript" src="js/jquery.validate.js"></script> <script type="text/javascript"> //Una vez que se cargue la primera parte de la página ya se podrá usar la librería  $().ready(function() {   // validate the comment form when it is submitted   ...