Post-IT

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

<style>
<!--
#postit{
position:absolute;
width:250;
padding:5px;
background-color:yellow;
border:1px solid black;
visibility:hidden;
z-index:500;
cursor:hand;
}
-->
</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>

<!-- INSERTA EL CONTENIDO AQUÍ -->

<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>

<!-- FIN DEL CONTENIDO -->

</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>
Descargar adjuntos
COMPARTE ESTE TUTORIAL

COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP
SIGUIENTE TUTORIAL

HAY 34 COMENTARIOS
  • Anónimo dijo:

    ... xo sempre XIXAS!!!!!!

  • Anónimo dijo:

    Te he dicho alguna vez...que TE QUIERO?

  • Anónimo dijo:

    Tiene 2 años y aún no habla

  • Anónimo dijo:

    holaaaaaaaaa!!!

  • Anónimo dijo:

    mnk

  • Anónimo dijo:

    Se solicita préstamo Fecha de vencimiento

  • Anónimo dijo:

    postis

  • Anónimo dijo:

    hola holaaaaaaa

  • Anónimo dijo:

    "Y mañana jamás se parece a ese mañana de ayer"

  • Anónimo dijo:

    jajajaja

  • Anónimo dijo:

    You, Me. Anything else matters. I Love you.

  • Anónimo dijo:

    El objeto de la guerra no es aniquilar a los que la han provocado, sino hacerles que se enmiendan, no destruir a los inocentes y a los culpables por igual, sino salvar a ambos. Como decia aquel es evidente que existe la verdad. Porque el que niega que existe la verdad, conoce que la verdad existe. Si, pues, no existe la verdad, es verdad que la verdad no existe. Si quieres las últimas novedades del cine, juegos, sistemas operativos y mucho más entra en http://bajalotodo.tk

  • Anónimo dijo:

    FORERA DEL AÑO

  • Anónimo dijo:

    MegoPlanet en mantenimiento. Estamos trabajando para mejorar MegoPlanet, volveremos en unas horas. Gracias por su paciencia.

  • Anónimo dijo:

    Estoy aquí ya más de una hora y no encuentro el modo de hacerle funcionar. ¿Alguien me puede pasar el código para que tire? Gracias de antemano. Parece un script interesante. Saludos

  • Anónimo dijo:

    disculpen pero la verdad ee que me gustaria saber que es el efecto de este codigo en una pagina web gracias

  • Anónimo dijo:

    Sería bueno que al que le funciona, publique dentro de los comentarios el codigo corregido. Gracias

  • Anónimo dijo:

    estuvo muy bien ISC. TEC MINA

  • Anónimo dijo:

    Me ha gusto mucho el invento. Al principio no funciona pero basta con sustituir las cadenas " por " y la cadena por ' Después funciona correctamente.

  • Anónimo dijo:

    No pasa nada no funca esta cosa

  • Anónimo dijo:

    marca un error en la linea 55 caracter 39

  • Anónimo dijo:

    aaa

  • Anónimo dijo:

    Excelente utilidad, se configura muy fácilmente y además impacta al visitante de las páginas. Muy bien!!!!

  • Anónimo dijo:

    no lo he podido bajar

  • Anónimo dijo:

    Pido disculpas por haberlo subido mal. Ya está corregido el código según las indicaciones de Ismael.

  • Anónimo dijo:

    lo unico ke hize fue kitar las diagonales en la linea mensionada y jalo muy bien, !BUEN TRABAJO!

  • Anónimo dijo:

    Estoy de acuerdo en que al principio no funciona, pero poniendoselo a depurar se puede encontrar el error, buen tip para la creación de páginas

  • Anónimo dijo:

    LO mismo

  • Anónimo dijo:

    sasas

  • Anónimo dijo:

    Ismael tiene razon,con el pequeño cambio propuesto todo anda bien. El ejemplo es muy didactico gracias

  • Anónimo dijo:

    Al principio no funciona, debugeando -perdón por el anglisismo, pero es la costumbre- encuentras un error en la línea que dice: "if (get_cookie4(\postdisplay\)==\\){" Basta con cambiarla por: "if (get_cookieCuatro('postdisplay')=='){" La verdad no sé si tenía alguna intención esa línea tal cual estaba, no me he metido a fondo, pero asi funciona muy bien. Gracias por el código. Saludos.

  • Anónimo dijo:

    Habria que rebisar el código, ya que algunos comentarios no deben estar colocados bien, ya que da error y no funciona, por ejemplo dice que ie4 no esta definido.

  • Anónimo dijo:

    esta muy bien, pero si funcionase seria la ostia

  • Anónimo dijo:

Conéctate o Regístrate para dejar tu comentario.