Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/01/2012, 22:37
thezzin
 
Fecha de Ingreso: septiembre-2008
Mensajes: 350
Antigüedad: 15 años, 8 meses
Puntos: 31
Respuesta: Imprimir campo de consulta mysql en un pop-up

hola, otra opción que también puedes usar es Tooltip
prueba el código que te dejo abajo en una pagina php y si te párese lo puedes
adaptar a tu consulta a la db.

Código HTML:
<style type="text/css">
<!--
#dek {
position:absolute;
visibility:hidden;
z-index:200;
}
//-->
</style>
<div id="dek"></div>

<script type="text/javascript">
<!--
Xoffset=-60;    // modify these values to ...
Yoffset= 20;    // change the popup position.
var old,skn,iex=(document.all),yyy=-1000;
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;
function popup(msg,bak){
var content="<table width=150 border=1 bordercolor=black cellpadding=2 cellspacing=0 "+
"bgcolor="+bak+"><td align=center><font color=black size=4>"+msg+"</font></tr></table>";
yyy=Yoffset;
 if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
 if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
 if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}
function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}
function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none"
}
//-->
</script>
<?php 
$txt = 'EVALUACION:100

Hardware I

HARI-ES-4-90-6';
$txt = str_replace("\r\n", "<br />", $txt);
?>
<div align="center">
<a href="http://www.forosdelweb.com/f18/imprimir-campo-consulta-mysql-pop-up-971212/" onMouseMove="popup('<?php echo $txt;?>','lightblue')"; onMouseOut="kill()">Libros</a>
<br />
<a href="http://www.forosdelweb.com/f18/" onMouseMove="popup('Hola que tal amigos tengo una pregunta, haber si serian tan amables de explicarme como podría realizar lo siguiente: Tengo la siguiente linea de codigo: <br /><img src=\'http://img846.imageshack.us/img846/2579/pollito.jpg\' /><br />Bueno espero me puedan ayudar y de antemano muchas gracias.','lightgreen')"; onMouseOut="kill()">fw-f18</a>
</div> 
estoy usando str_replace() porque si hay una nueva linea
no se despliega la ventana Tooltip y así reemplaza \n por <br />

otra cosa no uses directamente las comillas doble " o si usas simple úsalas así: \'
aunque eso tiene solución busca en google por: DHTML tooltip o css

-
__________________
╬-----╬
║☺₧☻║
╬-----╬