Problema con una función
Publicado por Francisco (1 intervención) el 18/08/2014 16:10:40
Buen día a todos.
Soy nuevo en el mundo del desarrollo de páginas web. Tengo un problema con una función Javascript. Les cuento el problema.
Tengo una tabla HTML con algunas filas. En cada fila tengo un link que sirve para eliminar toda la fila. En ese link llamo a una función Javascript pasando como parametro "this".
Cuando cargo la página, la primera vez recibo un mensaje en la consola JS: "ReferenceError: eliminarFila is not defined" y la fila no se borra. Pero, si refresco la página con F5 todo funciona correctamente.
En otras palabras, no puedo eliminar la fila hasta que recargo la página. Me podrían indicar que estoy haciendo mal, a continuación les dejo el código de mi página:
y este es el archivo funciones.js
Muchas gracias!
Soy nuevo en el mundo del desarrollo de páginas web. Tengo un problema con una función Javascript. Les cuento el problema.
Tengo una tabla HTML con algunas filas. En cada fila tengo un link que sirve para eliminar toda la fila. En ese link llamo a una función Javascript pasando como parametro "this".
Cuando cargo la página, la primera vez recibo un mensaje en la consola JS: "ReferenceError: eliminarFila is not defined" y la fila no se borra. Pero, si refresco la página con F5 todo funciona correctamente.
En otras palabras, no puedo eliminar la fila hasta que recargo la página. Me podrían indicar que estoy haciendo mal, a continuación les dejo el código de mi página:
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- JQuery Mobile Scrips --><script src="js/jquery-1.11.1.min.js"></script>
<script src="js/funciones.js"></script>
<script src="js/jquery.mobile-1.4.3.min.js"></script>
<!-- CSS scripts --><link rel="stylesheet" href="css/jquery.mobile-1.4.3.min.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- Menu --><div id="menu" data-role="page" data-theme="b">
<!-- Header --><div data-role="header">
<h1>Pedidos Web</h1>
</div>
<!-- Contenido --><div role="main" class="ui-content">
<table id="tablaPedidos" class="tftable">
<caption>Detalle del pedido</caption>
<thead>
<tr>
<th>Producto</th>
<th>Cant.</th>
<th>Borrar</th>
</tr>
</thead>
<tbody>
<tr>
<td>Producto 1</td>
<td>8</td>
<td><a href="#" onclick="eliminarFila(this)">Eliminar</a></td>
</tr>
<tr>
<td>Producto 2</td>
<td>100</td>
<td><a href="#" onclick="eliminarFila(this)">Eliminar</a></td>
</tr>
<tr>
<td>Producto 3</td>
<td>16</td>
<td><a href="#" onclick="eliminarFila(this)">Eliminar</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
y este es el archivo funciones.js
1
2
3
4
5
6
7
function eliminarFila(t)
{var td = t.parentNode;
var tr = td.parentNode;
var table = tr.parentNode;
table.removeChild(tr);
}Muchas gracias!
Valora esta pregunta
0