<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0051)http://jqueryfordesigners.com/demo/coda-bubble.html -->
<HTML lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Coda Bubble Example</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-type>
<STYLE type=text/css media=screen>
* {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
BODY {
PADDING-BOTTOM: 10px;
PADDING-LEFT: 10px;
PADDING-RIGHT: 10px;
PADDING-TOP: 10px;
font-weight: bold;
}
H1 {
MARGIN: 14px 0px; FONT-FAMILY: "Trebuchet MS", Helvetica
}
P {
MARGIN: 14px 0px; FONT-FAMILY: "Trebuchet MS", Helvetica
}
.bubbleInfo {
POSITION: relative;
WIDTH: 600px;
TOP: 150px;
LEFT: 100px
}
.trigger {
POSITION: absolute
}
.popup {
Z-INDEX: 50; POSITION: absolute; DISPLAY: none; BORDER-COLLAPSE: collapse
}
.popup TD.corner {
WIDTH: 19px; HEIGHT: 15px
}
.popup TD#topleft {
BACKGROUND-IMAGE: url(person_tooltip_images/balloon_topLeft.png)
}
.popup TD.top {
BACKGROUND-IMAGE: url(person_tooltip_images/balloon_top.png)
}
.popup TD#topright {
BACKGROUND-IMAGE: url(person_tooltip_images/balloon_topRight.png)
}
.popup TD.left {
BACKGROUND-IMAGE: url(person_tooltip_images/balloon_left.png)
}
.popup TD.right {
BACKGROUND-IMAGE: url(person_tooltip_images/balloon_right.png)
}
.popup TD#bottomleft {
BACKGROUND-IMAGE: url(person_tooltip_images/balloon_bottomLeft.png)
}
.popup TD.bottom {
BACKGROUND-IMAGE: url(person_tooltip_images/balloon_bottom.png); TEXT-ALIGN: center
}
.popup TD.bottom IMG {
MARGIN: 0px auto; DISPLAY: block
}
.popup TD#bottomright {
BACKGROUND-IMAGE: url(person_tooltip_images/balloon_bottomRight.png)
}
.popup TABLE.popup-contents {
LINE-HEIGHT: 1.2em; BACKGROUND-COLOR: #fff; FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; COLOR: #666; FONT-SIZE: 12px
}
TABLE.popup-contents TH {
TEXT-ALIGN: right; TEXT-TRANSFORM: lowercase
}
TABLE.popup-contents TD {
TEXT-ALIGN: left
}
TR#release-notes TH {
TEXT-ALIGN: left; TEXT-INDENT: -9999px; BACKGROUND: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat right top; HEIGHT: 17px
}
TR#release-notes TD A {
COLOR: #333
}
</STYLE>
<SCRIPT type=text/javascript
src="jquery.js"></SCRIPT>
<script type="text/javascript">
$(document).ready(function(){
SexyLightbox.initialize({color:'black', dir: 'sexyimages'});
});
</script>
<script type="text/javascript">
function agregar(insumo){
$('[name=insumo]', top.document).val(insumo);
top.SexyLightbox.close();
}</script>
<META name=GENERATOR content="MSHTML 8.00.6001.18928">
</HEAD>
<BODY id=page>
<?php $CVE_DEPARTAMENTO=$_GET['dep'];
include('conexion.php');
$mirec_depa=$micon->execute ("SELECT ID,PRODUCTO from productos where DEPA=".$CVE_DEPARTAMENTO);
$ID=$mirec_depa['ID'];
$PRODUCTO=$mirec_depa['PRODUCTO'];
?>
<table width="766" border="0" >
<?php while(!$mirec_depa->eof){
?>
<tr>
<td><a href="#" onClick="agregar('<?php echo $PRODUCTO;?>')"><?php echo $PRODUCTO;//en esta linea es donde quiero que cuando lo seleccione se ponga en mi caja de texto que esta en agregar_insumo?></a></br>
<table id=dpop class=popup>
<tr>
<td id=topleft class=corner></td>
<td class=top></td>
<td id=topright class=corner></td>
</tr>
<tr>
<td class=left></td>
<td><table class=popup-contents>
<TBODY>
<tr height="5">
<?php
$mirec_car=$micon->execute ("SELECT CARACTERISTICAS.NOMBRE_CARACTERISTICA as NOMBRE, CARACTERISTICAS.CVE_CARACTERISTICA as CLAVE, CATALOGO.VALOR_CARACTERISTICA as VALOR FROM CARACTERISTICAS INNER JOIN CATALOGO ON CARACTERISTICAS.CVE_CARACTERISTICA = CATALOGO.CVE_CARACTERISTICA WHERE CVE_PRODUCTO=".$ID);
$NOMBRE_CARACTERISTICA=$mirec_car['NOMBRE'];
$CVE_CARACTERISTICA=$mirec_car['CLAVE'];
$VALOR_CARACTERISTICA=$mirec_car['VALOR'];
while(!$mirec_car->eof){?>
<td height="3" nowrap="nowrap" align="center"><span title="hola"><em>
<?php echo $NOMBRE_CARACTERISTICA?></em>
</span><br> <?php echo $VALOR_CARACTERISTICA?></td>
<?php $mirec_car->movenext(); }?>
</tr>
<tr>
<td></td>
</tr>
<th></th>
<td></td>
</tr>
<th></th>
<td></td>
<tr>
<th></th>
<td></td>
</tr>
<tr>
<th></th>
<td></td>
</tr>
</TBODY>
</table></td>
<td class=right></td>
</tr>
<tr>
<td id=bottomleft class=corner></td>
<td class=bottom><img alt="popup tail"
src="person_tooltip_images/balloon_tail.png" width=30
height=29></td>
<td id=bottomright class=corner></td>
</tr>
</TBODY>
</table>
</div>
</td>
</tr>
<?php $mirec_depa->movenext();}?>
</table>
</BODY>
</HTML>