Solucio text

De wikiserver
Dreceres ràpides: navegació, cerca
<html>
<head>
<title>Problema</title>
<script type="text/javascript" src="../jquery.js"></script>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<input type="button" value="Obtener el texto contenido en un párrafo" id="boton1"><br>
<input type="button" value="Modificar el texto de un párrafo" id="boton2"><br>
<input type="button" value="Modificar el texto de los elementos td de una tabla" id="boton3"><br>
<p id="parrafo1">Texto del primer párrafo</p>
<table border="1">
<tr>
<td>celda 1,1</td><td>celda 1,2</td>
<td>celda 2,1</td><td>celda 2,2</td>
</tr>
</table>
</body>
</html>


var x;
x=$(document);
x.ready(inicializarEventos);

function inicializarEventos()
{
  var x=$("#boton1");
  x.click(extraerTexto);
  x=$("#boton2");
  x.click(modificarTexto);
  x=$("#boton3");
  x.click(modificarDatosTabla);
}

function extraerTexto()
{
  var x=$("#parrafo1");
  alert(x.text());
}

function modificarTexto()
{
  var x=$("#parrafo1");
  x.text("Nuevo texto del párrafo");
}

function modificarDatosTabla()
{
  var x=$("td");
  x.text("texto nuevo");
}