3 - Selección de un elemento del documento mediante el id.


Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado)

Problema:

<html>
<head>
<title>Problema</title>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<table border="1">
<tr id="fila1">
<td>1111111111</td><td>1111111111</td><td>1111111111</td><td>1111111111</td>
</tr>
<tr id="fila2">
<td>2222222222</td><td>2222222222</td><td>2222222222</td><td>2222222222</td>
</tr>
</table>
</body>
</html>
var x;
x=$(document);
x.ready(inicializarEventos);

function inicializarEventos()
{
  var x;
  x=$("#fila1");
  x.click(presionFila1);
  x=$("#fila2");
  x.click(presionFila2);
}

function presionFila1()
{
  var x;
  x=$("#fila1");
  x.css("background-color","eeeeee");
}

function presionFila2()
{
  var x;
  x=$("#fila2");
  x.css("background-color","eeeeee");
}

Confeccionar una página que muestre una tabla con dos filas cambiar el color de fondo cuando sea presionada con el mouse.


Ver solución

pagina1.html





funciones.js



Retornar