Es que no consigo hacerlo
- <html><head>
- <title>Ejemplo</title>
- <script type="text/javascript">
- num=0;
- function crearAmbito(obj) {
- num++;
- //Creamos los datos del area
- fi = document.getElementById(obj.form.id);
- contenedor = document.createElement('div');
- contenedor.id = 'div'+num;
- fi.appendChild(contenedor);
- txt = document.createElement('<br>'); // Meto un salto de línea
- contenedor.appendChild(txt);
- txt = document.createElement('<br>'); // Meto un salto de línea
- contenedor.appendChild(txt);
- txt = document.createTextNode('Nombre del ámbito: '); //Creamos el modulo
- ele = document.createElement('input');
- ele.type = 'text';
- ele.size='40';
- ele.name = 'cNombreAmbito'+num;
- contenedor.appendChild(txt);
- contenedor.appendChild(ele);
- txt = document.createElement('<br>'); // Meto un salto de línea
- contenedor.appendChild(txt);
- txt = document.createElement('<br>'); // Meto un salto de línea
- contenedor.appendChild(txt);
- txt = document.createTextNode(' Horas del ámbito: '); //Creamos las horas del modulo
- ele = document.createElement('input');
- ele.type = 'text';
- ele.name = 'cHorasAmbito'+num;
- ele.size='5';
- contenedor.appendChild(txt);
- contenedor.appendChild(ele);
- txt = document.createElement('<br>'); // Meto un salto de línea
- contenedor.appendChild(txt);
- txt = document.createElement('<br>'); // Meto un salto de línea
- contenedor.appendChild(txt);
- ele = document.createElement('input');
- ele.type = 'button';
- ele.value = 'Borrar';
- ele.name = 'div'+num;
- ele.onclick = function () {borrar(this.name,obj.form.id)}
- contenedor.appendChild(ele);
- }
- function borrar(obj,idfrm) {
- fi = document.getElementById(idfrm);
- fi.removeChild(document.getElementById(obj));
- }
- function validar(frm) {
- var iEls=frm.elements.length;
- for (var i=0; i<iEls; i++) {
- var o=frm.elements[i];
- if (o.name.substring(1,2)=="H") {
- alert("Valido las horas "+o.name);
- }
- else if (o.name.substring(1,2)=="N") {
- alert("Valido el nombre "+o.name);
- }
- }
- }
- </script>
- </head>
- <body>
- <fieldset>
- <form onsubmit="return false" id="fiel">
- <table border="1" width="100%">
- <tr>
- <th><input type="button" value="Crear en este fieldset" name="B3" onclick="crearAmbito(this)"></th>
- <th><input type="button" value="Validar este fieldset" name="B3" onclick="validar(this.form)"></th>
- </tr>
- </table>
- </form>
- </fieldset>
- <fieldset>
- <form onsubmit="return false" id="fie2">
- <table border="1" width="100%">
- <tr>
- <th><input type="button" value="Crear en este fieldset" name="B3" onclick="crearAmbito(this)"></th>
- <th><input type="button" value="Validar este fieldset" name="B3" onclick="validar(this.form)"></th>
- </tr>
- </table>
- </form>
- </fieldset>
- <fieldset>
- <form onsubmit="return false" id="fie3">
- <table border="1" width="100%">
- <tr>
- <th><input type="button" value="Crear en este fieldset" name="B3" onclick="crearAmbito(this)"></th>
- <th><input type="button" value="Validar este fieldset" name="B3" onclick="validar(this.form)"></th>
- </tr>
- </table>
- </form>
- </fieldset>
- </body>
- </html>
Muchas gracias