Mostrando entradas con la etiqueta jquery. Mostrar todas las entradas
Mostrando entradas con la etiqueta jquery. Mostrar todas las entradas

lunes, 7 de mayo de 2012

Como insertar elementos HTML y heredar los eventos ya cargados

Síntesis: cuando insertas elementos html en el DOM por medio de ajax, jquery por si solo no los hereda, estos elementos no heredan los eventos ya desplegados en el DOM.
Solución: existe un plugin livequery, que incluso después de cargado el javascript y el DOM, es capaz de propagar eventos ya antes cargados a los elementos que sean insertados.
Ejemplo:


Código HTML :

<ul>
   <li>1
   </li>
   <li>2
   </li>
</ul>



Código Javascript (creamos el evento) :


$("#prueba > li").livequery('click',function(){
   alert("hola mundo");
});



Código Javascript (insertamos un elemento):


$("#prueba").prepend("<li>3</li>");


Al dar clic sobre 3 mostrara la alerta hola mundo, cosa que no pasaría si utilizamos click().

sábado, 31 de diciembre de 2011

Textualizer: añade efectos al texto de tu web

Textualizer es una utilidad libre con la que de forma sencilla vamos a poder añadir animaciones en el texto de una web. El plug-in acepta cualquier número de sentencias (o palabras) y puede llevar a cabo hasta cuatro efectos distintos como aparición progresiva (fadeIn), desplazamiento a la izquierda, desplazamiento arriba y al azar.
 Además es posible definir la duración del tiempo que muestra el efecto en pantalla así como de la transición. Textualizer es compatible con los principales navegadores web como Chrome, Safari, Firefox, Internet Explorer, Opera y Safari.

Sitio: Textualizer
Ver Ejemplo
Descargar Ejemplo

jueves, 29 de diciembre de 2011

Tabs Verticales con jquery ui

Tabs Verticales con JQUERY UI: 

Para realizar tabs verticales se necesita aplicar algunos estilos y remover otros.
<head>
<meta charset="UTF-8" />
<title>jQuery UI Tabs - Vertical</title>
    <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.3/themes/redmond/jquery-ui.css" rel="stylesheet" />
    <script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
google.load("jquery", "1");
google.load("jqueryui", "1");
google.setOnLoadCallback(function() {
$("#tabs").tabs().addClass('ui-tabs-vertical ui-helper-clearfix');
$("#tabs li").removeClass('ui-corner-top').addClass('ui-corner-left');
});
</script>
<style type="text/css">
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
</style>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1">
<h2>Contenido Tab 1</h2>
<p>En la ficha Insertar, las galerías incluyen elementos diseñados para coordinar con la apariencia general del documento. Puede utilizar estas galerías para insertar tablas, encabezados, pies de página, listas, portadas y otros bloques de creación del documento.</p>
</div>
<div id="tabs-2">
<h2>Contenido Tab 2</h2>
<p>En la ficha Insertar, las galerías incluyen elementos diseñados para coordinar con la apariencia general del documento. Puede utilizar estas galerías para insertar tablas, encabezados, pies de página, listas, portadas y otros bloques de creación del documento.</p>
</div>
<div id="tabs-3">
<h2>Contenido Tab 3</h2>
<p>En la ficha Insertar, las galerías incluyen elementos diseñados para coordinar con la apariencia general del documento. Puede utilizar estas galerías para insertar tablas, encabezados, pies de página, listas, portadas y otros bloques de creación del documento.</p>
</div>
</div>
</body>
</html>

lunes, 31 de mayo de 2010

Es viernes! Malos hábitos al trabajar desde casa

Tener la oficina en casa puede ser una experiencia liberadora, pero también representa mayores retos para vencer los malos hábitos. Cuando trabajas desde casa, muchas dinámicas de tu rutina cambian y algunas veces eso beneficia tu trabajo o también puede traer desastrosas consecuencias.

Malos hábitos al trabajar desde casa

Trabajar como freelancer, tener tu oficina en casa y manejar tu horario a tu antojo, es quizás, el sueño de todo creativo. Pero, esa independencia traer una serie de responsabilidades y si aveces nos consentimos demasiado, podemos caer en dinámicas improductivas o poco saludables. Hoy que es viernes, quiero señalarte algunos malos hábitos que pueden afectar tu productividad, salud y economía.

