Tema: Objetos javascript
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 15/02/2011, 16:19
omarMusic
 
Fecha de Ingreso: febrero-2011
Ubicación: Evolandia
Mensajes: 103
Antigüedad: 13 años, 9 meses
Puntos: 10
Respuesta: Objetos javascript
Holas, el problema es que los objetos tienen que estar declarados para poder acceder a ellos, por ej:

Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5.         <title>Objetos JS</title>
  6.         <script type="text/javascript" src="jquery.js"></script>
  7.         <script type="text/javascript">
  8.             var objeto;
  9.             
  10.             function Gato (color, edad) {
  11.                 this.color = color;
  12.                 this.edad = edad;
  13.                 this.mostrar = mostrar;
  14.                 this.cambiare = cambiare;
  15.             }
  16.  
  17.             function crear() {
  18.                 var color = "Negro";
  19.                 var edad = 10;
  20.                 objeto = new Gato(color, edad)
  21.                 objeto.mostrar();
  22.                 objeto.cambiare();
  23.             }
  24.             
  25.             function mostrar(){
  26.                 var $p = $('<p>');
  27.                 var id = "textogato";
  28.                 var $objeto = $p.attr("id", id);
  29.                 var $texto = this.color;
  30.                 var $objeto = $p.text($texto);  
  31.                 $objeto.css("display", "inline");
  32.                 $objeto.css("background", "red");
  33.                 $objeto.css("font-size", "20px");
  34.                 $objeto.css("color", "blue");
  35.                 $objeto.appendTo('body');
  36.             }
  37.  
  38.             function cambiare () {
  39.                 this.edad++;
  40.                 alert("Nueva edad: " + this.edad)
  41.             }
  42.             
  43.             function aumentarEdad () {
  44.                 objeto.cambiare();
  45.             }
  46.          </script>
  47.     </head>
  48.     <body>
  49.         <input type="button" value="Crear objeto" onclick="crear();">
  50.         <input type="button" value="Aumentar edad" id="edad" onclick="aumentarEdad();"> 
  51.     </body>
  52. </html>

si alguien sabe como declarar objetos dinámicamente y acceder a ellos, q lo diga, necesito saberlo también