<!-- 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>
Post-IT
Muestra un Post-IT en la pantalla, el cual se puede mover y cerrar. Permite colocar código HTML en su interior.
Descargar adjuntos
COMPARTE ESTE TUTORIAL
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP
... xo sempre XIXAS!!!!!!
Te he dicho alguna vez...que TE QUIERO?
Tiene 2 años y aún no habla
holaaaaaaaaa!!!
mnk
Se solicita préstamo Fecha de vencimiento
postis
hola holaaaaaaa
"Y mañana jamás se parece a ese mañana de ayer"
jajajaja
You, Me. Anything else matters. I Love you.
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
FORERA DEL AÑO
MegoPlanet en mantenimiento. Estamos trabajando para mejorar MegoPlanet, volveremos en unas horas. Gracias por su paciencia.
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
disculpen pero la verdad ee que me gustaria saber que es el efecto de este codigo en una pagina web gracias
Sería bueno que al que le funciona, publique dentro de los comentarios el codigo corregido. Gracias
estuvo muy bien ISC. TEC MINA
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.
No pasa nada no funca esta cosa
marca un error en la linea 55 caracter 39
aaa
Excelente utilidad, se configura muy fácilmente y además impacta al visitante de las páginas. Muy bien!!!!
no lo he podido bajar
Pido disculpas por haberlo subido mal. Ya está corregido el código según las indicaciones de Ismael.
lo unico ke hize fue kitar las diagonales en la linea mensionada y jalo muy bien, !BUEN TRABAJO!
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
LO mismo
sasas
Ismael tiene razon,con el pequeño cambio propuesto todo anda bien. El ejemplo es muy didactico gracias
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.
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.
esta muy bien, pero si funcionase seria la ostia