6 malos hábitos al trabajar en casa

Los malos hábitos que a continuación explico o cuestiono son aquellos, que en algún momento de mi vida he experimentado en los años que tengo de trabajar desde casa. Al inicio, te exiges tanto como lo hacías en la oficina, pero con el tiempo, somos tan adaptables que se nos olvida que todo debe tener límites, reglas o planificación para que funcionemos adecuadamente.

  • Trabajar en pijama: quizás es uno de los malos hábitos más normales de quienes trabajamos desde casa. Acéptalo, en algún momento despertaste y caminaste directo a la computadora para empezar a trabajar, llegó el medio día y te diste cuenta que ni te habías cepillado. Caminar de la cama a la oficina en casa es típico, pero aveces esa acción no permite que tengamos una rutina más disciplinada o productiva.
  • ¿Te alimentas mal?: no sólo no te has cepillado, olvidaste desayunar por la premura de conectarte al despertar y al medio día tu estómago pide nutrirse, pero resulta que tienes un par de galletas cerca y con un jugo podrás saciar el hambre que en ese momento te invade. No respetas los tiempos de comida y tampoco te acercas a la cocina a preparar algo saludable. Pasaste de comer la sopa instantánea que calentabas en el microondas de la oficina, a la sopa instantánea del microondas en casa. Evalúa tu alimentación o de repente algo fallará en tu cuerpo, mejor prevenirlo a tiempo.
  • No manejar un horario de trabajo: para que una persona sea productiva no necesita de 24 horas de trabajo continuo, en realidad, necesita de un horario bien planificado y lapsos productivos. Aveces, puedes pasar 10 horas frente a la computadora y no producir nada. Pero, puedes trabajar por 4 horas en donde la productividad puede ser óptima. Evalúa en qué momento eres más productivo y establece un horario de trabajo para aprovechar esos lapsos, en lugar de perder el tiempo por largos periodos.
  • ¿Haces ejercicio? despiertas de la cama a la computadora, olvidas desayudar, comes comida poco saludable, pasas más de 10 horas frente a la computador y no dedicas ni 20 minutos a ejercitarte. No falta que lo aclare, tu sabes que esta mal, que ese estilo de vida en realidad no te permitirá llevar muy lejos. Dedica un par de horas a ejercitar tu cuerpo, para que tu productividad sea mayor. Si nunca antes lo has hecho o no saber por dónde empezar: dejame ayudarte.
  • No tomar vacaciones: somos esclavos del tiempo, adictos al trabajo, dedicados al 100% a lo que tanto nos apasiona: llueva, truene o relampaguee seguimos allí, conectados al mundo desde nuestra casa, conociendo personas virtualmente, haciendo negocios, ganando dinero, pero y ¿las vacaciones para cuándo? No te olvides de tu familia, amigos, seres no virtuales que quieren pasar un tiempo contigo, en el mundo offline y aveces se pasa un año entero sin que tomes un descanso que sin duda es necesario.
  • Trabajar con distracciones: los pagos de la casa, la televisión, el mercado, los videojuegos, bañar a la mascota, la visita de amigos y un sin fin de actividades que pueden distraernos del trabajo. Las personas a nuestro alrededor aveces no comprenden que, aunque estamos en casa “estamos trabajando” en serio, no estamos jugando en la computadora, nuestro tiempo allí representa perdidas y ganancias. Por ello, detecta tus distracciones y busca alternativas para la productividad.

Confieso que el mal hábito que más me ha costado cambiar es el trabajar desde pijamas, trato de hacer ejercicio por las mañanas para regresar con energía y un cambio de ropa. Trato de respetar el horario de trabajo, pero acepto que algunas veces me paso del límite. En lo que no me puedo quejar, es el ejercicio, disfruto mucho ese tiempo y lo practico con mucho entusiasmo, soy adicta a las endorfinas ¿qué mal hábito te ha costado modificar?


fuente:http://www.maestrosdelweb.com/editorial/es-viernes-malos-habitos-al-trabajar-desde-casa/