Trucos web
Comentarios en tu web
Aquí les dejo este código aportado por ivanswebs.es.tl, que permite colocar un sistema de comentarios en tu web.
Para copiar los codigos tienes que undirle Ctrl + c
<body><div class="js-kit-comments" permalink=""></div>
<script src="http://js-kit.com/comments.js"></script></body>
<script src="http://js-kit.com/comments.js"></script></body>
Página protegida con contraseña
Este código Sirve para que al entrar en una página de tu web, el usuario deba ingresar una contraseña secreta la cual para entrar, tu se la debes dar de alguna forma.
<script>
pass1="ACÁ LA CONTRASEÑA";
password=prompt('Inserta la contraseña para acceder:');
if (password==pass1) {alert('¡¡ Contraseña correcta !!')}
else {alert('X Contraseña incorrecta X'); window.location="pagina_error.htm"}
</script>
pass1="ACÁ LA CONTRASEÑA";
password=prompt('Inserta la contraseña para acceder:');
if (password==pass1) {alert('¡¡ Contraseña correcta !!')}
else {alert('X Contraseña incorrecta X'); window.location="pagina_error.htm"}
</script>
Raspar imagen para ver la oculta
El código sirve para poner una imagen oculta detrás de otra. Para verla, solo tienes que pasar el cursor sobre la imagen muchas veces, raspando, y verás la que hay detrás.
<script language="Javascript">
image_width = ANCHODEIMAGEN;
image_heigth = ALTODEIMAGEN;
function scratch()
{
for(i = 0; i < (image_heigth/5); i++)
{
for(j = 0; j < (image_width/5); j++)
{
document.write("<img src='URL DE IMAGEN' style='position:absolute;top:"+(i*5)+";left:"+(j*5)+";width:5;height:5;cursor:hand;' onmouseover='this.style.visibility="hidden";' onmouseout='this.style.visibility="hidden";'>")
}
}
}
</script>
<script language="Javascript">
document.write('<div style="position:relative;width:'+image_width+';height:'+image_heigth+'">');
document.write('<img src="URL DE IMAGEN" />')
scratch();
document.write('</div>');
</script>
image_width = ANCHODEIMAGEN;
image_heigth = ALTODEIMAGEN;
function scratch()
{
for(i = 0; i < (image_heigth/5); i++)
{
for(j = 0; j < (image_width/5); j++)
{
document.write("<img src='URL DE IMAGEN' style='position:absolute;top:"+(i*5)+";left:"+(j*5)+";width:5;height:5;cursor:hand;' onmouseover='this.style.visibility="hidden";' onmouseout='this.style.visibility="hidden";'>")
}
}
}
</script>
<script language="Javascript">
document.write('<div style="position:relative;width:'+image_width+';height:'+image_heigth+'">');
document.write('<img src="URL DE IMAGEN" />')
scratch();
document.write('</div>');
</script>
Confirmar si desea salir
Este código sirve para que el visitante presiona la "X" de cerrar la ventana o pestaña, le salte una ventanita donde pregunte: ¿Seguro que desea salir de la página?, si el visitante presiona Continuar, la ventana o pestaña se cierra, si presiona Cancelar, la ventana no se cierra.
<script language="javascript" type="text/javascript">
var warn = 1
function removeWarning() {
warn = 0
}
UNLOAD_MSG = '';
function doBeforeUnload(){
if(warn == 1){
if(window.event){
window.event.returnValue = UNLOAD_MSG;
}else{
return UNLOAD_MSG;
}
}
}
if(window.body){
window.body.onbeforeunload = doBeforeUnload;
}else{
window.onbeforeunload = doBeforeUnload;
}
</script>
var warn = 1
function removeWarning() {
warn = 0
}
UNLOAD_MSG = '';
function doBeforeUnload(){
if(warn == 1){
if(window.event){
window.event.returnValue = UNLOAD_MSG;
}else{
return UNLOAD_MSG;
}
}
}
if(window.body){
window.body.onbeforeunload = doBeforeUnload;
}else{
window.onbeforeunload = doBeforeUnload;
}
</script>
Google maps (Google Gadget)
Esta es una aplicación online donde puedes ver imágenes satélitales con zoom + y -. Parecido al extra. Google Gadgets
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&ll=37.0625,-95.677068&spn=32.885543,56.513672&z=4&output=embed&s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&ll=37.0625,-95.677068&spn=32.885543,56.513672&z=4&source=embed" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
Meteorito destruyendo tu web
Al colocar esto en tu web, aparecerá una mira roja grande. Cuando haces clic en cualquier parte de tu página, se marca un punto rojo titilando en el cual caerá un meteorito y explotará en la zona marcada.
<script language="javascript">
nd_mode="meteor";
nd_dest="massive";
nd_control="on";
nd_sound="on";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>
nd_mode="meteor";
nd_dest="massive";
nd_control="on";
nd_sound="on";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>