Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Javascript (http://www.forosdelweb.com/f13/)
-   -   DOM: agregar campos a un form en una tabla (http://www.forosdelweb.com/f13/dom-agregar-campos-form-tabla-660063/)

jesusdelweb 07/01/2009 17:32

DOM: agregar campos a un form en una tabla
 
Hola, quiero insertar campos a un formq ue está dentro de una tabla... digo, por mí lo haría con css, pero es requerido que sea dentro de una estructura de tr's y td's... logré encontrar por la interwebs algunos códigos y llegué a lo de abajo... pero no funciona en internet explorer...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var Dom = {
get: function(el) {
if (typeof el === 'string') {
return document.getElementById(el);
} else {
return el;
}
},
add: function(el, dest) {
var el = this.get(el);
var dest = this.get(dest);
dest.appendChild(el);
},
remove: function(el) {
var el = this.get(el);
el.parentNode.removeChild(el);
}
};
var Event = {
add: function() {
if (window.addEventListener) {
return function(el, type, fn) {
Dom.get(el).addEventListener(type, fn, false);
};
} else if (window.attachEvent) {
return function(el, type, fn) {
var f = function() {
fn.call(Dom.get(el), window.event);
};
Dom.get(el).attachEvent('on' + type, f);
};
}
}()
};
Event.add(window, 'load', function() {
var i = 0;
Event.add('add-element', 'click', function() {
var el = document.createElement('tr');
var elCont = document.createElement('td');
var elCont2 = document.createElement('td');
var elInput = document.createElement('input');
var elInput2 = document.createElement('input');
elInput.type = 'text';
elInput.name = 'campo';
elInput2.name = 'campo2';
elInput2.type = 'text';
elCont.appendChild(elInput);
elCont2.appendChild(elInput2);
el.appendChild(elCont);
el.appendChild(elCont2);
Dom.add(el, 'content');
});

});
</script>

</head>
<body>
<div id="doc">
<input type="button" id="add-element" value="agregar campo" />
<div id="content"></div>

</div>

</body>
</html>


no sé si es la mejor forma de insertar elementos en un documento, agradecería su ayuda....

Panino5001 07/01/2009 17:40

Respuesta: DOM: agregar campos a un form en una tabla
 
No estás agregando todos los elementos (no vi form ni table, por ejemplo). Para que funcione en explorer hay que agregar todos los tr dentro de un tag tbody.

jesusdelweb 07/01/2009 17:49

Respuesta: DOM: agregar campos a un form en una tabla
 
listo!!!!!!!!!!!!!! excelente gracias!!!!!!!!!


La zona horaria es GMT -6. Ahora son las 06:12.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.