Solucio botons atributs
De wikiserver
La revisió el 20:24, 12 feb 2015 per Jnoguera (Discussió | contribucions) (Es crea la pàgina amb «<source lang="java"> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/estilos3.css"> <script src="js/jquery-1.5.1.min.…».)
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/estilos3.css">
<script src="js/jquery-1.5.1.min.js" ></script>
<script src="js/fichero4_attr.js" ></script>
<title>Ejercicio3_Eventos1</title>
</head>
<body>
<input type="button" id="boton1" value="Añadir propiedad border"><br>
<input type="button" id="boton2" value="Recuperar valor de la propiedad border"><br>
<input type="button" id="boton3" value="Eliminar la propiedad border">
<table id="tabla1">
<tr>
<td>1111111111</td><td>1111111111</td><td>1111111111</td><td>1111111111</td>
</tr>
<tr>
<td>2222222222</td><td>2222222222</td><td>2222222222</td><td>2222222222</td>
</tr>
<tr>
<td>3333333333</td><td>3333333333</td><td>3333333333</td><td>3333333333</td>
</tr>
</table>
</body>
</html>
//Fichero Jquery
$(document).ready(inicializarEventos);
function inicializarEventos(){
$("#boton1").click(agregarPropiedadBorder);
$("#boton2").click(recuperarPropiedadBorder);
$("#boton3").click(eliminarPropiedadBorder);}
function agregarPropiedadBorder(){
$("#tabla1").attr("border","1");}
function recuperarPropiedadBorder(){
var x=$("#tabla1");
if (x.attr("border")!=undefined)
alert(x.attr("border"));
else
alert("No está definida la propiedad border en la tabla");}
function eliminarPropiedadBorder(){
$("#tabla1").removeAttr("border");}
