domingo, 23 de enero de 2011

¿Cómo abrir un pop-up (ventana emergente)?

<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onClick="window.open(this.href, this.target, 'width=300,height=400,top=200px,left=300px'); return false;">TEXTO PARA PINCHAR</a>

Para volver a la entrada original pulsar aquí.

Efectos Navideños: Copos de Nieve


<script type="text/javascript">
var _snow_type = 1; // cambiar el tipo de nieve, las opciones son 1 ó 2
var _snow_flakes = 90; // el número de copos de nieve
var _snow_speed = 7; // la velocidad de la nieve en caer, medido en pixeles
var _snow_min_time = 20; // el mínimo de ms entre los movimientos - mínimo y máximo hace que parezca al azar
var _snow_max_time = 30; // el máximo de ms entre los movimientos
</script>
<script src="
http://snowysites.com/snow.js" type="text/javascript">
</script>

 
Para volver a la entrada original pulsar aquí.

¿Cómo poner una imagen fija a la izquierda de la página?


<img style="display:scroll;position:fixed;bottom:0px;right:0px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV_Ocwu0aFSgx73FlUAA6pxkz5Bvt3GMXC9wmy8jJxnkx3LSQu3fWkjcLDXd4N911bEGKnaA-w3V8qrYxrFulibMendMfVzQxcVyyyCyNOWlfFObEYDHAqEX6xnlwaRhVeSY3NNmnbnEO2/s320/Deja_Comentario.jpg" />


Para volver a la entrada original pulsar aquí.

¿Cómo hacer que salte una alerta cuando quieren seleccionar un texto?

<font oncontextmenu = "alert('Material Protegido');return false;" onselectstart = "alert('Material Protegido');return false;" onkeydown="alert('Material Protegido');return false;" ondragstart = "alert('Material Protegido');return false;" size="2px">TEXTO QUE SE QUIERE PROTEGER</font>

¿Cómo hacer un spoiler desplegable?

  • Un solo spoiler:

<table border="2" bordercolor="#660000">
<tr><td> <div id="ver_on1"><font size="1
"><h1 id="titu"><a href="#" onclick="mostrar1('bloque1')" title="Expandir info">DESPLEGAR SPOILER</a></h1></div><div id="ver_off1" style="display: none">
<h1><a href="#" onclick="ocultar1('bloque1')" title="Cerrar info">CONTRAER SPOILER </a></h1>
</font>
</div><div id="bloque1" style="display: none">TEXTO DEL SPOILER</div></td></tr>
</table>


<script type="text/javascript">
//Ocultar/Mostrar Div's
OCULTO="none";
VISIBLE="block";
  function mostrar1(blo) {
    document.getElementById(blo).style.display=VISIBLE;
    document.getElementById('ver_off1').style.display=VISIBLE;
    document.getElementById('ver_on1').style.display=OCULTO;
    }
  function ocultar1(blo) {
    document.getElementById(blo).style.display=OCULTO;
    document.getElementById('ver_off1').style.display=OCULTO;
    document.getElementById('ver_on1').style.display=VISIBLE;
    }
 
</script>

  • Dos Spoilers:

 <table border="2" bordercolor="#660000">
<tr><td> <div id="ver_on1"><font size="1
"><h1 id="titu"><a href="#" onclick="mostrar1('bloque1')" title="Expandir info">DESPLEGAR SPOILER 1</a></h1></div><div id="ver_off1" style="display: none">
<h1><a href="#" onclick="ocultar1('bloque1')" title="Cerrar info">CONTRAER SPOILER 2 </a></h1>
</font>
</div><div id="bloque1" style="display: none">TEXTO DEL SPOILER</div></td></tr>
</table>


<table border="2" bordercolor="#660000">
<tr><td><b> <div id="ver_on2"><font size="1">
<h1 id="titu"><a href="#" onclick="mostrar2('bloque2')" title="Expandir info">DESPLEGAR SPOILER 2</a></h1></div><div id="ver_off2" style="display: none">
<h1><a href="#" onclick="ocultar2('bloque2')" title="Cerrar info">CONTRAER SPOILER 2</a></h1>
</font>
</div></b><div id="bloque2" style="display: none">TEXTO DEL SPOILER</div></td></tr>
</table>



<script type="text/javascript">
//Ocultar/Mostrar Div's
OCULTO="none";
VISIBLE="block";
  function mostrar1(blo) {
    document.getElementById(blo).style.display=VISIBLE;
    document.getElementById('ver_off1').style.display=VISIBLE;
    document.getElementById('ver_on1').style.display=OCULTO;
    }
  function ocultar1(blo) {
    document.getElementById(blo).style.display=OCULTO;
    document.getElementById('ver_off1').style.display=OCULTO;
    document.getElementById('ver_on1').style.display=VISIBLE;
    }
  function mostrar2(blo) {
    document.getElementById(blo).style.display=VISIBLE;
    document.getElementById('ver_off2').style.display=VISIBLE;
    document.getElementById('ver_on2').style.display=OCULTO;
    }
  function ocultar2(blo) {
    document.getElementById(blo).style.display=OCULTO;
    document.getElementById('ver_off2').style.display=OCULTO;
    document.getElementById('ver_on2').style.display=VISIBLE;
    }

</script>

Para volver a la entrada original pulsar aquí.

¿Cómo evitar que te seleccionen el texto?

<body onmousedown='return false;' onselectstart='return false;'>

Para volver a la entrada original pulsar aquí.