Comunidad de diseño web y desarrollo en internet online

add y delete elementos

Citar            
MensajeEscrito el 05 Feb 2010 03:27 pm
Hola a todos...
Tengo al siguiente función que agrega en el div "files" lo que le defina a la variable "adh":

Código Javascript :

var nfiles = 1;
      function Expand(){
        nfiles++
        var adh = '<b> Foto '+nfiles+':</b><br />GRANDE <input type="file" name="fotog'+nfiles+'" id="fotog'+nfiles+'"><br />peuqe&ntilde;a <input type="file" name="fotop'+nfiles+' id="fotop'+nfiles+'"><br /><br />';
        files.insertAdjacentHTML('BeforeEnd',adh);
        return false;
      }
      function Collapse(){
         nfiles--
      }


cómo hago o cómo es la función para eliminar?
Muchas gracias
Salut y vita!
Emiliano

Por boratlon

Claber

139 de clabLevel



 

msie7
Citar            
MensajeEscrito el 12 Feb 2010 08:20 pm
Podrias hacerlo de la siguiente manera:

1- Creo que es conveniente que la variable adh de la funcion Expand comienze con un div, es decir:

Código Javascript :

var adh= '<div id='+nfiles+'<b> Foto '+nfiles+':</b><br />GRANDE <input type="file" name="fotog'+nfiles+'" id="fotog'+nfiles+'"><br />peuqe&ntilde;a <input type="file" name="fotop'+nfiles+' id="fotop'+nfiles+'"><br /><br /></div>'; 

y empleando el framework jQuery, la funcion Collapse tendria este aspecto.

Código Javascript :

function Collapse() {
      $("#"+nfiles+" > div:last").remove();
      nfiles--;
}


Pruebalo y me cuentas ok. Saludos

Por bucle_infinito

Claber

166 de clabLevel

1 tutorial

 

.NET Developer

firefox
Citar            
MensajeEscrito el 12 Feb 2010 08:22 pm
Perdon creo que esta es la forma correcta de la funcion

Código Javascript :

function Collapse() { 
      $("#"+nfiles).remove(); 
      nfiles--; 
} 

Por bucle_infinito

Claber

166 de clabLevel

1 tutorial

 

.NET Developer

firefox
Citar            
MensajeEscrito el 12 Feb 2010 08:42 pm
Hola bucle_infinito gracias por tu respuesta, lo acabo de probar y no funciona... el error es que se esperaba un objeto. Lo puse con divs y todo y nada :S
Gracias de nuevo... Saludos. Emiliano

Por boratlon

Claber

139 de clabLevel



 

chrome
Citar            
MensajeEscrito el 14 Feb 2010 12:14 am
Hola emiliano, yo usé algo como lo que te aconseje y me funciono a la perfeccion. Igual visita el siguiente enlace donde muestran justamente lo que tu quieres hacer: Agregar o Quitar campos usando AJAX.
Saludos

Por bucle_infinito

Claber

166 de clabLevel

1 tutorial

 

.NET Developer

firefox
Citar            
MensajeEscrito el 14 Feb 2010 03:35 pm
Muchas gracias... ahora sí... faltaba el js que en ese ejemplo me pasaste... abrazo grande y garcias de nuevo

Por boratlon

Claber

139 de clabLevel



 

msie7
Citar            
MensajeEscrito el 15 Feb 2010 07:31 am
Me alegro que hayas resuelto tu problema. Si tienes razon me habia olvidado de comentarte que tenias que enlazar el archivo jquery.js.
Saludos

Por bucle_infinito

Claber

166 de clabLevel

1 tutorial

 

.NET Developer

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.