Hoy os he prometido por twitter un manual con el cual os lo pasareis bien hoy que es domingo.
Se trata de un nuevo invento de google en el cual podemos convertir cualquier web un juego. El invento de google se llama World Wide Maze y ha sido creado por el equipo de Chrome experiment.
Esta aplicación con mucho pero que mucha trabajo transforma tu web en un juego 3D.
Aquí tenéis un vídeo: Sigue leyendo
Con el siguiente código podemos hacer una cuenta hacia adelante con javascript, dicho de otra forma sería incrementar un número con javascript hasta donde nos interese, esta muy bien para cuando queremos indicar el tiempo en el que va a pasar un suceso en nuestra web.
Código javascritp:
| <script type="text/javascript"> var num = 0 //aquí se establece el valor inicial function cuentaAdelante(){ if(num >= 100){//aqui se establece el valor final document.getElementById('ca').firstChild.nodeValue = num num++ setTimeout('cuentaAdelante()',1000)//tiempo para que cambie el numero } } function escribe(){ document.write ('<span id="ca">' + num + '</span>') } </script> |
Nota: El código anterior debe ponerse al principio de la pagina para que funcione correctamente.
Código para sacar por pantalla el numero: Sigue leyendo
En algunas ocasiones necesitamos unir o juntar dos o más imágenes en una para mostrarlas en la web o en una aplicación. Pensareis que lo más rápido y sencillo es coger un programa de edición de fotos como PhotoShop o Gimp, pegar las imágenes, darle a guardar y listo.
Pero claro esto es muy sencillo siempre y cuando las imágenes que vamos a unir o juntar no sean dinámicas, ¿A que me refiero con dinámicas?, pues a que la imagen cada X tiempo o cada vez que se accede a ella cambie.
Realmente existen muchísimos casos en los que necesitamos que las imágenes se unan solas utilizando php. Un ejemplo seria: poner una marca de agua a una imagen.
En este manual no voy a explicar como poner una marca de agua, lo que voy a explicar es el sistema base para juntar imágenes (cabecera y cuerpo).
Una vez dicho todo esto pongo el caso en el que yo he utilizado la unión de dos imágenes. Sigue leyendo
Con el siguiente javascript conseguiremos un sencillo funcionamiento de pestañas pero muy útil ya que es la base para poder crear uno con el estilo que deseemos.
¿Como conseguimos el funcionamiento de las pestañas?
Para conseguir el funcionamiento de la pestañas lo haremos mediante capas <div> superponiendo una encima de las otras.
¿Para que utilizamos el javascript?
Con el javascript manipulas los estilos de las capas haciéndolas visibles o invisibles y posicionandolas encima o debajo a nuestro gusto.
El código javascript escrito a continuación contiene una función general que podemos utilizar para varios grupos de pestañas.
Javascript:
| <script type="text/javascript"> function pestana(grupo_pesta, id_pesta){ var pestanas = document.getElementById(grupo_pesta); var Tpestanas = pestanas.getElementsByTagName("div"); for(var i=0; i<Tpestanas.length; i++) { Tpestanas[i].style.zindex="-1000"; Tpestanas[i].style.visibility="hidden"; } document.getElementById(id_pesta).style.zIndex="1000"; document.getElementById(id_pesta).style.visibility="visible"; } </script> |
Para crear un banner que vaya saliendo al azar entre varios con PHP se puede de muchas formas pero siempre hay unas más sencillas que otras y creo que esta que os muestro a continuación es una de las más sencillas.
Código PHP:
| $numbanners = 3; //numero de banners $random = rand(1,$numbanners); $enlace = array(); $imagen = array(); $enlace[1] = "http://www.ejemplo1.com"; $enlace[2] = "http://www.ejemplo2.es"; $enlace[3] = "http://www.ejemplo3.net"; echo "<a href='".$enlace[$random]."' target='_blank'><img src='".$imagen[$random]."'></a>"; |
Explicación del codigo:
Un saludo.