Solucio botons atributs

De wikiserver
Dreceres ràpides: navegació, cerca
<!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");}