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 setTim...

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 y HTML esto puede ser posible.   Método 1:  Podemos utilizar el atributo onkeypress devolviendo el valor de false, si es que se escribe un caracter distinto a la cadena que hemos definido (para el ejemplo es " áéíóúabcdefghijklmnñopqrstuvwxyz").   Método 2: 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ódigo En 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 us...

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 y   strripos. 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...

¿ 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" ...

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) < input type = "button" value = "!Aparece!" onclick = "funcion_aparecer()" > < div id = " miModal " > < p > Hola esto es un modal personalizado, acá podrás todo el contenido que quieras </ p > < input type = "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 : 1 px solid black ; display : none ; /*Con esto hacemos inv...

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 < script src = "jquery.js" > < / script > < script src = "jquery.validate.min.js" > < / script > < script type = "text/javascript" > $ ( function ( ) { $ ( '#mi_form' ) . validate ( { rules : { 'correo' : { email : true , remote: { url: "enviar.php" , type: "post" , data: { correo : function () { return $ ( "#id_email" ) . val ( ) ; } ...