Hola de nuevo
goreplus:
Te pido disculpas si has interpretado hostilidades en mi mensaje, sólo quería insistir en que si pones directamente un documento sobre el que podamos trabajar todos y probarlo, seguramente obtendrás más eficientemente lo que buscas (hablo del HTML+javascript, ya que el código que has puesto trabaja sobre unos elementos HTML determinados).
Bueno, al final da igual, ya he hecho yo los dos documentos. Para que me entendieras lo que yo te pedía era esto, los dos documentos por separado que querías juntar, o la unión que no te funcionara:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />
<meta name="Author" content="derkeNuke" />
<title>Página nueva</title>
<style type="text/css">
body {
font-size: 20pt;
}
.hint
{
background-color: #d1e1a3;
font-family: verdana,arial,helvetica;
visibility: hidden;
font-size: 8pt;
position: absolute;
padding: 1px 2px;
border: 1px solid #8b01a4;
color: #000000;
width: 200px;
left: 328px;
z-index: 0;
}
</style>
</head>
<body>
<div id="point1" STYLE="position:absolute;visibility:visible;z-index:1;" >hola</div>
<a href="http://www.google.com" onmouseover="hint('ayuda2', true);" onmouseout="hint('ayuda2', false);">Google</a>
<div id="ayuda2" class="hint">Irás a Google</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur tempus. Etiam porttitor gravida eros. Suspendisse potenti. Integer congue, metus eget elementum accumsan, pede elit sagittis orci, nec tincidunt felis mauris quis tortor. Nullam non risus in orci tincidunt congue. Phasellus fermentum tortor et massa. Etiam libero. Cras sed lectus fermentum elit venenatis suscipit. Nam mattis porttitor massa. Phasellus et turpis quis tellus pretium laoreet. Nulla tincidunt, dui eu blandit malesuada, felis nunc consequat erat, sit amet malesuada pede libero ut nulla. Praesent malesuada tellus rhoncus velit. Ut id nibh. Donec sagittis varius nunc. In sapien arcu, tincidunt non, auctor eu, porta aliquam, lacus. Maecenas interdum purus quis nibh. Duis tincidunt. Maecenas eu nisi in risus tincidunt vulputate. Nullam pharetra ultricies pede.</p>
<p>Nullam sollicitudin odio eget justo. Sed dolor erat, accumsan sit amet, ultricies id, iaculis ac, quam. Nunc mattis facilisis tellus. Curabitur vel elit. Phasellus orci nunc, congue ac, suscipit eu, fringilla eu, purus. Donec purus. Etiam id nibh at nunc placerat auctor. Aliquam tempus, diam eu interdum suscipit, odio sem lobortis mi, eu mattis libero leo nec tortor. Curabitur purus. In vitae nisl vel lorem fringilla pellentesque. Suspendisse varius pulvinar dolor. Curabitur sagittis neque in libero. In dapibus massa eget odio. Nullam tristique ipsum et nulla. Ut commodo. Donec vel tellus. Suspendisse nisl mauris, tempus vitae, commodo sit amet, congue sit amet, elit. In hac habitasse platea dictumst.</p>
<p>Pellentesque bibendum ultricies pede. Integer eros. Nulla semper leo in orci. Nulla et nunc vitae justo iaculis commodo. Phasellus pulvinar leo nec lacus. Vestibulum vel nulla. Sed felis. Phasellus eget pede nec tortor porta rhoncus. Donec non leo. Donec pede.</p>
<p>Vestibulum vitae mauris. Cras pulvinar. Integer non pede convallis lorem interdum congue. Ut gravida ante vitae velit. Vestibulum ut nibh et purus consectetuer hendrerit. Aliquam laoreet pulvinar neque. Maecenas dapibus elit ut nulla. Praesent dignissim dui eget arcu. Vivamus arcu est, aliquam eu, feugiat a, volutpat at, eros. Donec a nulla nec lectus venenatis aliquam. Proin consectetuer pretium ante. Mauris blandit felis id nunc pharetra varius. Morbi nec sem et massa suscipit condimentum. Aenean sem dolor, congue ac, laoreet vel, varius a, est. Curabitur sollicitudin pulvinar felis.</p>
<script type="text/javascript">
<!--
// escribir en el documento una ristra (x)html fuera de tiempo de ejecución.
function e(q,sinBR) {
var elDIV = document.createElement("DIV");
if(q==undefined) q="";
if(!sinBR) q+="<br/>";
elDIV.innerHTML = q;
for(var a=0; elDIV.childNodes.length>a; a++) {
document.body.appendChild( elDIV.childNodes[a].cloneNode(true) );
}
}
// document.getElementById abreviado
function $(x) { return document.getElementById(x); }
/* **************************************************************************************** */
// SCRIPT 1 PARA EL SCROLL AUTOMATICO DEL DIV
var XX=20; // X position of the scrolling objects
var xstep=5;
var delay_time=60;
//Begin of the unchangable area, please do not modify this area
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var point1 = document.getElementById("point1");
function reloc1() {
ch=document.body.clientHeight;
oh=point1.offsetHeight;
if(yon==0)
YY-=xstep;
else
YY+=xstep;
if(YY<0) {
yon=1;
YY=0;
}
if(YY>=(ch-oh)) {
yon=0;
YY=(ch-oh);
}
point1.style.left="90%";
point1.style.top=(YY+document.body.scrollTop) +"px";
}
function onad() {
YY = document.body.clientHeight || window.innerHeight;
point1.style.top=YY +"px";
reloc1();
setInterval('reloc1()',delay_time);
}
/* **************************************************************************************** */
// SCRIPT 2 PARA LAS AYUDAS EN LOS ENLACES
// ********** Parte 1: Inicializar valores
var MouseX=MouseY=0;
// ********** Parte 2: Funciones
// Función para capturar el evento "Mouse Move" (al moverse el mouse)
function init() {
document.onmousemove = getXY;
}
// Función que actualiza la posición del ratón
function getXY(e) {
MouseX = (window.Event) ? e.pageX : (event.clientX + document.body.scrollLeft);
MouseY = (window.Event) ? e.pageY : (event.clientY + document.body.scrollTop);
}
// Función que aparece y desaparece el cuadrito de la ayuda
function hint( id, estatus ) {
var htmObj = document.getElementById(id);
if(!htmObj) return ;
htmObj.style.visibility = estatus ? 'visible' : 'hidden';
htmObj.style.top = (MouseY+20) + 'px';
htmObj.style.left = (MouseX+20) + 'px';
}
/* ************* IMPORTANTE, ÉSTO HACE QUE FUNCIONE ******* */
window.onload= function() {
onad();
init();
}
// -->
</script>
</body>
</html>
Bueno, tal y como te dije no puedes asignar a
window.onload dos funciones diferentes, ya que sólo la última asignación es la que funciona. Lo que hacemos es borrar todas las asignaciones de
window.onload y aclararlas todas en una misma función. Eso se hace al final, una vez tenemos las funciones claramente definidas.
También te tengo que decir que el script para controlar el div que se mueve es muy muy viejo, está desfasado y tiene en cuenta a netscape, que prácticamente no existe. Por eso y por código y propiedades no estándares es porque no funcionaba en Firefox. Lo he cambiado casi totalmente, me he tomado esa licencia.
No suelo hacer
trabajo sucio por lo general, espero que mi esfuerzo se vea agradecido
Un saludo y suerte.