Javascript
Visores multimedia
En planetozh tienen una excelente comparativa de los diferentes visores multimedia realizado en javascript que existen actualmente.
The Lightbox Clones Matrix, es la comparativa de varios scripts que muestran imágenes y otros objetos, como vÃdeos, flash, etc.
Estos visores son ideales para eliminar los tÃpicos pop-up, ya que se muestra la imagen en la misma ventana, sin necesidad de abrir una nueva ventana, y por lo tanto evitamos los anti pop-up.
Impedir la copia de fotos de la web
Una forma de impedir la copia de fotos de nuestra Web es anular la función del botón derecho del ratón al hacer clic en una imagen.
En http://dynamicdrive.com/dynamicindex9/noright2.htm podemos descargarnos un script que desabilita la función del botón derecho del ratón al hacer clic en una imagen.Â
Mostrar y ocultar una capa con javascript
Para mostrar y/o ocultar una capa después de un tiempo podemos hacer lo siguiente:
- Código a poner en el HEAD:
<!– Mostrar / Ocultar una capa –>
<script type=”text/javascript”>
<!–
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
   if(document.layers)   //NN4+
   {
      document.layers[szDivID].visibility = iState ? “show” : “hide”;
   }
   else if(document.getElementById)  //gecko(NN6) + IE 5+
   {
       var obj = document.getElementById(szDivID);
       obj.style.visibility = iState ? “visible” : “hidden”;
   }
   else if(document.all) // IE 4
   {
       document.all[szDivID].style.visibility = iState ? “visible” : “hidden”;
   }
}
// –>
</script>
<!– Llamadas para mostrar y ocultar la capa demodiv –>
<script type=”text/javascript”>
  setTimeout(”toggleBox(’demodiv’,1);”,1500);
  setTimeout(”toggleBox(’demodiv’,0);”,15000);
 </script>
Hacer una capa y llamarla demodiv:
<div id=”demodiv” style=”position:absolute; left:183px; top:169px; width:500px; height:278px; z-index:8; visibility: hidden;”><img src=”imagenes/WOK.jpg” width=”500″ height=”278″></div>
Y eso es todo. La función setTimeout es la que se encarga de mostrar y ocultar la capa después de un tiempo.
Tags:
Desplegar una capa con DHTML
Para desplegar una capa se tiene que hacer lo siguiente:
- Hacer una capa y diseñar su contenido. Muy importante: Poner en el ID de capa: divBann que va referenciado en el archivo lib_dhtml.js en la función libinit (+- lÃnea 286). Las medidas se ajustan en lib_dhtml en las funciones deplaceBann (+- lÃnia 252) y libinit (+- lÃnea 286).
- Llamar al javascript:
<script src”javascript/lib_dhtml.js” type=text/javascript></script> - Llamar a la función libinit desde el <body Onload = “libinit(10000);”> el 10000 indica el tiempo en cerrarse la capa.
- Para cerrar la capa con un botón:
Poner una imagen [cerrar X] y en el evento onclick = “fermeBann(); return false”
La liberÃa utilizada es lib_dhtml.js
Tags:
Cerrar la ventana del navegador automáticamente
Con el siguiente código podemos cerrar la ventana del navegador automáticamente después de un tiempo establecido:
Código en el Head
<script>
var howLong = 10000;
t = null;
function closeMe(){
t = setTimeout(”self.close()”,howLong);
}
</script>
En el body:
<body onload=”closeMe();self.focus()”>
La función self.focus(), pone el foco a la ventana activa.
Si quieres poner un link para que cierre la ventana: <a href=”javascript:self.close()” mce_href=”javascript:self.close()”>click here</a>
Tags: