Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/04/2012, 17:28
Avatar de andrewp
andrewp
 
Fecha de Ingreso: agosto-2003
Ubicación: Barcelona
Mensajes: 1.160
Antigüedad: 21 años, 6 meses
Puntos: 5
Pregunta Cambiar boton por imagen...

Hola...

No soy muy experto en JavaScript y es por eso que os pido vuestra ayuda...

Tengo un .JS que sirve para subir multiples archivos a un servidor, acompañado de un formulario típico en PHP.
El caso, es que el código de JS me muestra un botón para eliminar el archivo de la lista (delete) pero es muy grande y me gustaría cambiarlo por una imagen más agradable (línea 33 y 34). El código es el siguiente:

Código Javascript:
Ver original
  1. function MultiSelector( list_target, max ){
  2.     this.list_target = list_target;
  3.     this.count = 0;
  4.     this.id = 0;
  5.     if( max ){this.max = max;
  6.     } else {
  7.         this.max = -1;};
  8.     this.addElement = function( element ){
  9.         if( element.tagName == 'INPUT' && element.type == 'file' ){
  10.             element.name = 'file_' + this.id++;
  11.             element.multi_selector = this;
  12.             element.onchange = function(){
  13.                 var new_element = document.createElement( 'input' );
  14.                 new_element.type = 'file';
  15.                 this.parentNode.insertBefore( new_element, this );
  16.                 this.multi_selector.addElement( new_element );
  17.                 this.multi_selector.addListRow( this );
  18.                 this.style.position = 'absolute';
  19.                 this.style.left = '-5000px';
  20.             };
  21.             if( this.max != -1 && this.count >= this.max ){
  22.                 element.disabled = true;
  23.             };
  24.             this.count++;
  25.             this.current_element = element;
  26.         } else {
  27.             alert( 'Error: not a file input element' );
  28.         };
  29.     };
  30.     this.addListRow = function( element ){
  31.         var new_row = document.createElement( 'div' );
  32.         var new_row_button = document.createElement( 'input' );
  33.         new_row_button.type = 'button';
  34.         new_row_button.value = 'Delete';
  35.         new_row.element = element;
  36.         new_row_button.onclick= function(){
  37.             this.parentNode.element.parentNode.removeChild( this.parentNode.element );
  38.             this.parentNode.parentNode.removeChild( this.parentNode );
  39.             this.parentNode.element.multi_selector.count--;
  40.             this.parentNode.element.multi_selector.current_element.disabled = false;return false;
  41.         };
  42.         new_row.innerHTML = element.value;
  43.         new_row.appendChild( new_row_button );
  44.         this.list_target.appendChild( new_row );
  45.     };
  46. };

En cualquier caso, las líneas son:

Código Javascript:
Ver original
  1. new_row_button.type = 'button';
  2. new_row_button.value = 'Delete';

Sabéis cómo puedo hacerlo?

Gracias!
__________________
Andrew :P