Ir al contenido principal

Entradas

Uso del método setTimeout en Javascript al detalle

Si queremos que después de un tiempo determinado se haga el llamado de una función, entonces lo que debemos usar es el método "setTimeout". El método setTimeout utiliza 2 argumentos como vemos a continuación.

var miSetOut = setTimeout( Funci , Tiempo );
Descripción de cada variable 
Funci : Requerido. Es la función que se ejecutará después de un determinado tiempo.
miSetOut : Con esta variable podemos detener la llamada de la función con el método clearTimeout. Tiempo : Requerido. Es el tiempo transcurrido antes que se ejecute la función(Esta en milisegundos 1000 ms).
Nota : setTimeout es compatible con los principales navegadores (IE, Firefox, Chrome, Opera, Safari).
Observaciones del ejemplo anterior:
Podemos usar también setTimeout sin asignarle a una variable así como en la línea 4 . Pasar cadenas en vez de una función a setTimeout ("alert('Pasaron 2 segundos!')") , puede traer errores no pensados. Ver aquí. El método setTimeout() no detiene la ejecución de l…

Validar campo de texto sólo letras, números con javascript

En algunos casos necesitaremos que el usuario ingrese solamente letras en un campo de texto, impidiendo así el ingreso de números y caracteres especiales. Gracias a Javascript esto puede ser posible. Pasos a seguir:
Crear una lista con todas las letras permitidas (a,b,c ... etc).Crear una lista de teclas especiales tales como (BackSpace , flecha izquierda, flecha derecha, Supr) estas son teclas permitidas aparte de las teclas permitidas en el primer paso.    
Entendiendo el códigoEn la línea 4 la sentencia String.fromCharCode(key) obteniene el caracter presionado por el usuario que añadiendo la sentencia toLowerCase() convertiríamos la letra a minúscula. Con esto guardamos la letra presionada por el usuario en la variable tecla (línea 4).En la línea 5 guardamos en la variable "letras" las letras permitidas por nosotros. En la línea 6 guardamos los keyCode de las teclas especiales como (BackSpace , flecha izquierda, flecha derecha, Supr).De la línea 8 a la 15 se busca si es…

Validar campo de texto sólo números, letras etc... con JQUERY

A veces he tenido la necesidad de validar un campo de texto que sólo permita cierto tipo de caracteres como es el caso de documentos(sólo números) o nombres(letras y no números) y tantas combinaciones que requiera un campo de texto para una determinada página web.
Y ya que vamos a utilizar JQUERY hagamos uso de este plugin de jquery muy fácil de utilizar.

Obtener nombre y formato de archivo con PHP

Con dos lineas de código podemos sacar el nombre y formato de un archivo. ¡A copiar y a pegar se ha dicho!.

$archivo="Franz.jpge";$formato=substr($archivo,strripos($archivo,".")+1);$nombre=substr($archivo,0,strripos($archivo,"."));echo$formato;// "jpge"echo$nombre;// "Franz"¿Que hace el código?Utiliza dos funciones, substr ystrripos.
Lo que hacemos primero es obtener la ubicación del ultimo punto del nombre total del archivo (puede darse el caso que el nombre total del archivo tenga varios puntos) con la función (strripos) , para después utilizar la funcion de PHP (substr) parar cortar el nombre total del archivo desde la ubicación del punto hasta el final, y así obtenemos el formato!. Para el nombre del archivo sin el formato, simplemente cortamos el nombre del archivo total desde el inicio hasta la ubicación del punto.

¿ Como usar Jquery Validate ?

Vamos de una vez al grano.
Tenemos un formulario con un campo de texto y un combo.
Descargar Jquery : http://code.jquery.com/jquery-1.10.2.min.js
Descargar Jquery Validate : http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js

<script src="jquery.js"></script><script src="jquery.validate.js"></script><script>$(function(){$('#miForm1').validate(); }</script><form action="post" id="miForm1"><input type="text"class="required" name="mi_nombre"><select class="required" name="mi_pais"><option value="">Elegir</option><option value="1">Peru</option></select><input type="submit" value="Enviar"></form> Demostración:
Email
Pais
ElegirPeru
Enviar
Importante :

 No olvidar agregar el atributo name a todos campos y combos del formulario.Los combos deben …

Como crear un modal personalizado

Sólo se necesita saber un poco de HTML, JAVASCRIPT y CSS. ¡Empezemos!

Lo primero que tenemos que hacer es la estructura del modal (HTML), que sería una pequeña estructura HTML y también el botón con el cual haremos aparecer el modal. ¡Veamos!

Estructura del modal (HTML) <inputtype="button"value="!Aparece!"onclick="funcion_aparecer()"><divid="miModal"><p>Hola esto es un modal personalizado, acá podrás todo el contenido que quieras</p><inputtype="button"value="¡Cerrar modal!"onclick="funcion_cerrar()"></div> Ahora necesitamos que la estructura del modal aparezca "flotando" y al medio, para eso usamos CSS. ¡Veamos!

Código CSS <style> #miModal{ background: #B3E6F0;border: 1pxsolidblack;display: none;/*Con esto hacemos invisible al modal del inicio*/left: -210px;/*Con estas 2 propiedades */margin-left: 50%;/*hacemos que el modal se centre*/padding: 10px;p…

Jquery Validate con Ajax

Hay ocasiones en donde tenemos que validar datos que se encuentran en nuestra Base de Datos, para eso Jquery Validate tiene un metodo para realizarlo de forma sencilla , veamos un ejemplo.

Si no sabes utilizar Jquery Validate entra aquí.
Veamos un ejemplo :


HTML - JAVASCRIPT <scriptsrc="jquery.js"></script><scriptsrc="jquery.validate.min.js"></script><scripttype="text/javascript"> $(function(){$('#mi_form').validate({ rules : {'correo' : { email : true, remote: { url: "enviar.php", type: "post", data: {correo: function(){return$("#id_email").val(); }}}}}, messages : {'correo' : { remote : 'Este correo no es valido', email : 'Debe ser un correo valido', …