Código HTML:
<!-- 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;
var offsetxx;
var offsetyy;
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-offsetxx;
crossobj.style.top=tempy+event.clientY-offsetyy;
return false;
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetxx;
crossobj.style.top=tempy+e.clientY-offsetyy;
return false;
}
}
function initializedrag(e){
if (ie4&&event.srcElement.id=="postit"||ns6&&e.target.id=="postit"){
offsetxx=ie4? window.event.clientX : e.clientX;
offsetyy=ie4? window.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> Lo probe en ie 7
En teoria cualquier codigo antiguo deberia funcionar pero es mejor que ocupes algo que ya esta funcionando, lo arregle de pura suerte, pero tenia varios problemas.
Como consejo si dice ie4 o ie5 mejor sigue buscando, este script debe ser como del 2002 o mas antiguo
Edite el post por que lo corregí para FF tambien,
Una nota mas ocupe el ultraedit para corregirlo y tuve que poner offsetyy y offsetxx por que no habia caso de colocar offsety ya que me dejaba la ultima letra en mayuscula, me desagrada cuando un programa no te deja escribir algo y te lo "corrige" quizas no tenia tantos problema y ese fue mi error.
Saludos