Foros del Web » Programando para Internet » Javascript »

ayuda.. dar formato a esto...

Estas en el tema de ayuda.. dar formato a esto... en el foro de Javascript en Foros del Web. hola amigos... necesito me ayuden a lo siguiente tengo un script en mi pagina.php , el cual al darle click al boton <input name="Submit3" type="button" ...
  #1 (permalink)  
Antiguo 14/09/2009, 17:11
 
Fecha de Ingreso: diciembre-2008
Mensajes: 268
Antigüedad: 16 años, 3 meses
Puntos: 0
Pregunta ayuda.. dar formato a esto...

hola amigos...

necesito me ayuden a lo siguiente

tengo un script en mi pagina.php , el cual al darle click al boton <input name="Submit3" type="button" class="rojo" onClick="Agregar()" value="Agregar +">, se agregan nuevas textareas para ingresar tantos valores como desee el usuario....

aqui TODO BIEN... el tema es que cada vez que se hace click... aparece lo siguiente:

1. Cod. -- Cargo -- Cant. -- Unidad: [campo 1] [campo 2] [campo 3] [campo 4]

y me gustaría que me mostrara:

1. Cod :[campo 1] Cargo : [campo 2] Cant. :[campo 3] Unidad : [campo 4]

espero me puedan ayudar
EXITOS.-

este es el script :

Código HTML:
Num=0; 
function Agregar(){ 
        obj=document.getElementById('tabla'); 
        f=document.getElementById('fila'); 
        Num++; 
        elTr=document.createElement('tr'); 
        elTd=document.createElement('td'); 
        elTd.innerHTML=+Num+'. Cod.  --  Cargo  --  Cant.  -- Unidad:'; 
        elTr.appendChild(elTd); 
        elTd=document.createElement('td');
	elTd.align='left';
	elTr.align='right';
	elTd.width='72%';

	elemitem=document.createElement('input');
        elemitem.type='textarea';  
        elemitem.name='item[]'+Num;
	elemitem.size='3';

        elem=document.createElement('input');
        elem.type='textarea';  
        elem.name='cargo[]'+Num;
	elem.size='30'; 
		
        elemTxt=document.createElement('input'); 
        elemTxt.type='textarea'; 
        elemTxt.name='tiempo[]'+Num;
        elemTxt.size='4'; 
		
	elemuni=document.createElement('input'); 
        elemuni.type='textarea'; 
        elemuni.name='unidad[]'+Num;
        elemuni.size='4'; 

        elTd.appendChild(elemitem);
	elTd.appendChild(elem); 
        elTd.appendChild(elemTxt);
	elTd.appendChild(elemuni); 

        elTr.appendChild(elTd); 
        obj.insertBefore(elTr,f) 
        }
  #2 (permalink)  
Antiguo 14/09/2009, 18:38
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 10 meses
Puntos: 1485
Respuesta: ayuda.. dar formato a esto...

tienes que dividir la cadena en varios textNode para ir agregandolos en el orden apropiado. o sea:
Código:
elTd.appendChild(document.createTextNode(Num + ". Cod."));
// append campo;
elTd.appendChild(document.createTextNode("Cargo"));
// append campo;
elTd.appendChild(document.createTextNode("Cantidad"));
// append campo;
elTd.appendChild(document.createTextNode("Unidad"));
// appendCampo;
y por cierto, no existe "textarea" como valor al type de un input.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 14/09/2009, 19:17
 
Fecha de Ingreso: diciembre-2008
Mensajes: 268
Antigüedad: 16 años, 3 meses
Puntos: 0
Respuesta: ayuda.. dar formato a esto...

Cita:
Iniciado por zerokilled Ver Mensaje
tienes que dividir la cadena en varios textNode para ir agregandolos en el orden apropiado. o sea:
Código:
elTd.appendChild(document.createTextNode(Num + ". Cod."));
// append campo;
elTd.appendChild(document.createTextNode("Cargo"));
// append campo;
elTd.appendChild(document.createTextNode("Cantidad"));
// append campo;
elTd.appendChild(document.createTextNode("Unidad"));
// appendCampo;
y por cierto, no existe "textarea" como valor al type de un input.
Gracias zerokilled.. voy a probar lo que me dices..
en todo caso no tengo idea de script... el ejemplo lo saque tal cual de una página
Exitos.-
  #4 (permalink)  
Antiguo 14/09/2009, 19:32
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 10 meses
Puntos: 1485
Respuesta: ayuda.. dar formato a esto...

pues practicamente lo tienes, es un simple ubicar. en cada // append campo; tienes que poner esta parte. claro, linea por linea. no es que vas a poner las cuatro lineas en cada // append campo;
Código:
        elTd.appendChild(elemitem);
	elTd.appendChild(elem); 
        elTd.appendChild(elemTxt);
	elTd.appendChild(elemuni);
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:38.