Ver Mensaje Individual
  #2 (permalink)  
Antiguo 25/01/2010, 15:41
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 15 años
Puntos: 65
Respuesta: jquery mostrar contenido entre dos trs

Código HTML:
<html>
    <head>
        <title>Ejemplo</title>
        <script src="jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
        $( function () {
            $("tr:odd").css("background-color", "#bbbbff");

            $('img').one('click', function (){
                fila = $('<tr class="nuevaTr"><td colspan="3">nuevo tr</td></tr>');
                $(this).parents('tr').after(fila);
            });
            
        });
        </script>
        <style>
            .nuevaTr{background-color:#ccc}
        </style>
    </head>
<body>
    <table border="0">
            <tr>
                <td><img src="imagen.gif" height="20" width="20"></td>
                <td>asd</td>
                <td>asd</td>
            </tr>
            <tr>
                <td><img src="imagen.gif" height="20" width="20"></td>
                <td>asd</td>
                <td>asd</td>
            </tr>
            <tr>
                <td><img src="imagen.gif" height="20" width="20"></td>
                <td>asd</td>
                <td>asd</td>
            </tr>
            <tr>
                <td><img src="imagen.gif" height="20" width="20"></td>
                <td>asd</td>
                <td>asd</td>
            </tr>
            <tr>
                <td><img src="imagen.gif" height="20" width="20"></td>
                <td>asd</td>
                <td>asd</td>
            </tr>
    </table>
</body>
</html> 

Última edición por Dany_s; 25/01/2010 a las 15:48