Mostrar th, td e input oculto
Publicado por John (12 intervenciones) el 27/07/2018 22:22:02
Hola queridos amigos, hoy vengo con un pequeño problema, seguramente super facil, pero que no logro hacer bien.
tengo el siguiente codigo
la idea es que al darle click en el enlace de la linea 29, me muestre la columna que esta oculta asi como tambien un input que esta dentro.
tal como esta funciona como lo necesito, a excepción que no me muestra el input ni nada de lo que ponga dentro de esa etiqueta td.
por favor alguien que me oriente!!! mil gracias!!!
tengo el siguiente codigo
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
29
30
31
32
33
<script type="text/javascript">
function cambiarDisplay(id) {
if (!document.getElementById) return false;
fila = document.getElementById(id);
if (fila.style.display != "none") {
fila.style.display = "none";
} else {
fila.style.display = "";
} }</script>
<table border="1">
<tr>
<th> Categoria </th>
<th> Alimento </th>
<th> Cantidad </th>
<th> Stock Minimo </th>
<th id="col2" onClick="cambiarDisplay('col2')" style="display:none"> Modificar Stock </th>
</tr>
<tr>
<td> Categoria 1 </td>
<td> Alimento 1 </td>
<td> Cantidad 1 </td>
<td> Stock 1 <a href="#" id="col1" onClick="cambiarDisplay('col2')">ver</a> </td>
<td id="col2" onClick="cambiarDisplay('col2')" style="display:none"> <input type="number" /> </td>
</tr>
</table>
la idea es que al darle click en el enlace de la linea 29, me muestre la columna que esta oculta asi como tambien un input que esta dentro.
tal como esta funciona como lo necesito, a excepción que no me muestra el input ni nada de lo que ponga dentro de esa etiqueta td.
por favor alguien que me oriente!!! mil gracias!!!
Valora esta pregunta
0
