Eliminar textbox con una imagen

[bathorz]

Mira si puedes sacar una idea de esto:

Código Javascript:

window.onload = function() {
 
        var cont = document.getElementById("cont");
        var n;
 
        cont.addEventListener('mouseover', function(e) {
          var elem = e.target;
          n = elem.value;
          if (n.typeOf !== 'undefined') {
            elem.value = elem.value.toUpperCase();
          }
        });
 
        cont.addEventListener('click', function(e) {
          e.preventDefault();
          var elem = e.target;
          if(elem.nodeName === 'IMG')
             elem.parentNode.parentNode.removeChild(elem.parentNode);
        });
 
      };
 

Código HTML:

Mouseover: toUpperCase.<br />
Click: elimina.
    <div id="cont">
      <div id="contenedorcamposEjQ">
        <input name="estudiosQ" type="text" id="estudiosQ" size="50" value="q">
        <img name="img" src="images/signo_tache.png" width="25" height="25" title="Eliminar campo" />
      </div>
      <div id="contenedorcamposEjW">
        <input name="estudiosW" type="text" id="estudiosW" size="50" value="w">
        <img name="img" src="images/signo_tache.png" width="25" height="25" title="Eliminar campo" />
      </div>
    </div>