Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje24-10-2009, 03:40 (UTC)    
Título del mensaje: [Codigo Javascript] Ventana de aviso.

Ventana de aviso.

Les traigo un nuevo codigo que les permitira poner un aviso en cualquier lugar de sitios web's, y que ademas da la opcion de cerrar para no moletar al usuario.

Vista previa:


Si quieres ver en recurso en accion Haz click aqui y fijate en el rincon izquierdo.

Codigo:
Código:
<div id="postit">
<div align="right"><a href="javascript:closeit()" title="Cerrar"><font color="red"><b>X</b></font></a></div>
<b>Titulo:</b><br />
Aqui pon Mensaje que quieres mostrar
</div>
<style>#postit{display:scroll;position:fixed;bottom:10px;left:5px;visibility:hidden;
background:#333;color:#ccc;border:2px solid #ff9900;
z-index:100;font:12px verdana;width:200px;padding:3px;height:100px;}
#postit a{color:#ff9900;text-decoration:none;}</style>
<!-- desde aqui no modificar nada -->
<script>
var once_per_browser=0
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_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))}}
return returnvalue;}
function showornot(){
if (get_cookie('postdisplay')==''){
showit()
document.cookie="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">
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx+'px'
crossobj.style.top=tempy+event.clientY-offsety+'px'
return false}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+'px'
crossobj.style.top=tempy+e.clientY-offsety+'px'
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>


Edita solo donde dice:
Cita:
<b>Titulo:</b><br />
Aqui pon Mensaje que quieres mostrar

Lo puedes pegar donde quieras, siempre y cuando soporte HTML y javascript.
Si sabes de HTML y CSS lo puedes modificar a tu manera este codigo.
Puedes incluirle imagenes, link's, codigos, hasta videos.

Cualquier duda preguntar aqui mismo.

Saludos
______________
Cssplantillas - Moderador Paginawebgratis.es
Email: cssplantillas@gmail.com -Twitter // @cssplantillas


Ultima edición por cssplantillas el Mar Feb 09, 2010 10:47 am; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group