Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

Tag Archives javascript

Imprimir una página web con Javascript

Si estás programando con los estándares HTML, CSS y Javascript y necesitas que desde Javascript se imprima una página web, con la función window.print() podrás hacerlo.

Ejemplo

Código fuente del ejemplo

<!doctype html>

<html>

  <head>
    <title>Ejemplo para imprimir una web</title>
    <meta charset="utf-8" />
  </head>

  <body>
<input type="button" value="Imprimir" onclick="window.print()" />
  </body>

</html>

“f.easing e.animatedproperties this.prop is not a function” arreglado

Hace no mucho, Alberto Hornero y yo, comenzamos un proyecto nuevo junto con otro amigo, Antonio Sánchez, llamado Red de Autores. La idea básica era crear una red de blogs gratuitos, sobre los que añadir un componente social. El proyecto es bastante joven, pero por ahora no podemos quejarnos de la aceptación.

Logo Red de Autores

El componente social lo pone BuddyPress, uno de los plugins más radicales que he conocido para WordPress, ya que introduce gran cantidad de características y básicamente permite hacer una pequeña red social en el sitio.

Insertar código Javascript en una página web

Existen distintos modos de incluir lenguaje Javascript en una página web. La forma más frecuente de hacerlo es utilizando la etiqueta <script type="text/javascript"> en un archivo HTML. El formato es el siguiente:

<!doctype html>

<html>

  <head>
    <title>A blank HTML page</title>
    <meta charset="utf-8" />

    <script type="text/javascript">

      // Aquí insertaremos el código Javascript.

    </script>

  </head>

  <body>

  </body>

</html>

Se pueden incluir tantas etiquetas script como se quiera en un documento. Otra manera de utilizar Javascript es mediante el atributo src de la etiqueta script.

Impact JS, un motor de Javascript para hacer videojuegos

Cuando di a conocer el videojuego Biolab Disaster, se me olvidó hacer referencia al motor de JavaScript con el que estaba hecho: Impact JS. En su momento probé el motor e hice algunas pruebas y me gustó mucho, es por eso que me gustaría que lo conocieráis.

Impact JS es un motor de JavaScript específico para crear videojuegos. Usando la API de este motor te despreocuparás del navegador que vaya a funcionar, ya que está preparado para que ande en todos los navegadores, incluso en los de los móviles.

Manejar tiempos con ‘setTimeout’ en Javascript

Cuando necesitas interactuar con el usuario resulta fundamental manejar el tiempo para que ocurran determinados eventos. En Javascript hay varias funciones para administrar los tiempos y una de ellas es setTimeout.

Esta función, cuando se ejecuta, espera una cantidad de milisegundos hasta que llama otra función. Aquí os dejo un ejemplo con su código para clarificarlo.

Ejemplo

Código fuente del ejemplo

<!doctype html>

<html>

  <head>
    <title>Ejemplo con SetTimeout</title>
    <meta charset="utf-8"

Milokoban, juega y descarga su código fuente

Últimamente llevo insistiendo en la temática de HTML y Javascript. No es para menos, me parecen tecnologías con mucho futuro a pesar de que el lenguaje Javascript tenga mucho que mejorar.

Debido a mi afán de estas tecnologías, aquí os dejo Milokoban, el típico juego de empujar cajitas. Lo publiqué hace un año tanto en mi web como en Android y pongo a vuestra disposición el código fuente. La licencia es GPLv3. ¡Espero que os guste! 😀

Juego:

Código fuente: milokoban.zip.

Android Market: Milokoban.