• Efectos nevada para web

    Efectos nevadas para Web

    Mozilla, IE, Chrome.

  • Galeria jQuery para imagenes

    Galeria jQuery para imagenes

    jQuerylightbox, etc

  • Easyzoom

    Galeria Easyzoom

    agrandar imagenes

  • Instalar foro php

    Como instalar un foro php

    Phpbb3 foro

  • Menu Jquery

    Menu jquery

    css estilo jquery

  • Login php

    Login php Mysql

    Inicio de sesion php

  • Sistema de comentarios

    Sistema de comentarios

    Php MysQl

  • Reloj

    Reloj digital para web

    Javascript

  • Contador de texto

    Contador de texto

    para formularios php

Imagen

Mostrar un mensaje jQuery con topmsg...

Escrito por Administrador, en localhost, topmsg
Topmsg para mostrar un mensaje jQuery en web ...

Archivos a utilizar :

topmsg.js
index.html
El archivo topmsg.js que podremos modificar a nuestra conveniencia ...
//ingrese el mensage 
var message='<p class="12Vnormal---"><b><font color="#333333" size="5"><a href="../../index.html">Click aqui para ir a la página principal</a></font></b>'

//Ingrese el color de fondoo del mensaje
var backgroundcolor="#FF9900"

//con 1 en cada sesion de pantalla se mostrará, con 2 en sesion de pantalla solo se mostrará una vez por navegador
var displaymode=1

//configurar duracion que mostrará en pantalla, en segundos (10000=10 seg, 0=siempre)
var displayduration=0

//ingrese 0 para no-flashing mensage, 1 para  flashing mensage
var flashmode=1
//si se encuentra configurado en  flashing 1 , ingrese el background-color (color de fondo)
var flashtocolor="red"


///////////////no editar////////////////////////////////////////
var ie=document.all
var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1

function regenerate(){
window.location.reload()
}

function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}

var which=0

function flash(){
if (which==0){
if (document.layers)
topmsg_obj.bgColor=flashtocolor
else
topmsg_obj.style.backgroundColor=flashtocolor
which=1
}
else{
if (document.layers)
topmsg_obj.bgColor=backgroundcolor
else
topmsg_obj.style.backgroundColor=backgroundcolor
which=0
}
}

if (ie||document.getElementById)
document.write('<div id="topmsg" style="position:absolute;visibility:hidden">'+message+'</div>')

var topmsg_obj=ie? document.all.topmsg : document.getElementById? document.getElementById("topmsg") : document.topmsg

function positionit(){
var dsocleft=ie? document.body.scrollLeft : pageXOffset
var dsoctop=ie? document.body.scrollTop : pageYOffset
var window_width=ieNOTopera? document.body.clientWidth : window.innerWidth-20
var window_height=ieNOTopera? document.body.clientHeight : window.innerHeight

if (ie||document.getElementById){
topmsg_obj.style.left=parseInt(dsocleft)+window_width/2-topmsg_obj.offsetWidth/2
topmsg_obj.style.top=parseInt(dsoctop)+parseInt(window_height)-topmsg_obj.offsetHeight-4
}
else if (document.layers){
topmsg_obj.left=dsocleft+window_width/2-topmsg_obj.document.width/2
topmsg_obj.top=dsoctop+window_height-topmsg_obj.document.height-5
}
}

function setmessage(){
if (displaymode==2&&(!display_msg_or_not()))
return
if (document.layers){
topmsg_obj=new Layer(window.innerWidth)
topmsg_obj.bgColor=backgroundcolor
regenerate2()
topmsg_obj.document.write(message)
topmsg_obj.document.close()
positionit()
topmsg_obj.visibility="show"
if (displayduration!=0)
setTimeout("topmsg_obj.visibility='hide'",displayduration)
}
else{
positionit()
topmsg_obj.style.backgroundColor=backgroundcolor
topmsg_obj.style.visibility="visible"
if (displayduration!=0)
setTimeout("topmsg_obj.style.visibility='hidden'",displayduration)
}
setInterval("positionit()",100)
if (flashmode==1)
setInterval("flash()",1000)
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
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 display_msg_or_not(){
if (get_cookie("displaymsg")==""){
document.cookie="displaymsg=yes"
return true
}
else
return false
}

if (document.layers||ie||document.getElementById)
window.onload=setmessage
Deberás colocar la ruta del archivo topmsg donde quieras que aparezca dentro del body ...
<script type="text/javascript" src="topmsg.js"></script>

Navegadores :

Funciona en cualquier navegador
comentarios impulsado por Disqus
18Feb2012