Veran, yo en el titulo de mi pagina tengo un pop-ups que hace un movimiento. y le quiero colocar un efecto mascara.
----------------------------------------
Este es el javascript de la popups en movimiento:
<script language="JavaScript">
/*******************************
Otra forma de abrir ventanas 2. Por Carlitos. [email protected]
Si usas este script, deja intactas estas líneas (créditos). Vale?
También te agradecería un e-mail con tus comentarios.
*******************************/
function abrir()
{
ancho = 300
alto = 300
pagina = "pagina.htm"
t = -alto
l = (screen.width-ancho)/2
tf = (screen.height-alto)/2
ventana=window.open("http://mx.geocities.com/ocielsanchez/AC_AMAZING_COMIC_2.HTML","HomeMM","width=500,heigh t=240")
for (t;t<=tf;t+=1) ventana.moveTo(l,t)
}
</script>
<CENTER>
<a href="javascript:abrir()">
<SPAN style="color:blue; font-size:x-large; font-family:MS Reference Serif"><B><FONT COLOR="blue">
TONAMELT</FONT></B></SPAN></a>
</CENTER>
--------------------------------------------------------
Y este es el efecto mascara que quiero poner:
<script type="text/javascript" language="JavaScript">
var explanation = new Array()
explanation[1] = new Array ("AC Amazing Comic Presenta: Tonamelt El Protector Oscuro. En esta página web encontraras toda la información acerca de este personaje y de otros futuros proyectos de nuestro sello editorial. También puedes disfrutar la información de una de las mejores bases de datos del mundo del entretenimiento.","+1",100,0,"white","blue",280);
explanation[2] = new Array ("AC Amazing Comic Present: Tonamelt The Dark Protector. In this pag web you find all the information about this personage and other future projects of our publishing seal. Also you can enjoy the information of one of the best data bases of world of the entertainment.","+1",100,0,"white","blue",270);
explanation[3] = new Array ("INFORMATION.","+3",100,0,"white","3DBBC4",250 );
ns = (document.layers)? true : false;
ie = (document.all)? true: false;
function display(a,event){
if (a>explanation.length-1){alert("You tried to access an explanation which is not defined!."); return}
//a=welches Array event; nur fuer NS
if (ns) layer_to_display_in = document.output;
if (ie) layer_to_display_in = output.style;
if (ns) {layer_to_display_in.visibility = "show" ;//Ausgabelayer wird eingeblendet
layer_to_display_in.left = event.pageX+explanation[a][2];
layer_to_display_in.top = event.pageY+explanation[a][3];// Position relativ zum Klickereignis
with(document.layers["output"].document){ // Ausgabetext
open();
write("<b><font size="+explanation[a][1]+" color="+explanation[a][4]+">"+explanation[a][0]+"</font></b>");
close();
bgColor=explanation[a][5]}
}
if (ie) { layer_to_display_in.visibility = "visible";
if (isNaN(explanation[a][1])) alert("Something is wrong with the input of the text size.\n\nPlease check.")
//(which_size>300)?which_size=300:which_size=which_s ize; // which_size hier max. 300px
layer_to_display_in.pixelWidth=explanation[a][6];
layer_to_display_in.left=window.event.clientX+expl anation[a][2];
layer_to_display_in.top = window.event.clientY+explanation[a][3];
layer_to_display_in.backgroundColor=explanation[a][5]
document.all["output"].innerHTML ="<b><font size="+explanation[a][1]+" color="+explanation[a][4]+">"+explanation[a][0]+"</font></b>";}
}
function hide_layer() {
if (ns) layer_to_display_in.visibility = "hide" ;
else if (ie) layer_to_display_in.visibility = "hidden"}
</script>
<A HREF="http://mx.geocities.com/tonamelt/index.html" target="_blank" onMouseOver="display(3,event)" onMouseOut="hide_layer()">
<SPAN style="color:blue; font-size:x-large; font-family:MS Reference Serif"><B><FONT COLOR="blue">
TONAMELT</FONT></B></SPAN>
</A>
<br><br><br>
<A HREF="http://www.tonamelt.com/Tona Ficha Esp.html" onMouseOver="display(1,event)" onMouseOut="hide_layer()">
<SPAN style="color:red; font-size:medium; font-family:Arial Black">
<font color="red">VERSION EN ESPAÑOL</font></SPAN></A>
<br><br><br>
<A HREF="http://www.tonamelt.com/Tona Ficha Ing.html" onMouseOver="display(2,event)" onMouseOut="hide_layer()">
<SPAN style="color:red; font-size:medium; font-family:Arial Black">
<font color="red">VERSION IN ENGLISH</font></SPAN></A>
<br><br><br>
<div ID="output" STYLE="POSITION:absolute; TOP:0px; LEFT:0px; visibility: hidden">
</div>
----------------------------------------------------
La pregunta es, como mezclo ambos efectos en un mismo link:
<A HREF="http://mx.geocities.com/tonamelt/index.html" target="_blank" onMouseOver="display(3,event)" onMouseOut="hide_layer()">
<SPAN style="color:blue; font-size:x-large; font-family:MS Reference Serif"><B><FONT COLOR="blue">
TONAMELT</FONT></B></SPAN>
</A>
<CENTER>
<a href="javascript:abrir()">
<SPAN style="color:blue; font-size:x-large; font-family:MS Reference Serif"><B><FONT COLOR="blue">
TONAMELT</FONT></B></SPAN></a>
</CENTER>
-----------------------------------------------
Tambien tengo el problema que cuando pocisiono el link del efecto mascara cerca del lado derecho del monitor. Aparece un barra abajo del monitor, porque se amplia el tamaño horizontal de la pagina. Mi pregunta es si con una frame al 100% (que cubra todo el tamaño de la pagina en el monitor) se pueda contener los cuadros del efecto mascara, dentro del tamaño de la pantalla, sin que la pagina se haga mas grande horizontalmente.
<frameset rows="100%">
<frame name="principal" src="paginaprincipal.html" marginwidth="0"
marginheight="0" scrolling="auto" frameborder="0" noresize>
</frameset>
Quizas lo que esta mal es el tipo de frame, porque veo que a esta frame ustedes le dan otra aplicacion.
Saludos y espero sus respuestas.
