Hola chicos, veran yo tengo este javascript que abre una caja de texto, con un display que hace correr el texto, cuando el puntero se posiciona sobre un link. Muy mono el script.
El unico problema es que este javascript desplaza todo el html de la pagina unos 3 cm, en la parte izquierda de la pantalla. y si alguien quiere hacer una pagina con tablas y celdas, las tablas son desplazadas sacando de cuadro en contenido de la pagina en la pantalla.
No entiendo, porque, porque, dios, porque??? Este script tiene que desplazar 3 cm todo el html en la pantalla. Por favor!!! Diganme que hay que modificar en este javascript???
Código PHP:
<html>
<head>
<TITLE>Hipervínculo Informador</TITLE>
<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=#FFFFFF>
<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> |
<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> |
<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>
</body>
</html>