capa que parpadea
4 seguidores
A ver a esos peasos de mostros de l javascript necesito hacer que una capa o mejor dicho, el fondo de una capa parpadeeee, durante un tiempo, un efecto blink, ;-) buscando por ahi he encontrado esto:
http://www3.plala.or.jp/moananja/iroiro/Material/Layershowhide/LayBlink.html
pero me parece demasiado codigo(y algo rebuscado) para un efecto tan simple, si alguno sabe como hacerlo, o tiene algun ejemplillo me vendria de escandalo.
¿para que es? pues voya cargar contenido en una capa y mientras carga, o justo despues de que termine la carga y muestre el resultado quiero hacer el efecto parpadeo, durante 2 seg o asi, ya veis , cool que es uno, una ayudita pofavo'.
hartum
vaaaaaaaaamos a ver esto funciona para parpadear el fondo:
<code><HTML>
<HEAD>
<!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing
http://www.htmlpoint.com -->
<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function blinkOn(){
theWin.document.bgColor = "0000ff"
nTimes++
JSCTimeOutID = window.setTimeout("blinkOff()",50);
}
function blinkOff(){
theWin.document.bgColor = "FFFFFF"
if (nTimes < 3)
JSCTimeOutID = window.setTimeout("blinkOn()",50);
else theWin.history.go(0)
}
function blinkit(aWin)
{
nTimes = 0
theWin = aWin
JSCTimeOutID = window.setTimeout("blinkOn()",50);
}
</SCRIPT>
<style type="text/css">
<!--
#capa {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 100px;
height:100px;
/*background-color: #FFCC33;*/
}
-->
</style>
</HEAD>
<BODY bgcolor="white">
<CENTER><FORM><INPUT TYPE="BUTTON" VALUE="Clicca" onClick="blinkit(self)">
</FORM></CENTER>
<div id="capa"> </div>
</body>
</html></code>
peeeeeeeeeeeeero esto no funciona:
<code><HTML>
<HEAD>
<!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing
http://www.htmlpoint.com -->
<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function blinkOn(){
document.getElementById("capa").bgColor="0000ff"
nTimes++
JSCTimeOutID = window.setTimeout("blinkOff()",50);
}
function blinkOff(){
document.getElementById("capa").bgColor="0000ff"
if (nTimes < 3)
JSCTimeOutID = window.setTimeout("blinkOn()",50);
else theWin.history.go(0)
}
function blinkit(aWin)
{
nTimes = 0
theWin = aWin
JSCTimeOutID = window.setTimeout("blinkOn()",50);
}
</SCRIPT>
<style type="text/css">
<!--
#capa {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 100px;
height:100px;
/*background-color: #FFCC33;*/
}
-->
</style>
</HEAD>
<BODY bgcolor="white">
<CENTER><FORM><INPUT TYPE="BUTTON" VALUE="Clicca" onClick="blinkit(self)">
</FORM></CENTER>
<div id="capa"> </div>
</body>
</html></code>
alguna idea?
hartum
que triste la dicha del posteador que tiene que responderse a si mismo, ¿¿¿¿pero es que nadie me piensa ayudar??? en fin consegui un codigo para cambiar el color de fondo de los layers aver si a alguien se le ilumina el carneo porque a mi no me sale ni ala de 3:
<code><HTML>
<HEAD>
<SCRIPT language="javascript">
<!--
function changelayer_color(newcolor){
if(document.layers){
//thisbrowser="NN4";
document.layers["fred"].bgColor=newcolor;
}
if(document.all){
//thisbrowser="ie"
document.all.fred.style.backgroundColor=newcolor;
}
if(!document.all && document.getElementById){
//thisbrowser="NN6";
document.getElementById("fred").style.backgroundColor=newcolor;
}
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<a href=javascript:void(0) onClick="changelayer_color('#0000FF');">Make the background blue</a><BR>
<a href=javascript:void(0) onClick="changelayer_color('#00FFFF');">Make background sky blue</a><BR>
<a href=javascript:void(0) onClick="changelayer_color('#FF00FF');">Make background mauve</a><br>
<div id="fred" style="position:relative;width:100;height:100">I'm in a layer</div><BR>
</BODY>
</HTML></code>
loopecio
pero que marcianada es esta???????
jajajaja... :D
hartum
Gracia loopecio aunque sea por contestar, quiero que un layer parapadee durante unos seg eso estodo, pero no encuentro la manera, tu te crees? aqui to dios pidiendo ayuda pero a la hora de darla, na' de na', estoy tritte :'-(
pedro_fm
Hartum, yo te juro que lo he intentado, pero no se por donde cogerlo :(
Y postear pa ná es tontería
hartum
axias ya me siento mas arropado meddleeeeeeeeeeee, orangeeeeeeeeee, microbiooooooooooooo charme una mano primoooooooooooo.
alter_ebro
hola hartum, a ver si te sirve esto:
<code>
<html>
<head>
<script language="JavaScript">
limite = 3;
velocidad = 100;
parpadea_aux = 0;
function parpadea() {
parpadea_aux ++;
if ( parpadea_aux >= limite ) { document.getElementById('laCapa').style.visibility = "hidden"; }
else { document.getElementById('laCapa').style.visibility = "visible"; }
if ( parpadea_aux == (limite*2) ) parpadea_aux = 0;
dale = window.setTimeout ('parpadea()',velocidad);
}
onload = parpadea;
</script>
<style type="text/css">#lacapa { font-family: verdana; font-size: 9px; background-color: #ccc; width: 300px; height: 200px; }</style>
</head>
<body>
<div id="lacapa">
hola
</div>
</body>
</html>
</code>
juega kon las variables limite y veocidad para darle la frecuencia k kieras, velocidad es en milisegundos la frecuencia kon k se repite la funcion parpadea y limite es el numero de vueltas k da. usease: a numeros mas peke;o iran mas rapido.
por cierto k lo he probao en firefox y no me rula, ni idea de porke. k yo tampoko es ke sea un hacha en esto del javascrip.
saludos!
alter_ebro
y si kieres k pasado cierto tiempo ocurra algo, puedes definir otra variable numerica, hacerla crecer con la funcion y k cuando llegue a cierto numero, k haga lo k kieras k haga:
if ( numero >= el k pongas ) pos k haga lo k sea.
weno, a ver si te sirve ... chau
hartum
ole, ole oleeeeeeeeeeee, por fin alguien que me da una respuesta a la que agarrarme aunque eso de que no funcione en firefox(firebird en mi caso) no me mola nada a ver si ventilo a estos clientes coñazo, y lo puedo biechear un ratillo, muchas gracias tiuuuuuuuuuuuu