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>
<link rel="StyleSheet" href="estilos.css" type="text/css">
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<form action="#" method="post">
<input type="text" name="text1" id="text1" value="Hola"
size="20">
<br>
<input type="text" name="text2" id="text2" value="Hola"
size="20">
</form>
</body>
</html>
var x;
x=$(document);
x.ready(inicializarEventos);
function inicializarEventos()
{
var x=$("#text1");
x.focus(tomaFoco);
x=$("#text2");
x.focus(tomaFoco);
}
function tomaFoco()
{
var x=$(this);
x.css("color","f00");
}#text1,#text2 {
color:#00f;
}