jueves, 27 de febrero de 2014

Imprimir contenido de una página web manteniendo formato CSS usando Javascript

Si bien el 90% del tiempo los desarrolladores web manejan códigos para contenidos en línea algunas veces es necesario que el visitante imprima el contenido de una página web, podría ser el caso de una entrada, un boleto promocional o una planilla de inscripción de declaración de impuestos, son muchas las condiciones en las cuales puede ser necesario crear una salid por impresora de un contenido web.

Como todo en programación hay muchas maneras de lograr que se imprima una parte de la página web, puede ser generando un archivo pdf para luego descargar e imprimir o simplemente imprimiendo la página web completa, en este caso vamos a colocar a disposición de los programadores un código javascript que les permitirá imprimir fácil y rápido cualquier parte de una página web, las ventajas de usar este código son:

- Fácil y rápida instalación
- Compatibilidad con el 90% de los navegadores
- Mantiene cierto formato CSS
- No necesita descargar librerías externas
- Imprime sólo la parte de la página que queremos imprimir (no toda la pantalla)

Antes de instalar el código debemos tener en cuenta que para que este funcione el contenido a imprimir debe estar incluido entre etiquetas <div></div> la cual debe tener un nombre específico y distintivo, por ejemplo <div id="paraimprimir">Aquí va lo que se va a imprimir</div>

Entre las etiquetas <div> podrán colocarse textos, imágenes, tablas, contenidos generados por consulta a bases de datos, formularios o cualquier otro elemento susceptible de recibir formato con hojas de estilo (CSS)

Una vez que tenemos listo nuestro segmento de código con el área a imprimir bien delimitada procedemos a instalar la función javascript que permite imprimir una parte de la página web, lo ideal es instalar la función entre las etiquetas <head></head>:

<script language="Javascript">

  function imprSelec(paraimprimir)
  {
  var ficha = document.getElementById(imp);
  var ventimp = window.open(' ', '_blank');
  ventimp.document.write( ficha.innerHTML );
  ventimp.document.close();
  var css = ventimp.document.createElement("link");
css.setAttribute("href", "tuhojadeeestilos.css");
css.setAttribute("rel", "stylesheet");
css.setAttribute("type", "text/css");
ventimp.document.head.appendChild(css);
  ventimp.print( );
  ventimp.close();
  } 

</script> 

Las secciones de código en amarillo son las que se encargan de preparar la impresión y abrir la comunicación con el dispositivo de salida por su parte las áreas en fondo rojo son las que se encargan de llamar la hoja de estilos de manera que el texto tenga formato (tamaño de fuente, negritas, cursivas), si se omite este segmento de código la impresión será en texto plano, con toda la tipografía igual y sin formato alguno.

Sobre el código en particular hay que tomar dos consideraciones importantes para garantizar que funcione:

function imprSelec(tu div a imprimir) ---> entre paréntesis debe ir el Id del Div donde está el contenido a imprimir

css.setAttribute("href", "tu hoja de estilos"); ---> aquí debe ir el nombre de la hoja CSS que da formato a lo que se desea imprimir; lo ideal es que las hojas de estilo estén en la misma carpeta que el archivo .php donde se instala el javascript para evitar problemas o confusiones de ruta a la hora de implementar el código.

Una vez que se ha completado la instalación sólo basta crear el botón o enlace de texto que llame a la función para imprimir, es importante que el botón esté fuera de las etiquetas <div> donde está el contenido a imprimir para que no salga en la impresión.

Una forma fácil de hacer la llamada a impresión es con un enlace de texto: 
<a href="javascript:imprSelec('muestra')">Imprimir</a>

Con este código se obtendrán impresiones de calidad bastante aceptable con una instalación mínima de código en la página web, incluso si se tienen varias secciones para imprimir se pueden crear <div> independientes, cada uno con su propio botón para sacar por la impresora esa parte de la página web.

La instalación es tan flexible que permite crear áreas imprimibles en páginas web ya existentes sin casi modificar el código original.

Las opciones son ilimitadas, sólo resta probarlas y dejar fluir la creatividad.

domingo, 16 de febrero de 2014

Control total de Calorías con tu SmartPhone

Todos quisiéramos llevar una dieta sana, balanceada y acorde en calorías para nuestra edad y actividad física pero con tantas actividades diarias ¿tenemos tiempo para recordar, anotar y estar minuto a minuto pendientes de nuestro consumo calórico? ... la respuesta de la gran mayoría de las personas es NO, debido a esto muchas veces comenzamos a ganar peso casi sin darnos cuenta y de manera inexplicable ya que no
Nuestro teléfono inteligente puede ayudarnos a perder peso
tenemos conciencia de nuestro verdadero nivel de consumo de calorías.

