formulario dinámico

Phantomluffy · #1 (**permalink**) 10/05/2010, 08:01

Hola buenas, soy nuevo en esto de programar y tengo unas cuantas dudas de lo que estoy haciendo, me gustaría saber si podriais solucionarmelas. A continuacion os comento mi problema:

En el codigo que os pondre a continuacion, cuando hago click en crear me clona lo que yo quiero pero si vuelvo a pulsar me lo triplica por asi decirlo y solo me funciona el último.. los anteriores botones no hacen nada. Luego el borrar solo funciona también el último y borra directamente todos (solo quiero borrar el mismo al que le doy click):

Uso Notepadd++.

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
      <style>
        input{ margin:5px; cursor:pointer; }
      </style>
      <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
        <div>
            <h2>Certificados</h2>
                <div class="form">
                    <FORM method="post" action="#" name="" >
                        <TABLE cellpadding="8px" width="75%" >  
                            <tr><td>Citaci&oacute;n de los certificados, especificaciones de producto, requisitos de usuario, etc sobre los que se han evaluado el recurso registrado</td>
                            <td><input type="text" size="30" maxlength="10" ></td></tr>
                            <tr><td>Fecha de obtenci&oacute;n</td>
                                <td><input type="text" name="date8" id="sel8" size="26"><a onclick="return showCalendar('sel3', '%d/%m/%Y');"></td></tr>
                            <tr><td>Descripci&oacute;n de los certificados</td>
                                <td><input type="text" size="30" maxlength="10" ></td></tr>
                            <tr><td><input type="button" value="borrar" class="borrar">
                                    <input type="button" value="crear" class="crear"></td></tr>
                        </table>
                    </form>
                </div>
        </div>
    <script>
        $("input.borrar").click(function () { 
          $('div.form').slideUp(); 
        });
        $("input.crear").click(function () {
        $('div.form').clone().prependTo("div.form");
        });
    </script>
    </body>
</html>

Gracias de antemano, un saludo a todos.

Phantomluffy · #2 (**permalink**) 11/05/2010, 05:14

Ya no hace falta que contesteis.