Foros del Web - Ver Mensaje Individual

livemusic · #3 (**permalink**) 06/12/2011, 11:35

, me dio curiosidad resolver tu juego y me salio de la siguiente manera ..

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="" content="">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){   
    // click a la celda
    $("#live td").click(function(){
        // obtenemos el valor de la celda
        var val = $(this).attr("title");
        // recorremos la tabla para buscar
        $("#live td").each(function(){
            // obtenemos el valor de la celda 
            var compara = $(this).attr("title");
            // comparamos el valor de la celda de busqueda, con el valor de la celda almacenada
            if(val == compara){
                // muestra el valor de la celda comparada
                $(this).html(compara);
            }
        })
        // muestra el valor de la celda
        $(this).html(val);
    })  
})
</script>
<style type="text/css">
#live{ border: 1px solid; }
#live td{ width:15px; height:15px; border: 1px solid; }
</style>
</head>
<body>
<table id="live">
    <tr>
        <td title="2"></td>
        <td title="6"></td>
    </tr>
    <tr>
        <td title="3"></td>
        <td title="1"></td>
    </tr>
    <tr>
        <td title="4"></td>
        <td title="2"></td>
    </tr>
    <tr>
        <td title="7"></td>
        <td title="5"></td>
    </tr>
    <tr>
        <td title="6"></td>
        <td title="4"></td>
    </tr>
    <tr>
        <td title="5"></td>
        <td title="3"></td>
    </tr>
    <tr>
        <td title="1"></td>
        <td title="7"></td>
    </tr>
</table>
</body>
</html>

xD .. suerte