JavaScript - TABLA DINAMICA/FORMULARIO DINAMICO

TABLA DINAMICA/FORMULARIO DINAMICO

Publicado por Onah (1 intervención) el 09/04/2005 19:47:02

Soy novata en esto de los formularios, asi que si por favor me podeis echar una manita os lo agradeceré :D: Supongamos que tenemos una variable llamada Jugadores. Tengo que construir un formulario con el mismo numero de lineas (filas) que jugadores, y en cada fila hay una serie de buttons, cajas de texto, etc... Lo que no se hacer, es como utilizar un bucle para que pinte esta tabla con el numero de filas correcto.. El único código qeu se me había ocurrido es el siguiente:

<div=\"fomulario\">
<table>

<tr><td>....</td>
</tr>

</table>
</div>

Pero esto, no funciona, algo parecido funcionaba con php.... :( pero enjavascript estoy totalmente perdida

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

RE:TABLA DINAMICA/FORMULARIO DINAMICO

Publicado por german (11 intervenciones) el 13/04/2005 05:03:20

para crear objetos dinamicamente con javascript tenes dos alternativas, una es usar document.write('<>') y adentro del parentesis colocar el tag q querés crear, por ejempo pra crear una pagina con un select, un boton y un link usás este codigo
document.write(<html>);
document.write('<head>');
document.write('<body>');
document.write('<select size="1" name="Name" width="170"></select>');
document.write('<input name="Name" type="text" value="">');
document.write('<input type="button" value="agregar rubro" >');
document.write('<a href="">eliminar rubro</a>' );
document.write('</body>');
document.write('</head>');
document.write(</html>);
La otra alternativa es usar DOM, en los q podés crear objetos al vuelo, muy util, algo paracedo a lo anterior usando DOM sería

function crear(){
//crea un salto de página
var salto=document.createElement('P');
document.body.appendChild(salto);

//crea un combobox
var text1=document.createElement('select');
text1.setAttribute('id','select');
text1.border='1';
text1.size='1';
text1.style.width='170';

document.body.appendChild(text1);

//crea una caja de texto
var text2=document.createElement('input');
text2.setAttribute('id','text2');
text2.border='1';
text2.width='170';
text2.height='21';
text2.maxlength='5';

document.body.appendChild(text2);

//crea un boton
var button1=document.createElement('button');

button1.setAttribute('id','button1');
button1.style.width='80';
button1.style.height='25';
button1.style.value="agregar rubro";

document.body.appendChild(button1);

var salto=document.createElement('P');
document.body.appendChild(salto);
}
como podrás apreciar con DOM se crean variables para luego setear sus atributos, no incluí la creación de un link por la sola razon de q no se como hacer, si lo averigüas me remitís un mail a [email protected]?, te agradezco y espero q esto te ayude en algo

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar