viernes, 23 de abril de 2010

Un poco de jQuery Begginers




jQuery es una librería realmente extraordinaria, que a muchos desarrolladores (incluyéndome) han hecho que la vida se vuelva más fácil. Y esto es porque cuanta con amplia lista de métodos que son los que más se reutilizan en sitios web.

Quiero compartir los métodos que me han ayudado a realizar mas rápido el desarrollo.


OBTENER EL VALOR DE ELEMENTO
 



Para eso utiliza el método val(). Cabe mencionar que este método funciona en elemento de tipo input.


Ejemplos:


var nombre = $("#elemento").val();  //Obtenemos el valor que contenga el elemento

$("#elemento").val("NUEVO");  //Modificamos el valor del elemento.


AGERGAR CONTENIDO HTML EN SPAN O DIVS



 
Para esto utilizamos el mtodo html();

Ejemplo: 
var newContent = "Duis arcu mus tortor ac, rhoncus pulvinar a nisi.";

$("#midiv").html(newContent);

El metodo text(), nos permite agregar texto al elemento.

Recuerda que los elementos que podemos manipular con contenido son los div y los spans.




ITERACION ELEMENTOS



Para esto utilizamos el metodo each().

Si has tenido que validar checkbox/radio y utilizado ciclo for para validarlos, este metodo te ayudara bastante.

var miVariable= "";
   $("#form1 input[name='tagNameElemento']:radio").each(function(i){
        if ($(this).is(':checked')) {
            
miVariable = $(this).val();
        }
    });  

Checa este post por si necesitas revisar mas a fondo la validación de radios.



MANEJO EVENTOS


Podemos asignar a nuestros elementos de nuestra pagina eventos para asi separar un poco la estructura del sitio con su funcionalidad.

Método bind().

$("#boton").bind("click",function(){
      //tus funciones
});

O podemos ocupar la manera abreviada


$("#boton").click(function(){
      //tus funciones
});

También podemos quitar el evento, para esto utilizamos ubind()

$("#boton").unbind("click",function(){
      //tus funciones
});

Si quieres ampliar más sobre los eventos checa aquí.
Es muy importante que si manejaras los eventos independiente de la estructura de tu site, los colores dentro de $(function(){ });


Ejemplo:


$(function(){
     $("#boton").click(function(){
         //tus funciones
    });
}); 
Con esto aseguramos que los eventos se cargarán al momento que la página este lista.


DISPARAR EVENTOS


Si necesitas disparar un evento, tambien jQuery cuenta con algo para ayudarnos, .trigger()

Con este método podremos ejecutar el evento sin realmente actuar sobre el o los elementos que lo contengan.

Ejemplo:

$(function(){
      $("#buton").click(function(){
             alert("HOLA MUNDO");
      });
      $("#boton").trigger("click");
});

Esto quiere decir que al momento de que la pagina este lista, me ejecutara lo que contenga el evento click de ese botón. Y me arrojara un alert con un HOLA MUNDO.

Espero te sirvan estos ejemplos que les comparto.

viernes, 16 de abril de 2010

Google Follow Finder



Google Follow Finder es la nueva utilidad de búsqueda en tiempo real que aprovecha el nuevo framework @Anywhere con el que hacer más sencillo para un site añadir funcionalidad de Twitter.


Esta herramienta al estilo buscador permite simplemente introduciendo nuestra cuenta Twitter, acceder a un listado de gente que puede resultarnos interesante seguir además de otros usuarios que siguen a personas con gustos similares a los nuestros.



Por el momento Google Follow Finder se encuentra dentro de Google Labs, la plataforma de prueba que reúne las nuevas herramientas que aún no han sido lanzadas de forma definitiva.


Con este lanzamiento, Google sigue empeñado en no perder relevancia en el sector de las búsquedas en tiempo real donde Twitter es el líder.

Interesados pueden acceder a Google Follow Finder o a más información de esta herramienta desdegoogleblog.blogspot.com.

miércoles, 14 de abril de 2010

La Biblioteca del Congreso adquiere los archivos de Twitter

Los Ángeles.- La Biblioteca del Congreso adquirió los archivos de mensajes intercambiados públicamente a través de la red social de Internet Twitter desde su creación en marzo de 2006, informó hoy la prestigiosa institución.

Miles de millones de "tweets", como se conocen a los textos de 140 caracteres de esa red virtual, pasarán a engrosar así la base de datos digital de la biblioteca más grande del mundo, donde compartirán espacio con otros tesoros nacionales de EE.UU., como la "Declaración de Independencia" o el vídeo de "Thriller" de Michael Jackson.

La Biblioteca del Congreso hizo el anuncio de la incorporación del historial de "tweets" a través de su cuenta en Twitter, pero también distribuyó el mensaje en Facebook y en su propia página web.

La compra de los archivos de Twitter ha estado avalada por un interés en el estudio de los mensajes que se intercambian en la red social, más de 50 millones al día, entre los que se destacaron el primer "tweet" de la Historia o el enviado por Barack Obama tras ganar las elecciones presidenciales en 2008.

La Biblioteca del Congreso, además de libros, manuscritos y materiales audiovisuales, cuenta con un archivo de más de 167 terabites compuesto por información generada en Internet desde el año 2000.

Fuente: Milenio

martes, 6 de abril de 2010

HootSuite para Equipos



Este próximo 14 de Abril se llevara a cabo un Webinar (conferencia web).

El fin de esta conferencia será revisar las herramientas de trabajo de Hootsuite y aprender tácticas para optimizar el dashboard de tu Social Media para el monitorio, difusión y seguimiento de mensajes.

El Webinar esta dirigido a:
  • Agencias
  • Consultores
  • Marcas
  • Equipos
Evento por parte de Dave Olson - Twitter (HootSuite Communy Director) y presentado Lewis Howes.

Si deseas saber mas sobre ellos aca estan sus Twiiter: DavidOlson  y  LewisHowes

Además se anunciara un nuevo programa para mejorara habilidades en HootSuite.

Si estas interesado en registrarte, deja un comentario con tu nombre completo y tu Email para hacerte un Forward del email del Evento, o bien mande un DM a Twitter.