Pregunta:
Fecha: 13-09-2018 14:14:36
(En Español)
Tengo una tabla bootstrap en donde en una de las columnas acorto el texto porque es muy largo, al dar clic en esa columna logro desplegar con alert el texto largo. Quisiera hacer lo mismo para desplegar el texto largo ya sea con una ventana modal o que al pasar el ratón sobre el texto corto aparezca el texto largo y al salir de la columna desaparezca el texto largo.
Si me dieran alguna idea de que debo investigar se los agradecería.
La parte de la tabla es la siguiente: el HTML
<td class="rows" onClick="muestra_caja('<?php echo $v_desnum;?>');">
<?php echo substr($v_desnum,0,60); ?></td>
Y el Java script
function muestra_caja(v_des){
alert(v_des);
}
Lo que he visto que con la ventana modal la presentación es más elegante solo que no he encontrado un ejemplo que pueda entender, ya que lo que requiero solo es desplegar el texto completo.
Saludos Votos: 0 - Respuestas: 2 - Vistas: 17 Compartir en: Google Facebook Twitter LinkedIn Link
Pasar valor php a ventana modal[No resuelta]
Buen día.Tengo una tabla bootstrap en donde en una de las columnas acorto el texto porque es muy largo, al dar clic en esa columna logro desplegar con alert el texto largo. Quisiera hacer lo mismo para desplegar el texto largo ya sea con una ventana modal o que al pasar el ratón sobre el texto corto aparezca el texto largo y al salir de la columna desaparezca el texto largo.
Si me dieran alguna idea de que debo investigar se los agradecería.
La parte de la tabla es la siguiente: el HTML
<td class="rows" onClick="muestra_caja('<?php echo $v_desnum;?>');">
<?php echo substr($v_desnum,0,60); ?></td>
Y el Java script
function muestra_caja(v_des){
alert(v_des);
}
Lo que he visto que con la ventana modal la presentación es más elegante solo que no he encontrado un ejemplo que pueda entender, ya que lo que requiero solo es desplegar el texto completo.
Saludos Votos: 0 - Respuestas: 2 - Vistas: 17 Compartir en: Google Facebook Twitter LinkedIn Link
Respuestas:
-
Fecha: 14-09-2018 02:31:51 Miguel
Buenos dias
Aqui te paso un ejemplo completo para que lo veas en un VIDEOTUTORIAL a travez de este LINCK:
Hacer Clic aqui para ver el video
Autor: César Cancino Votos: 1 - Link respuesta -
Fecha: 14-09-2018 12:23:37 Gracias César, me gaste mi crédito para ver el vídeo en youtube (esta restringido en el trabajo) pero valió la pena, ya puedo mostrar en una ventana modal el texto completo, ahora solo estoy trabajando en como se vea mejor.
Saludos
En mi tabla en el archivo php principal
<td class="rows" data-toggle="modal" data-target="#modal" onclick="carga_modal('<?php echo $v_desnum;?>','modal','carga_modal.php')"><?php echo substr($v_desnum,0,50); ?></td>
En la región script
function carga_modal(id,div,url){
//alert(id);
$.post(
url,
{id:id},
function (resp){
$("#"+div+"").html(resp);
}
);
}
dentro del div donde esta mi tabla
<!--modal-->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModallabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Descripción</h4>
</div>
<div class="modal-body">
<h1>Texto largo</h1>
</div>
</div>
</div>
</div>
<!--modal-->
carga_modal.php
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel" align="center">Descripción</h4>
</div>
<div class="modal-body">
<h5 align="justify"><?php echo $_POST["id"];?></h5>
<!-- <p class="lead" align="justify"><?php echo $_POST["id"];?></p> -->
</div>
</div>
</div> Votos: 0 - Link respuesta
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
