Buenos Dias
Tengo un inconveniente y no le he dado con el chiste creo que es una tontería que estoy pasando por alto pero ya revise e intente de diferentes formas y no he podido. agradezco la ayuda que me pueden brindar.
Yo consulto una tabla de capacitaciones y me genera todas las capacitaciones necesito que al dar clic en el nombre de la capacitación muestre la información de esa capacitación en un popup, pero cuando realizo esto en javascript solo me funciona para primera capacitación ya para el resto de las capacitaciones no me abre el popup
Lo que estoy haciendo aqui es por cada resultado me muestre un popup, lo que yo habia puesto es el id+id de mi tabla para identificar el popup
Código PHP:
<?php
$sqlCapa = 'select * from capacitaciones';
$ejesqlCapa = mysqli_query($con, $sqlCapa) or die('Error en la consulta de la capacitacion ' . mysqli_error($con));
while ($rows = mysqli_fetch_array($ejesqlCapa)) {
?>
<input type="hidden" value="<?php echo $rows['idCapacitacion'] ?>" id="idtxt"/>
<div id="header2" style="background-image: url(<?php echo $rows['imagen']; ?>) ;">
<a href="#" id="open<?php echo $rows['idCapacitacion'] ?>" class="nombreCap"><br>
<?php echo utf8_decode($rows['nomCapacitacion']); ?>
</a>
</div>
<div id="popup<?php echo $rows['idCapacitacion'] ?>" style="display: none;">
<div class="content-popup">
<div class="close<?php echo $rows['idCapacitacion'] ?>"><a href="#" id="close"><img src="images/close.png"/></a></div>
<div>
<?php
echo '<span id="descCapa">Descripcion: <br>' . utf8_decode($rows['descripcion']) . '</span><br><br>';
echo '<span id="descCapa">Responsable: <br>' . $rows['responsableCapa'] . '</span><br><br>';
echo '<span id="descCapa">Fecha - Hora: <br>' . $rows['fechaCapacitacion'] . ' - ' . $rows['horaCapacitacion'] . '</span><br>';
?>
</div>
</div>
</div>
<?php
}
y en la parte del javascript resivo el valor del campo de texto y lo concateno con el id dell popup
Código Javascript
:
Ver original$(document).ready(function () {
var id = $('#idtxt').val();
if (id != '') {
$('#open' + id).click(function () {
$('#popup' + id).fadeIn('slow');
$('body').css('opacity', '0.9');
// return false;
alert('valor de ' + id + 'if');
});
$('#popup' + id).mouseleave(function () {
$('#popup' + id).fadeOut('slow');
$('body').css('opacity', '1');
return false;
});
$('#close' + id).click(function () {
$('#popup' + id).fadeOut('slow');
$('body').css('opacity', '1');
return false;
});
} else {
alert('no tiene ' + idv + 'else');
}
});
gracias por la ayuda que me puedan brindar