estoy tratando de generar cajas dinamicamente con javascript,y al momento de dar clic en sobre una caja de texto q se genera, queria q habriera una pagina con lightbox, pero tengo problemas para mandarla llamar no hace nada
les muestro parte de mi codigo
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
num=0;
function add() {
num++;
//Create an input type dynamically.
var element = document.createElement("input");
element.type = 'text'; // 6
element.name = 'id'+num; // 6
element.value='${partida.material.nombre}';
element.onclick=("return hs.htmlExpand(this, { objectType: 'iframe' } ), seleccionarCharla.do");
//Assign different attributes to the element.
// element.setAttribute("type", type);
// element.setAttribute("value", type);
//element.setAttribute("name", type);
var element1 = document.createElement("input");
element1.type = 'text'; // 6
element1.name = 'cantidad'+num; // 6
//element.value=
//Assign different attributes to the element.
// element1.setAttribute("type", type);
//element1.setAttribute("value", type);
//element1.setAttribute("name", type);
var element2 = document.createElement("input");
element2.type = 'text'; // 6
element2.name = 'costo'+num; // 6
//element.value=
//Assign different attributes to the element.
//element2.setAttribute("type", type);
//element2.setAttribute("value", type);
//element2.setAttribute("name", type);
var element3 = document.createElement("input");
element3.type = 'text'; // 6
element3.name = 'importe'+num; // 6
//element.value=
//Assign different attributes to the element.
//element3.setAttribute("type", type);
//element3.setAttribute("value", type);
//element3.setAttribute("name", type);
var element4 = document.createElement("input");
element4.type = 'text'; // 6
element4.name = 'seleccionar'+num; // 6
var foo = document.getElementById("fooBar");
//Append the element in page (in span).
foo.appendChild(element);
foo.appendChild(element1);
foo.appendChild(element2);
foo.appendChild(element3);
foo.appendChild(element4);
function Material(add) {
foo.removeChild(document.getElementById(add)); // 10
}
}
</script>
plis ayuda:
