Facebook: Cómo saber mi “user id”

20 oct 2011 0 comentarios

Pasos para averiguar o conocer cual es tu id de usuario de Facebook:

  • Inicias sesión con tu cuenta de Facebook
  • Entras en “editar la foto de tu perfil” en http://www.facebook.com/editprofile.php?sk=picture
  • Te situas sobre el enlace que pone “Editar miniatura” y copias la url de ese enlace. Ese enlace tiene un parametro que se llama “id”, y su valor es tu user id.

La url será similar a esta: http://www.facebook.com/ajax/profile/picture/square.php?id=100457345819565&target=profile_pic_iframe (en este ejemplo el id user será: 100457345819565)

jQuery: obtener el ancho y alto originales de una imagen

18 oct 2011 0 comentarios

Con jQuery podemos averiguar el ancho y alto de un elemento utilizando las funciones width() y height(). Pero imaginarios que queremos averiguar el ancho y alto original de una imagen que en sus dimensiones originales son de 800×600, pero que redimensionamos manualmente los atributos de la imagen de esta forma:

<img src="mifoto.jpg" width="333" height="222" id="mifoto" />

Sobre esta imagen si aplicamos directamente las funciones anteriores de jquery nos darian “333″ de ancho y “222″ de alto.

Pero, para averiguar el tamaño original de la imagen, primero eliminamos los atributos (width, heitght) actuales de la imagen con la función removeAttr(), y listo, ya podemos aplicar ahora las funciones width() y height() y obtendremos el tamaño real de la imagen:

$(window).load(function() {
  var imagen = $('#mifoto');

  imagen.removeAttr("width"); // quitamos el atributo width
  imagen.removeAttr("height"); // quitamos el atributo height

  alert( imagen.width() ); // ancho original. Ej. 800
  alert( imagen.height() ); // alto original. Ej: 600
});

Botones con salto de línea

17 oct 2011 0 comentarios

2 soluciones distintas para insertar algún salto de línea (en el texto) los botones de nuestros formularios:

Utilizando “input

<input type="button" value="Pulsa&#x00A;el&#x00A;Botón">

Utilizando “button“:

<button>Pulsa<br/>el<br/>Botón</button>

Resutado final:

CSS: Transparencia (opacity) en todos los navegadores

16 oct 2011 0 comentarios

Ejemplo de como utilizar la propiedad “opacity” de css para que funcione en la mayoría de navegadores (Internet explorer, Firefox, Chrome, Safari, Opera).

Ejemplo de transparencia del 50% de opacidad:

.transparencia {

    zoom: 1;

    /* IE */
    filter: alpha(opacity=50);

    /* Firefox 0.9+, Safari 2.x+, Chrome, Opera 9+, IE 9+ */
    opacity: 0.5;

}

Extraer urls con PHP

11 oct 2011 0 comentarios

Función php para sacar o extraer todas las urls de una determinada cadena, página web… usando expresiones regulares.

function extraerURLs($cadena){
    $regex = '/https?\:\/\/[^\" ]+/i';
    preg_match_all($regex, $cadena, $partes);
    return ($partes[0]);
}

// Llamamos a la función y le pasamos la cadena a buscar
$urls = extraerURLs($cadena);

// Listamos los resultados
foreach($urls as $url){
    echo $url.'<br />';
}