Buscador

Secciones

Noticias Blogs Cursos Artículos Foros Código fuente Direcciones Formación Tienda Cursos y masters

Registro

¡Colabora!

Envía código fuente Envía una noticia Añade una dirección Publica un curso Publica un artículo

Ganamos

Premio iBest 2001

Servicios

Registro Buscador

Inicio > Código fuente > Lenguajes de script > Javascript > Post-IT

Código fuente

Post-IT

Autor: tecniCam (tecniCam)

Muestra un Post-IT en la pantalla, el cual se puede mover y cerrar. Permite colocar código HTML en su interior.

<html><head>
   
<style>

</style>
 
</head>
 
    
<body>
Con el botón derecho del ratón puedes arrastrar el POSTIT donde quieras para que no moleste.
 
<div id=\"postit\" style=\"left:150px;top:150px\">
<div align=\"right\"><b><a href=\"javascript:closeit()\"><font face=\"Arial\" size=\"1\">[CERRAR]</font></a></b></div>
 

 
<b>AVISO</b><br>
<p><font size=\"2\" face=\"Arial\"><a href=\"http://www.programacion.com\" target=\"_BLANK\"><font face=\"Verdana\" size=\"1\">Entra en Programación en castellano</font><br>
</a><br>Esto es un solo ejemplo. Un aviso para que la gente que entra en la web lo vea, y que una vez visto lo pueda cerrar sin problemas.<p><strong>Aqui dentro puedes utilizar</strong> <font color=\"#FF0000\">todos los codigos html que quieras, </font><font size=\"3\">para confeccionar el aviso o noticia.</font></p>
 

 
</div>
 
<script>
 
var once_per_browser=0
 
///No modifiques lo que sigue///
 
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
 
if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getElementById(\"postit\") : document.all.postit

function closeit(){
if (ie4||ns6)
crossobj.style.visibility=\"hidden\"
else if (ns4)
crossobj.visibility=\"hide\"
}
 
function get_cookie4(Name) {
  var search = Name + \"=\"
  var returnvalue = \"\";
  if (document.cookie4.length > 0) {
    offset = document.cookie4.indexOf(search)
    if (offset != -1) { // if cookie4 exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie4.indexOf(\";\", offset);
      // set index of end of cookie4 value
      if (end == -1)
         end = document.cookie4.length;
      returnvalue=unescape(document.cookie4.substring(offset, end))
      }
   }
  return returnvalue;
}
 
function showornot(){
if (get_cookie4(\'postdisplay\')==\'\'){
showit()
document.cookie4=\"postdisplay=yes\"
}
}
 
function showit(){
if (ie4||ns6)
crossobj.style.visibility=\"visible\"
else if (ns4)
crossobj.visibility=\"show\"
}
 
if (once_per_browser)
showornot()
else
showit()
 
</script>
 
<script language=\"JavaScript1.2\">
 
//función arrastrar y soltar para ie4+ y NS6////
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}
 
function initializedrag(e){
if (ie4&&event.srcElement.id==\"postit\"||ns6&&e.target.id==\"postit\"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY
 
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
 
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function(\"dragapproved=false\")
 
</script>
 
</body></html>

Utilidades

	Leer comentarios (22)
	Escribir comentario
	Puntuación: (14 votos)
	Votar
	Recomendar este código
	Estadísticas

Patrocinados

Copyright © 1999-2006 Programación en castellano. Todos los derechos reservados.
Formulario de Contacto - Datos legales - Publicidad

Hospedaje web y servidores dedicados linux por Ferca Network