He pensado que estaría interesante crear un post parecido a "Pequeños Trucos en PHP" o "Librería de Snippets !! (Posteen aquí sus snippets)" 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".

var dm_validate = function(input,type){
   switch(type){
      case "usr":
         regex = /^[a-z0-9]{4,12}$/i;
         break;
      case "pwd":
         regex = /(?=.*)(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z]).{6}/;
         break;
      case "mail":
         regex = /^[A-Z0-9._%+-]+@[A-Z0-9\.\-]{2,}\.[A-Z]{2,5}$/i;
         break;
   }
   if(input.match(regex)){return true;}else{return false;}
};

Uso

dm_validate("drvy","usr");

---

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

var dm_pwdgenerator = function(plenght){
   if(plenght===undefined){plenght = 10;}
   var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789:!,.;$/()=-_';
   var text='';
   while (text.match(/(?=.*)(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z]).{6}/)===null){
      text = '';
      for(i=0;i<plenght;i++){
         text += possible.charAt(Math.floor(Math.random() * possible.length));
      }
   }
   return text;
};

En mi caso, en vez de hacer text.match(...)===null, simplemente llamo a dm_validate:

while (dm_validate(text,'pwd')!==true){

Uso

console.log(dm_pwdgenerator(6)); // Escribe en la consola, una contraseña de 6 caracteres

---

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

var dmToolTip2 = function(target_items,css,garbagecollect){
	initialized=undefined;
	oldtitle=undefined;
	$(target_items).on('mouseover', function(event){
		if(initialized===undefined && $(this).attr('dmtooltip2')===undefined){
			newid = 'dmToolTip2';
			element = $(this);
			if(element.attr('title')===undefined){return false;}
			element.attr('dmtooltiptitle',element.attr('title'));
			element.attr('dmtooltip2','set');
		} else {return false;}
		$('body').append('<div class="'+css+'" id="'+newid+'"><p>'+element.attr('dmtooltiptitle')+'</p></div>');
		my_tooltip = $('#'+newid);
		my_tooltip.css({display:"none"}).fadeIn(400);
		element.removeAttr('title');
	})
	.on("mouseout", function(event){
		initialized = undefined;
		element.removeAttr('dmtooltip2');
		element.attr('title',element.attr('dmtooltiptitle'));
		element.removeAttr('dmtooltiptitle');
		if(garbagecollect===true){$("[id*=dmToolTip2]").remove();} else {$("#"+newid).remove();}
	})
	.on("mousemove",function(kmouse){
		var border_top = $(window).scrollTop();
		var border_right = $(window).width();
		var left_pos; var top_pos; var offset = 20;
		if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){left_pos = kmouse.pageX+offset;}
		else {left_pos = border_right-my_tooltip.width()-offset;}
		if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){top_pos = border_top +offset;}
		else {top_pos = kmouse.pageY-my_tooltip.height()-offset;}
		my_tooltip.css({left:left_pos,top:top_pos});
	});
};

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 =)

