Edupeques / dev-Edupeques

1 stars 0 forks source link

Fallos con reconocerCantidades1 #3

Closed desiraj closed 10 years ago

desiraj commented 10 years ago

El codigo de javascript, en la linea 29 no me reconoce la propiedad src, me la reconoce como "undefined" image

¿Existe alguna manera de que esa variable que pasamos por la funcion la tenga como una imagen? si no es asi, tendria que hacer un tocho codigo y no seria algo muy consistente

tembleking commented 10 years ago

Prueba con esto:

@@ -15,23 +15,20 @@
        }
      </style>
      <script>
-        respuesta=new Array();
-        respuesta[0]="3";
-        respuesta[1]="3";
-        respuesta[2]="1";
-        respuesta[3]="2";
-        respuesta[4]="1";
+        respuesta=["3","3","1","2","1"];
         var aciertos=0;
-        function comprobar(ident,part, imagen)
+        function comprobar(obj)
         {
-            if (respuesta[part.substr(3)]==ident && aciertos==part.substr(3))
+            var part = obj.id.substr(3);
+            var ident = obj.value;
+            if (respuesta[part]==ident && aciertos==part)
             {
-                imagen.name.src="./images/tiki.png";
-                aciertos=aciertos+1;
+                document.getElementById("img"+part).setAttribute("src","./images/tiki.png");
+                aciertos++;
             }
-            else if(respuesta[part.substr(3)]!=ident && aciertos==part.substr(3))
+            else if(respuesta[part]!=ident && aciertos==part)
             {
-                imagen.name.src="./images/nono.png";
+                document.getElementById("img"+part).setAttribute("src","./images/nono.png");
             }
         }
      </script>
@@ -43,23 +40,23 @@
      <table style="position:relative; margin-left:55%;width:30%" cellspacing="20" >
      <tr>
        <td><img src="./images/bandera.png"/></td>
-       <td><input type="text" class="respuesta" size="1"  maxlength="1" id="cam0" onblur="comprobar(this.value, this.id, 'img0')" value="" /> <img src="./images/sero.png" name="img0" width="50"/></td>
+       <td><input type="text" class="respuesta" size="1"  maxlength="1" id="cam0" onblur="comprobar(this)" value="" /> <img src="./images/sero.png" id="img0" width="50"/></td>
      </tr>
      <tr>
        <td><img src="./images/bici.png"/></td>
-       <td><input type="text" class="respuesta" size="1" maxlength="1" id="cam1"  onblur="comprobar(this.value, this.id, 'img1')" value=""/> <img src="./images/sero.png" name="img1" width="50"/></td>
+       <td><input type="text" class="respuesta" size="1" maxlength="1" id="cam1"  onblur="comprobar(this)" value=""/> <img src="./images/sero.png" id="img1" width="50"/></td>
      </tr>
      <tr>
        <td><img src="./images/coche.png"/></td>
-       <td><input type="text" class="respuesta" size="1" maxlength="1" id="cam2"  onblur="comprobar(this.value, this.id , 'img2')" value=""/> <img src="./images/sero.png" name="img2" width="50"/></td>
+       <td><input type="text" class="respuesta" size="1" maxlength="1" id="cam2"  onblur="comprobar(this)" value=""/> <img src="./images/sero.png" id="img2" width="50"/></td>
      </tr>
      <tr>
        <td><img src="./images/moto.png"/></td>
-       <td><input type="text" class="respuesta" size="1" maxlength="1" id="cam3" onblur="comprobar(this.value, this.id , 'img3')" value=""/> <img src="./images/sero.png" name="img3" width="50"/></td>
+       <td><input type="text" class="respuesta" size="1" maxlength="1" id="cam3" onblur="comprobar(this)" value=""/> <img src="./images/sero.png" id="img3" width="50"/></td>
      </tr>
       <tr>
        <td><img src="./images/policia.png"/></td>
-       <td><input type="text" class="respuesta" size="1" maxlength="1" id="cam4" onblur="comprobar(this.value, this.id, 'img4')" value=""/> <img src="./images/sero.png" name="img4" width="50"/></td>
+       <td><input type="text" class="respuesta" size="1" maxlength="1" id="cam4" onblur="comprobar(this)" value=""/> <img src="./images/sero.png" id="img4" width="50"/></td>
      </tr>
      </table>
     </body>