Buscador

Secciones

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

Otras zonas

ASP en castellano Bases de datos en castellano Java en castellano PHP en castellano

Otras zonas

HTML JavaScript XML y mucho más

Libros

Amazon

Registro

Otras Webs

Foro html Recursos Gratis

Inicio > Código fuente > 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-2007 Programación en castellano. Todos los derechos reservados.
Formulario de Contacto - Datos legales - Publicidad

Hospedaje web y servidores dedicados linux por Ferca Network

red internet: musica mp3 | logos y melodias | hospedaje web linux | registro de dominios | servidores dedicados
más internet: comprar | recursos gratis | posicionamiento en buscadores | tienda virtual | gifs animados