Foros de Informatica -> Caja De Aviso

" Hay la misma diferencia entre un sabio y un ignorante que entre un hombre vivo y un cadáver "

- Aristóteles -

Computerfacil.com

Chat

Fotos

Últimos Posts

Sin Respuesta

Ayuda

Búsqueda

Miembros

Calendario

Bienvenido, invitado ( Identificarse | Registrarse )

Reenviar mensaje de validación

Forista del Mes:

amateos1404

Foros de Informatica -> Sistemas, Software y Hardware -> Diseño Gráfico(Photoshop,firmas ,avatares..) y Desarrollo Web -> Scripts y Algoritmos de Programación

Caja De Aviso, Leer post para más información

Suscribirse | Enviar por correo | Imprimir

amateos1404

Publicado: Aug 1 2006, 07:59 PM

* ScriptMaster *
Group Icon

Grupo: Super Moderadores
Mensajes: 1.139
Miembro nº: 9.176
Registrado: 13-March 06

Esta es mi primera obra, con la que inauguro este foro. Ha sido extraída de DynamicDrive.com, página especializada en dHTML.
Licencia: usa el Script libremente pero debes mantener la noticia de copyright en el código fuente.
Compatibilidad: funciona a la perfección en Internet Explorer 6, aunque en el resto de navegadores funciona, eliminando un efecto de transición que verás cuando compruebes el archivo de ejemplo; efecto de transición que se mantiene en Netscape. No testeado en los CMS como Joomla!, PHP-Nuke y demás.
Otros datos de interés: el código se estructura en dos partes diferenciadas, el Script y las capas Div. El script debe ponerse en la parte <head> de la página, las capas Div en el final de la página, justo antes de </body>.
Ver archivo de ejemplo

--------------------

Antonio Manuel Mateos Cruz: Blog de Musica Heavy | Macram's Blog | Softhoy
user posted image

Si te ha parecido útil éste foro u otras zonas de la Web, por favor, agrega un vínculo en tu página Web.

CODE

<a href="http://www.computerfacil.com/">Foros de Informatica</a>

amateos1404

Publicado: Aug 1 2006, 08:02 PM

* ScriptMaster *
Group Icon

Grupo: Super Moderadores
Mensajes: 1.139
Miembro nº: 9.176
Registrado: 13-March 06

Código fuente COMPLETO del script:

CODE

<style type="text/css">
#fadeinbox {
BORDER-RIGHT: black 2px solid;
PADDING-RIGHT: 4px;
BORDER-TOP: black 2px solid;
PADDING-LEFT: 4px;
Z-INDEX: 100;
LEFT: 0px;
VISIBILITY:hidden;
PADDING-BOTTOM: 4px;
BORDER-LEFT: black 2px solid;
WIDTH: 300px;
PADDING-TOP: 4px;
BORDER-BOTTOM: black 2px solid;
POSITION: absolute;
TOP: -400px;
BACKGROUND-COLOR: #0099cc;
}
#boxlink {
color:#FF058F}</style>

<script type="text/javascript">

/***********************************************
* Sticky Note script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Go to http://www.dynamicdrive.com/ for full source code
***********************************************/

//Especifica la frecuencia en la que quieres que se muestre la página.
//1) "always"- La caja se mostrará cada vez que se recargue la página (es decir, como sale el cuadrito de mensaje ahora)
//2) "oncepersession"- Mediante una cookie previenes que se muestre la página más de una vez por
// sesión de navegador
//3) integer (ie: 5)- Puedes especificar una frecuencia en forma de integral 1/x para que s emuestre una vez de cada x.

var displaymode="oncepersession"

var enablefade="yes" //("yes" habilita el efecto de transicion de la caja, "no" lo deshabilita)
var autohidebox=["yes", 5] //¿Ocultas la caja automáticamente en algunos segundos? [yes/no, segs]
var showonscroll="yes" //Mantener visible la caja al scroll del navegador?("yes"/"no")
var IEfadelength=1 //Duración del efecto en IE
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2) -- NO ENTIENDO ESTA FRASE

////////No need to edit beyond here///////////

if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)

function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"

if (showonscroll=="yes")
showonscrollvar=setInterval("staticfadebox()", 50)

if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}

function mozfadefx(){
if (parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}

function staticfadebox(){
var ie=document.all && !window.opera
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}

function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}

function controlledhidebox(){
if (autohidebox[0]=="yes"){
var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}

function initfunction(){
setTimeout("displayfadeinbox()", 100)
}

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

if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}
</script>
<title></title>
</head>
<body>

<div id="fadeinbox" style="FILTER: progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); moz-opacity: 0">
<font face="Verdana,Arial,Sans,Serif" size="2">¿Qué? ¿Que todavía no nos has votado en el Top? ¿Y a qué esperas para hacerlo?<br>

<div align="right">
<a id="boxlink" onclick="hidefadebox();return false" href="#">Ocultar mensaje</a>
</div>
</div>
</body>
</html>

¿Quieres ganar dinero escribiendo sobre tus aficiones? - www.Redactores.es

--------------------

Antonio Manuel Mateos Cruz: Blog de Musica Heavy | Macram's Blog | Softhoy
user posted image

Si te ha parecido útil éste foro u otras zonas de la Web, por favor, agrega un vínculo en tu página Web.

CODE

<a href="http://www.computerfacil.com/">Foros de Informatica</a>

0 usuario(s) está(n) leyendo esta discusión (0 invitado(s) y 0 usuario(s) anónimo(s))

0 miembro(s):

« Posterior | Scripts y Algoritmos de Programación | Anterior »

Webs Afiliadas - Contacto
Ofertas PCs :: Consultor de Marketing Online :: Foros :: Posicionamiento Web :: Foros de Informatica :: Foros :: eurodipity :: elhacker