.maintip {max-width:300px; min-width:100px; padding:3px; margin:0px 0px 0px -20px; font-size:16px; color:#FFF; border-radius:7px 7px 7px 0px; position:absolute; background:#CACACA; z-index:999; left:-9999px; font-family:"Segoe UI",Arial, Helvetica, sans-serif;}
.maintip p {background:#222; color:#FFF; text-shadow:#000 0px 0px 5px; border-radius:3px; padding:3px; letter-spacing:1px; position:relative; margin:0px;}

Ejemplo de uso:

dmToolTip2("#midiv a","maintip");

<body>
   <div id="midiv">
      <a href="www.google.com" title="¿Porque te quieres ir?">Ir a Google</a>
   </div>
</body>
 

Recuerden usarlo cuando el DOM esta cargado por completo.

---

Espero/amos vuestros snippets =)

Saludos

NO NO y NO.

No me compares un telefono movil grande con un ordenador. No digas que un ordenador significa un portatil, porque también los hay de sobremesa. No puedes comparar una tablet con un ordenador ¬¬


Claro, lo mismo pasa con un portatil. Si solo le enciendes cuando lo necesitas... puedes pasarte 3 años con una carga no te jode.


Para empezar, no es lo mismo salir de reposo, que encendido rapido. Y aun así:

Tardan mas que un Pentium 4 con Windows Vista. No hablar de que si le pones un i5 y un SSD tardara como 4-5 segundos en arrancar (entero). Y mas aun: No compares un sistema operativo que pesa 10 Gigas con un sistema operativo que no llega ni a los 2.


Eh ? No estan avanzando en la direccion correcta. Estan avanzando en otra direccion totalmente distinta. Los juegos de tablets y/o smartphones se centan en el uso de sus sensores (movimiento,luz,gps) en cambio los de portatiles y/o sobremesa se centran en el teclado y el raton. Cuando vea BF3, FarCry3 o COD MW3 correr en una tablet.. me callo.

Las demás comparaciones son absurdas pues están a favor de las tablets.. precisamente por eso existen los tablets..

Saludos

¿ Que es esto ? Una empresa fan de Microsoft ? xD


Emmm, no hace falta hacer un estudio y tener conocimientos "espaciales" para dar se cuenta de ello. Sin ir mas lejos, Microsoft es una empresa que desarrolla software. Habrá como 99999999999^10101001 empresas que compiten y/o desarrollan software.

Es imposible por mucho que lo intentes que esas 99999999999^10101001 empresas no tengan mas vulnerabilidades en sus software que una sola.

Saludos

En la documentación de PHP puedes ver que los recursos (resource ID) y algunos objetos no pueden ser serializados y por tanto no se pueden guardar en sesiones. Mysql y Mysqli cumplen con eso y sus resources/objects no pueden ser guardados.

http://www.php.net/manual/es/intro.session.php

Si usas POO puedes guardar $conexion en una variable del Class y así la puedes solicitar en cualquier función(del class). Si usas scripting normal, puedes hacerla global.

Saludos

Hola,

view-source:http://paxomnis.com/projects/ninoschispix/

Tienes el código muy mal estructurado. Abres y cierras etiquetas HTML.. tienes <script> duplicados. Abres un <script> por cada función...

Normalmente, en una pagina html, solo puede haber 1 etiqueta HTML. Osease, si la abres, no la cierras hasta el final de la pagina.
Puedes abrir 1 etiqueta script, y meter cuantas funciones quieras dentro. No hace falta abrir 1 etiqueta por cada función.

Organiza un poco el html ... así a primera vista es lo que falla.

PD: Al parecer solo pasa en Chrome. Firefox y IE cumplen bien. Aunque en IE la pagina esta mal centrada.

Saludos

Hola,

En PHP tienes:

$texto = htmlentities($texto, ENT_QUOTES);

PD: El ENT_QUOTES es para que convierta también las comillas simples.

Saludos

No se que pasa que últimamente ni dios se explica bien. Habéis pasado de describir el problema a poner una imagen y dejar la adivinanza a los demás usuarios... aquí lo de "1 imagen vale mas que mil palabras" no tiene crédito..

Básicamente lo que se ve en la imagen (los recuadros) es:

1 - Versión del MOD.
2 - Versión de SMF en la que se podría instalar el MOD.
3 - Versión de SMF en la que se podría desinstalar el MOD.

Sin embargo ten cuidado. Si el mod esta hecho para una versión vieja de SMF igual te cargas el foro entero. SMF tiene una pésima implementación en cuanto a instalación/utilización de mods se refiere. Igual lo que funciona en la 2.x.1 no funciona en la 2.x.2


Saludos

Yo conozco a este

http://www.youtube.com/watch?v=PtbG92kX66I

PD: Recuerden... el no es hacker... el es "hacker hacker hacker"

Saludos
 
 

Generalmente no tiene porque. Normalmente en un servidor casero, Apache escucha únicamente en la IP 127.0.0.1:80 o lo que es lo mismo.. tu maquina en el puerto 80.

Por supuesto, puedes configurarlo para que sea accesible desde todas las IPs... pero by default no deberías tener ningún problema. De todos modos, si practicas con poner el servidor accesible y programas en PHP aplicaciones inseguras... quizás algún curioso te pueda meter una shell xD Asi que asegurate de preocuparte de la seguridad de tus scritps =)

PD: También puedes mirar en el http.conf para poner las reglas order allow,deny.

Saludos

Me gustaría ver una tercera parte de Mafia. Cuando lo jugué me quede con la boca abierta y no quería que terminase. Creo que ya lo están desarrollando para PS4 y xbox pero me gustaría jugarlo en PC. Aparte, True Crime NY también tuvo lo suyo... y con la tecnología actual (en cuanto a juegos se refiere).. creo que podrían hacer una segunda parte bastante interesante.

Saludos