ejecutar evento desde boton dentro de una tabla JavaScript ASP.NET
Publicado por Carlos (2 intervenciones) el 19/05/2024 00:39:54
Hola,
estoy necesitando que cuando presione un boton dentro de una tabla des-ocultar una etiqueta div dentro de esa fila.
Primero yo con un boton general oculto el contenido de toda la tabla, necesito con el boton la fila especifica solo mostrar la de ella.
He intentado con getElementById pero me devuelve la info de la primera fila de la tabla.
Cuando uso activeElement me devuelve los datos del boton.
Como puedo acceder a la etiqueta div de la fila donde se encuentra el boton para mostrar u ocultar solo a esa?
/*BOTON HTML QUE OCULTA TODO*/
/*TABLA HTML*/
/*FUNCIONANDO JAVASCRIPT*/
/*REQUERIDO JAVASCRIPT*/
estoy necesitando que cuando presione un boton dentro de una tabla des-ocultar una etiqueta div dentro de esa fila.
Primero yo con un boton general oculto el contenido de toda la tabla, necesito con el boton la fila especifica solo mostrar la de ella.
He intentado con getElementById pero me devuelve la info de la primera fila de la tabla.
Cuando uso activeElement me devuelve los datos del boton.
Como puedo acceder a la etiqueta div de la fila donde se encuentra el boton para mostrar u ocultar solo a esa?
/*BOTON HTML QUE OCULTA TODO*/
1
<button onclick="hide()" id="btnHide">HideAll</button>
/*TABLA HTML*/
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<table id="dt_sentences" class="uk-table" cellspacing="0" width="100%">
<thead>
<tr>
<th>Sentences</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Sentences</th>
</tr>
</tfoot>
<tbody>
@foreach (var item2 in ViewBag.modelData)
{if (item2.rowNum <= 10)
{<tr>
<td>
<!--BOTON PARA MOSTRAR div csent--><button onclick="HideUnhide()" id="btnUHide" class="btnUHide"> <i class="material-icons"></i> </button>
<div class="csent" id="sent">@item2.Sentences</div>
</td>
</tr>
} }</tbody>
</table>
/*FUNCIONANDO JAVASCRIPT*/
1
2
3
4
5
6
7
<script type="text/javascript">
function hide()
{var x = document.getElementsByClassName('csent');
for (var i = 0; i < x.length; i++) { x[i].style.display = "none"; }
}</script>
/*REQUERIDO JAVASCRIPT*/
1
2
3
4
5
6
7
<script language="JavaScript">
function HideUnhide()
{element = $(document.activeElement).val();
alert(element);
}</script>
Valora esta pregunta
0