Posts Tagged ‘javascript’

  • Geolocacion en Javascript

    0

    Hoy en dia es super importante localizar a nuestros visitors, por eso hay varias APIs que nos permiten a partir de la IP saber desde donde estan haciendo el request. MaxMind es una base de datos con una version open source la cual nos permite hacer llamados a sus funciones para poder determinar los datos de locación del request. Maxmind.

    Primero debemos referenciar al js file de Maxmind

    <script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
    

    Ahora debajo de la inclusion de este script escribimos la llamada.

      var lat = geoip_latitude();
      var lon = geoip_longitude();
      var city = geoip_city();
      var country = geoip_country_name();
      var countryCode = geoip_country_code();
    // now you got the info, do whatever you want
    

    Geolocación en el client side es util relativamente, ya que de esta manera el contenido generado es probablemente que sea llamado usando ajax. Yo prefiero concretamente una solucion server side, que permita ya brindarle al usuario en el primer request contenido para su locación.

    En poco tiempo estamos implementando en Memudoya.com una base de Maxmind offline (local, actualizable) para poder brindar a los visitantes destacados de su zona.

    Have a good one.

  • Mas JQuery parte V

    0

    Unwrap elementos

    El método “.wrap()” existe hace rato, pero ahora John Resig ha agregado “.unwrap()” el cual remueve todos los tags exteriores al nodo JQuery seleccionado. Como funciona ?

    Supongamos el siguiente HTML:

    <div>
      <p>Some text here</p>
    </div>

    Queremos extraer el tag <p>, entonces usamos “.unwrap()”.

    $("p").unwrap();

    Este metodo quita el tag <div> que contiene a <p>. Elimina fácilmente el parent tag.

  • Mas JQuery 1.4 Parte IV

    0

    Este feature esta muy bueno ya que podes agregar un delay al animation queue. Permite pausar los ciclos entre las animaciones sin estar llamando a setTimeout entre medio. Aca el ejemplo:

    $("#mydiv")
        .slideDown() // slide down
        .delay(200) // just wait 200 milliseconds, this is the delay
        .fadeIn(); // fade in effect
    
  • Mas JQuery 1.4 Parte III

    0

    Con la llegada de JQuery 1.4 John Resig agregó nuevos eventos. Focus in y focus out ahora estan disponibles y son realmente útiles.

    $("#myinput").focusin(function() {
      //some code
    });
    
    $("#myinput").focusout(function() {
      //some code
    });
    
  • Mas JQuery 1.4 Parte II

    0

    De ésta manera se puede hacer bind de varios eventos a la vez a un elemento JQuery.

    $("#myid").bind({
        click: function() {
            // my stuff
        },
        mouseover: function() {
            // my stuff
        },
        mouseout: function() {
            // my stuff
        }
    })
    
Page 1 of 3123»