Una solución fácil, económica y accesible es el uso de aplicaciones en nuestro ya inseparable compañero de viajes del día a día: nuestro teléfono inteligente, está allí listo y dispuesto para ayudarnos en cualquier tarea incluyendo cuidar nuestra alimentación.

Para este fin existen decenas de aplicaciones, una de las más populares es My Diet Diary disponible para teléfonos con sistema android así como para iphone de Mac; esta completa aplicación nos permite llevar un diario detallado de cuanto comemos, cuantas calorías representa y como se relaciona nuestra ingesta con nuestro consumo, se trata de una aplicación muy completa que convierte a nuestro teléfono inteligente en un asistente personal dispuesto a ayudarnos a cumplir con nuestros objetivos de mantener una ingesta calórica adecuada bien sea para perder o mantener nuestro peso y, para aquellos que lo necesitan, ayuda también cuando el objetivo es aumentar nuestra masa corporal.

Ya no hay excusas para pasarnos de calorías, My Diet Diary y su base de datos de calorías con más de 150.000 alimentos son tu aliado ideal para contar calorías con precisión y poder comer a conciencia del consumo real de calorías en nuestro organismo.

viernes, 7 de febrero de 2014

Como puede ayudar el celular a perder peso

En la era de los teléfonos inteligentes, las tablets y un sin fin de gadgets que conectan nuestro mundo y hacen que casi todo se pueda hacer con sólo mover un dedo la preocupación por el fitness, el buen estado físico y el control del sedentarismo son temas cada día más populares en distintas áreas de la ciencia y la tecnología.

Esta realidad no escapa a los desarrolladores de aplicaciones android quienes, tomando en cuenta que la mayoría de los usuarios llevan el celular incluso al baño, se han dado a la tarea de programar aplicaciones que le permitan a los usuarios de teléfonos inteligentes con sistema operativo Android conocer su nivel de actividad física, su consumo diario de calorías e incluso planificar su dieta.

Ya no hay excusas para el sobrepeso ni el sedentarismo, descargar las aplicaciones no tarda más de 5 minutos y se pueden comenzar a usar de inmediato, la interfaz es muy sencilla, los resultados fáciles de interpretar y los resultados no se hacen esperar.

Recomendamos 3 aplicaciones que te permitirán controlar tu ingesta y consumo de calorías para mantener un peso ideal:

Esta aplicación convierte tu smartphone en un podómetro, cuenta los pasos con diversos algoritmos que toman en cuenta el movimiento del teléfono, al no usar el GPS el consumo de batería es mínimo; Noom Walk permite contar los pasos diarios, lleva un registro mensual y además marca el día que más pasos se han dado, además de esto permite compartir con amigos de Facebook y otras redes sociales los resultados a la vez que facilita la creación de una red propia de amigos en Noom Walk, ¿estás listo para llegar a los 10.000 pasos por día?

A diferencia de Noom Walk que cuenta los pasos constantemente (a lo largo de todo el día) la aplicación
Runtastic debe activarse y desactivarse para contar los pasos que se dan en una sesión de entrenamiento; si bien convierte el teléfono android en un podómetro su consumo de batería es mayor por lo que su uso está pensado para usarse en períodos determinados de tiempo (sesiones de entrenamiento) a fin de medir rendimiento, las estadísticas son bastante completas ofreciendo resultados como la velocidad promedio de marcha y la distancia, Runtastic es la app ideal para runners y apasionados del walking, power walking y trekking.

Que aburridas son las dietas donde cada día debemos comer lo mismo, a la misma hora y con las mismas características y también que difícil puede ser contar las calorías de todos los alimentos si queremos hacer una dieta flexible y a la vez sana, es decir, comer lo que queramos, cuando queramos pero sin pasarnos de nuestros requerimientos calóricos diarios. Con MyFitnessPal se acabó la agonía, con una inmensa base de datos de comidas podemos crear menús variados, divertidos y diferentes cada día con una precisión calórica nunca antes imaginable, este asistente nos ayudará a comer bien y controlar nuestro peso incluso cuando comemos fuera de casa o queremos darnos un antojito dulce, al saber cuanto estamos comiendo de más en un postre por ejemplo, podremos restar esas calorías de comidas sucesivas para mantenernos dentro de nuestro límite diario.

Ya no hay excusas para tener sobrepeso, sólo debemos acudir a nuestro médico de confianza, planificar un plan de dieta y ejercicios adecuado a nuestra edad, sexo y actividad física para luego de inmediato instalar estas aplicaciones que nos ayudarán a mantenernos firmes en nuestro propósito de mantener la salud y cumplir los objetivos de nuestro plan de fitness.