Ver Mensaje Individual
  #4 (permalink)  
Antiguo 09/12/2011, 13:27
Avatar de livemusic
livemusic
 
Fecha de Ingreso: abril-2011
Ubicación: Lima - Chorrillos
Mensajes: 150
Antigüedad: 13 años, 6 meses
Puntos: 18
Respuesta: trabajar con tablas en jquery

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <meta name="" content="">
  3. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  4. <script type="text/javascript">
  5.  
  6. var count = 0;
  7. var valores = [];
  8.  
  9. $(function(){
  10.     $("#live td").unbind("click").click(function(){
  11.         var valor = $(this).attr("axis");
  12.         clickPulsados(valor);
  13.         $(this).html(valor);
  14.     })
  15. })
  16.  
  17. function clickPulsados(valor){
  18.     if(valores.length < 2){
  19.         valores.push(valor);
  20.         count++;
  21.         if(valores.length == 2){
  22.             var val1 = valores[0];
  23.             var val2 = valores[1];
  24.             if(val1 == val2){
  25.                 $("#resultado").html('LiveMusic');
  26.             }else{
  27.                 $("#resultado").html('Intentalo denuevo');
  28.             }
  29.             reinicializar();
  30.         }
  31.     }
  32. }
  33.  
  34. function reinicializar(){
  35.     count   = 0;
  36.     valores = [];
  37. }
  38. <style type="text/css">
  39. #container{ width:200px; margin:200px auto; }
  40. #live{ border: 1px solid; width: 200px; }
  41. #live td{ width:15px; height:15px; border: 1px solid; }
  42. </head>
  43.  
  44. <div id="container">
  45.     <div id="resultado"></div>
  46.     <div id="table">
  47.         <table id="live">
  48.             <tr>
  49.                 <td axis="2">&nbsp;</td>
  50.                 <td axis="6">&nbsp;</td>
  51.             </tr>
  52.             <tr>
  53.                 <td axis="3">&nbsp;</td>
  54.                 <td axis="1">&nbsp;</td>
  55.             </tr>
  56.             <tr>
  57.                 <td axis="4">&nbsp;</td>
  58.                 <td axis="2">&nbsp;</td>
  59.             </tr>
  60.             <tr>
  61.                 <td axis="7">&nbsp;</td>
  62.                 <td axis="5">&nbsp;</td>
  63.             </tr>
  64.             <tr>
  65.                 <td axis="6">&nbsp;</td>
  66.                 <td axis="4">&nbsp;</td>
  67.             </tr>
  68.             <tr>
  69.                 <td axis="5">&nbsp;</td>
  70.                 <td axis="3">&nbsp;</td>
  71.             </tr>
  72.             <tr>
  73.                 <td axis="1">&nbsp;</td>
  74.                 <td axis="7">&nbsp;</td>
  75.             </tr>
  76.         </table>
  77.     </div>
  78. </div>
  79. </body>
  80. </html>