Foros del Web » Programando para Internet » Javascript »

Dificil: Como controlar la posicion de un efecto javascript en la pantalla.

Estas en el tema de Dificil: Como controlar la posicion de un efecto javascript en la pantalla. en el foro de Javascript en Foros del Web. Okay, tengo este script donde hay tres links en una tabla. En cada celda hay link que tiene un efecto mascara, que da un mensaje ...
  #1 (permalink)  
Antiguo 23/08/2004, 01:36
 
Fecha de Ingreso: julio-2004
Mensajes: 194
Antigüedad: 19 años, 9 meses
Puntos: 0
Dificil: Como controlar la posicion de un efecto javascript en la pantalla.

Okay, tengo este script donde hay tres links en una tabla. En cada celda hay link que tiene un efecto mascara, que da un mensaje sobre cada link cuando pasa el puntero. El problema esta en el link que esta en la celda de la derecha, porque el mensaje del efecto mascara se pone (por defaul) a la derecha del link, y este mensaje queda fuera de la pantalla. Aqui esta el script:

<HTML>

<HEAD>
<TITLE>prueba</TITLE>

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

<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 = 420
alto = 400
pagina = "pagina.htm"
t = -alto
l = (screen.width-ancho)/2
tf = (screen.height-alto)/2
ventana=window.open("http://mx.geocities.com/ocielsanchez/POP-UPS_1.HTML","HomeMM","width=420,height=400")
for (t;t<=tf;t+=1) ventana.moveTo(l,t)
}
</script>

</HEAD>

<BODY bgcolor="#000000" text="#FFFFFF">
<bgsound src="e001[1].wav">


<TABLE BORDER="1" width="100%" BGCOLOR="BLACK">
<TR BGCOLOR="BLACK">

<TD ALIGN="LEFT" width="25%">
<CENTER>
<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>
</CENTER>
</TD>

<TD class="fhelp" align="center" width="30%">
<p align="center">
<A HREF="javascript:abrir()" 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>
</p></TD>


<TD ALIGN="right" width="25%">
<CENTER>
<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>
</CENTER>
</TD>

</TR>
</TABLE>


<div ID="output" STYLE="POSITION:absolute; TOP:0px; LEFT:0px; visibility: hidden">
</div>


</BODY>
</HTML>
  #2 (permalink)  
Antiguo 23/08/2004, 01:41
 
Fecha de Ingreso: julio-2004
Mensajes: 194
Antigüedad: 19 años, 9 meses
Puntos: 0
Como se controlaria la posicion de los mensajes, para que aparescan abajo de cada link, y que no queden fuera de la pantalla???

Que al mensaje del efecto mascara se le asigne una posicion, para que no se ponga por defaul a la derecha del link, y salga de cuadro.

Help!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:17.