Ver Mensaje Individual
  #3 (permalink)  
Antiguo 21/04/2014, 10:53
chubse
 
Fecha de Ingreso: marzo-2012
Mensajes: 84
Antigüedad: 12 años, 1 mes
Puntos: 3
Respuesta: Eliminar textbox con una imagen

bathorz, te agradezco mucho tu ayuda y solución de mi problema, he adecuado tu código al mio y funciona de maravilla, en verdad muchas gracias, había estado días tratando de resolver esto. Dejo el código por si a alguien le sirve:

JS para eliminar textbox
Código Javascript:
Ver original
  1. window.onload = function() {
  2.  
  3.         var cont = document.getElementById("cont");
  4.         var n;
  5.  
  6.         cont.addEventListener('mouseover', function(e) {
  7.           var elem = e.target;
  8.           n = elem.value;
  9.           if (n.typeOf !== 'undefined') {
  10.             elem.value = elem.value.toUpperCase();
  11.           }
  12.         });
  13.  
  14.         cont.addEventListener('click', function(e) {
  15.           e.preventDefault();
  16.           var elem = e.target;
  17.           if(elem.nodeName === 'IMG')
  18.              elem.parentNode.parentNode.removeChild(elem.parentNode);
  19.         });
  20.  
  21.       };

Variables php
Código PHP:
$estudios $form_registro["estudios"];
$estudios_imp implode (","$estudios);
$estudios_exp explode (",",$estudios_imp);
$estudios_count count ($estudios_exp); 
Textbox
Código HTML:
Ver original
  1. <div id="cont">
  2.  
  3. <?php
  4.  
  5.     for($i=0;$i<$estudios_count;$i++) {
  6.        
  7. ?>
  8.  
  9.       <div id="contenedorcamposEj<?php echo $estudios_exp[$i]; ?>">
  10.         <input name="estudios[]" type="text" id="estudios<?php echo $estudios_exp[$i]; ?>" size="50" value="<?php echo $estudios_exp[$i]; ?>">
  11.         <img name="img" src="images/signo_tache.png" width="25" height="25" title="Eliminar campo" id="cursor_btn" />
  12.       </div>
  13.      
  14.       <?php } ?>
  15.      
  16.     </div>