Título: [Snippets] javascript / CSS / HTML5 Publicado por: #!drvy en 18 Marzo 2013, 17:22 pm He pensado que estaría interesante crear un post parecido a "Pequeños Trucos en PHP (http://foro.elhacker.net/php/pequenos_trucos_en_php-t152467.0.html)" o "Librería de Snippets !! (Posteen aquí sus snippets) (http://foro.elhacker.net/net/libreria_de_snippets_posteen_aqui_sus_snippets-t378770.0.html)" pero orientado a javascript y CSS. Se trata de pegar funciones o "código" que facilite la tarea y que nadie tenga que reinventar la rueda xD.
Indicad por favor a que "lenguaje" pertenece: [javascript] - [CSS] - [HTML5] y en caso de usar alguna librería (como jQuery) debéis indicarla también. Ejemplo: [javascript] [jQuery] - Hacer que tu pantalla te de una hostia. Por supuesto el código debe ir entre sus respectivas etiquetas: [code=javascript][/code], [code=css][/code], [code=html4strict][/code]. Como es de costumbre en cualquier post de este tipo.. el autor de este empieza primero así que: [javascript] - Validar usuario,contraseña y correo. Esto es una función que valida (mediante regex) si el input cumple con el objetivo (type). Para "usr" se requiere de un nombre sin espacios, de un mínimo de 4 caracteres y un máximo de 12. No permite ningún carácter que no sea A-Z o 0-9. Tampoco permite letras del tipo ñ ç o acentos (á,ó,é etc.). Para "pwd" se requiere de una contraseña con un mínimo de 6 caracteres (no tiene máximo). Requiere al menos una letra minúscula, una mayúscula y un numero. Aunque acepte caracteres como la ñ o ç (acentos incluidos), no los toma en cuenta a la hora de validar las minúsculas y mayúsculas. Para "mail" se requiere de un correo con las siguientes características: Puede contener letras(A-Z), numeros(0-9), punto(.), barra baja(_), porcentaje(%), mas(+) y menos(-). Necesita 1 arroba(@). El nombre de dominio (aaa.com ) debe ser de al menos 2 letras y la extensión de al menos 2 y un máximo de 5. Devuelve, TRUE en caso de que cumpla y FALSE en caso de que no. No diferencia entre mayusculas y minusculas excepto para "pwd". Código
Uso Código
[javascript] - Generador de contraseña. Esta función la uso con la anterior pero la pongo separada por si acaso. Se trata de una función que genera una contraseña del tamaño que hayas indicado y a partir de los caracteres indicados en la variable "possible". Acepta plenght que es el tamaño (numero de caracteres) de la contraseña... si no se indica asume el numero 10. Hace un while hasta que la contraseña cumpla con el regex indicado (el mismo que el de dm_validate). Devuelve la contraseña generada. Código
En mi caso, en vez de hacer text.match(...)===null, simplemente llamo a dm_validate: Código
Uso Código
[javascript] [jQuery] - Tooltips. Esta función me costo un buen tiempo y una buena quemada de cabeza xD. Genera un tooltip (el típico cuadradito que te dice cosas xD). A diferencia de los millones de plugins para jquery que he visto, esta función elimina su rastro y NO deja ***** en el DOM. Acepta 3 parámetros: target_items = Los objetos donde aparecerá.. (deben llevar el atributo title). css = La clase css del tooltip garbage_collect = Elimina cualquier rastro tanto del tooltip generado como de anteriores. Usar si se llama a la función mas de 1 vez. Código
Css del tooltip. Lo mas importante es que la clase lleve POSITION:ABSOLUTE; para que se pueda mover sobre el elemento. Lo demás es cosa de gustos =) Código
Ejemplo de uso: Código
Código Recuerden usarlo cuando el DOM esta cargado por completo. (http://i.elhacker.net/i?i=hVsGnvKniGI7msZCJBDivWVo) Espero/amos vuestros snippets =) Saludos Título: Re: [Snippets] javascript / CSS / HTML5 Publicado por: Ketchuz en 18 Marzo 2013, 21:31 pm Mostrar correctamente los nuevos elementos HTML 5 en Internet Explorer 6, 7 y 8:
Insertar estas etiquetas en la sección <head>. Código
Título: Re: [Snippets] javascript / CSS / HTML5 Publicado por: #!drvy en 19 Marzo 2013, 21:48 pm Buena =). A ver si se anima mas gente :silbar:
Dejo una replica de la función desde_hasta() en PHP de WHK (http://foro.elhacker.net/php/pequenos_trucos_en_php-t152467.0.html;msg1028613#msg1028613): [javascript] Funcion desde_hasta() Código
Uso: Código
Saludos |