Gracias Nostromo, funciona mejor, cuando uno coloca el
<DIV ID="tickerbg" style="position:absolute;"></DIV>
<DIV ID="ticker" style="position:absolute;"></DIV>
<ul>
a adentro de la celda <TD>. Asi las tablas y celdas ya no se desplazan.
----------------
Ahora bien:
El contenido adentro de la celda se desplaza 3 cm a la izquierda, adentro de cada celda.
Y cuando uno quiere colocar este texbox en los links de otras celdas y tablas en todo el html, este texbox deja de funcionar. Porque???
Código PHP:
<HTML>
<HEAD>
<TITLE>prueba</TITLE>
</HEAD>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script language=javaScript>
// width of the ticker
var tickerwidth=120
// height of the ticker
var tickerheight=100
// distance from the messagetext to the tickermarrgin (pixels)
var tickerpadding=5
// borderwidth of the ticker (pixels)
var borderwidth=2
// font-family
var fnt="Verdana"
// font-size of the text
var fntsize=8
// font-size of the last letter of the ticker
var fntsizelastletter=8
// font-color of the text
var fntcolor="FF8800"
// font-color of the last letter of the ticker
var fntcolorlastletter="FFFFFF"
// font-weight. Set a value between 1 to 9 to adjust the boldness
var fntweight=3
// backgroundcolor
var backgroundcolor="000000"
// standstill between the messages (microseconds)
var standstill=2000
// speed (a higher value will slow down the ticker)
var speed=40
// horizontal distance from the textlink to the popupbox (pixels)
var xdistance=50
// vertical distance from the textlink to the popupbox (pixels)
var ydistance=20
// Do not edit the variables below
var timer
var topposition=0
var leftposition=0
var x,y
var i_substring=0
var i_presubstring=0
var i_message=0
var message
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100
function getmessagebackground() {
messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>"
messagebackground+=" </td></tr></table>"
}
function getmessagecontent() {
messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"
messagecontent+="<font color='"+fntcolor+"'>"
messagecontent+=messagepresubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>"
messagecontent+="<font color='"+fntcolorlastletter+"'>"
messagecontent+=messageaftersubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="</td></tr></table>"
}
function showticker() {
if (i_substring<=message.length-1) {
i_substring++
i_presubstring=i_substring-1
if (i_presubstring<0) {i_presubstring=0}
messagepresubstring=message.substring(0,i_presubstring)
messageaftersubstring=message.substring(i_presubstring,i_substring)
getmessagecontent()
if (document.all) {
ticker.innerHTML=messagecontent
timer=setTimeout("showticker()", speed)
}
if (document.layers) {
document.ticker.document.write(messagecontent)
document.ticker.document.close()
timer=setTimeout("showticker()", speed)
}
}
else {
clearTimeout(timer)
}
}
function hideticker() {
clearTimeout(timer)
i_substring=0
i_presubstring=0
if (document.all) {
document.all.ticker.style.visibility="hidden"
document.all.tickerbg.style.visibility="hidden"
}
if (document.layers) {
document.ticker.visibility="hidden"
document.tickerbg.visibility="hidden"
}
}
function showmessage(linkmessage) {
getmessagebackground()
message=linkmessage
i_substring=0
i_presubstring=0
leftposition=x+xdistance
topposition=y+ydistance
if (document.all) {
document.all.ticker.style.posLeft=leftposition
document.all.ticker.style.posTop=topposition
document.all.tickerbg.style.posLeft=leftposition
document.all.tickerbg.style.posTop=topposition
tickerbg.innerHTML=messagebackground
document.all.ticker.style.visibility="visible"
document.all.tickerbg.style.visibility="visible"
showticker()
}
if (document.layers) {
document.ticker.left=leftposition
document.ticker.top=topposition
document.tickerbg.left=leftposition
document.tickerbg.top=topposition
document.tickerbg.document.write(messagebackground)
document.tickerbg.document.close()
document.ticker.visibility="visible"
document.tickerbg.visibility="visible"
showticker()
}
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
<BODY bgcolor="white" text="black">
<TABLE BORDER="1" width="100%" BGCOLOR="white">
<TR BGCOLOR="white">
<TD ALIGN="LEFT" width="25%">
<CENTER>
<DIV ID="tickerbg" style="position:absolute;"></DIV>
<DIV ID="ticker" style="position:absolute;"></DIV>
<ul>
<font color="#000080"><b>MUESTRA</b></font>
<p>
<font size=1 face=Verdana><b>Mueva tu raton al hipervinculo de color rojo y vea
el impresionante efecto:<br>
<a href="http://www.ibm.com" onMouseOver="showmessage('Al sitio del poderoso IBM, E-business, Productos.')" onMouseOut="hideticker()" target="_blank"><font color=red>I.B.M.</font></a> |
</font>
</p>
</ul>
</CENTER>
</TD>
<TD ALIGN="right" width="25%">
<CENTER>
<DIV ID="tickerbg" style="position:absolute;"></DIV>
<DIV ID="ticker" style="position:absolute;"></DIV>
<ul>
<font color="#000080"><b>MUESTRA</b></font>
<p>
<font size=1 face=Verdana><b>Mueva tu raton al hipervinculo de color rojo y vea
el impresionante efecto:<br>
<a href="http://www.microsoft.com" onMouseOver="showmessage('Al sitio de Bill Gates, mostrando su monopolio que sigue todavia.')" onMouseOut="hideticker()" target="_blank"><font color=red>MICROSOFT</font></a> |
</font>
</p>
</ul>
</CENTER>
</TD>
<TD ALIGN="right" width="25%">
<CENTER>
<DIV ID="tickerbg" style="position:absolute;"></DIV>
<DIV ID="ticker" style="position:absolute;"></DIV>
<ul>
<font color="#000080"><b>MUESTRA</b></font>
<p>
<font size=1 face=Verdana><b>Mueva tu raton al hipervinculo de color rojo y vea
el impresionante efecto:<br>
<a href="http://www.netscape.com" onMouseOver="showmessage('Al sitio del Archienemigo de Microsoft, pero es mejor que el IE ya que es mas rapida y sin problemas.')" onMouseOut="hideticker()" target="_blank"><font color=red>NETSCAPE</font></a></b><br>
</font>
</p>
</ul>
</CENTER>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
--------------------
Por cierto, mi navegador es el IE. Saludos!!!