hola, he desarrollado este script:
<style type="text/css">
<!--
#imagen_flotante {
position:absolute;
height:100px;
width:100px;
z-index:1;
top:50%:
left:50%;
cursor:pointer;
}
//-->
</style>
<script type="text/javascript">;
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (!ie4) {
document.captureEvents(Event.MOUSEMOVE);
}
function mostrarImagen(contenido) {
var bak="red"
var contenido="<Table Widht=150 Cellpadding=2 Cellspacing=0 "+
"Bgcolor="+bak+"><TD align=center><Font color=black SIZE=2>"+contenido+"</Font></td></Table>";
if(ns4){
document.getElementById("imagen_flotante").style.d ocument.write(contenido);
document.getElementById("imagen_flotante").style.d ocument.close();
document.getElementById("imagen_flotante").style.v isibility="visible";
}
if(ns6){
document.getElementById("imagen_flotante").innerHT ML=contenido;
document.getElementById("imagen_flotante").style.d isplay='';
document.getElementById("imagen_flotante").style.v isibility="visible";
}
if(ie4){
document.all("imagen_flotante").innerHTML=contenid o;
document.getElementById("imagen_flotante").style.d isplay='';
}
else {
document.getElementById("imagen_flotante").innerHT ML=contenido;
document.getElementById("imagen_flotante").style.d isplay='';
document.getElementById("imagen_flotante").style.v isibility="visible";
}
document.onmousemove=moverImagen;
}
function moverImagen(event) {
if (!ie4) {
posy = event.pageY;
document.getElementById("imagen_flotante").style.t op=posy;
posx = event.pageX;
document.getElementById("imagen_flotante").style.l eft=posx;
}
else {
posy = event.clientY +document.body.scrollTop;
document.getElementById("imagen_flotante").style.t op=posy;
posx = event.clientX +document.body.scrollLeft;
document.getElementById("imagen_flotante").style.l eft=posx;
}
}
function kill(div) {
document.getElementById(div).style.visibility="hid den";
}
</script>
con un div en body:
<div id="imagen_flotante"></div>
llamo a las funciones mostrarImagen() y kill() desde un href y si me funciona el javascript ya que he utilizado:
String.prototype.tratarResponseText=function(){
var pat=/<script[^>]*>([\S\s]*?)<\/script[^>]*>/ig;
var pat2=/\bsrc=[^>\s]+\b/g;
var elementos = this.match(pat) || [];
for(i=0;i<elementos.length;i++) {
var nuevoScript = document.createElement('script');
nuevoScript.type = 'text/javascript';
var tienesrc=elementos[i].match(pat2) || [];
if(tienesrc.length){
nuevoScript.src=tienesrc[0].split("'").join('').split('"').join('').split('sr c=').join('').split(' ').join('');
}else{
var elemento = elementos[i].replace(pat,'$1','');
nuevoScript.text = elemento;
}
document.getElementsByTagName('body')[0].appendChild(nuevoScript);
}
return this.replace(pat,'');
}
para interpretar el javascript: el problema es que la imagen se me muestraen la esquina superior izquiera de la pantalla como si la funcion moverImagen no se ejecutara; en cambio si ejecuto la pagina sin uqe me llegue por ajax funciona perfectamente y la imagen se mueve con el raton hasta queel cursor esta fuera del href. Alguna conejtura acerca de mi problema? Gracias!
