[SOLUCIONADO] javascript onchange

marcelocuiza_de · #1 (**permalink**) 03/04/2013, 16:41

salu2.

necesito obtener el id del un elemento que activo a una funcion.. eje.
formulario:

<form id="frm">
<input type="text" id="uno" />
<input type="text" id="dos" />
<input type="text" id="tres" />
<input type="text" id="cuatro" />
<input type="text" id="cinco" />
</form>

javascript:

<script>
this.onchange = prueba;

function prueba(id)
{
// q me diga que elemento del formulario llamo a esta funcion;
}
</script>

es un script generico, por lo tanto ninguna elemento tendra un onchange="". es decir: <input type="text" id="cinco" onchange="prueba(this.id)"/>

me dejo entender? ayuda porfa..

emprear · #2 (**permalink**) 03/04/2013, 18:09

No se entiende muy bien compañero
si

Cita:

ninguna elemento tendra un onchange

quien va a llamar a tu función?

A no ser que lo que quieras es hacer algo más o menos asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>inicio</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function redirije(t){
alert(t.title)
}
 
window.onload = function(){
var linksmenu = [];
var contiene_links = document.getElementById('menu');
linksmenu = contiene_links.getElementsByTagName('button');   
    for (i=0; i<linksmenu.length; i++) {
        if (linksmenu[i].addEventListener){
        linksmenu[i].addEventListener("click", function(){redirije(this)}, false);
        }else{ // <IE9
            if (linksmenu[i].attachEvent){
            linksmenu[i].attachEvent ("onclick", function () {redirije(this)});
        }   
        }
    }
}
//]]>
</script>
</head>
<body>
<div id="menu">
<button title="1">1</button><br />
<button title="2">2</button><br />
<button title="3">3</button><br />
</div>
</body>
</html>

Es otro ejemplo. pero el concepto es más o menos el mismo, con addEventListener/attachEvent se agrega un evento onclick (vos deberías utilizar change y onchange) a todos los botones, inputs en tu caso, y este evento ejecuta la función redirije, y muestra el title (vos lo harías para el id), del elemento clickeado (ya que se pasa this como parámetro).

A propósito, bienvenido a FDW
Saludos

marcelocuiza_de · #3 (**permalink**) 04/04/2013, 06:58

gracias por contestar..
el asunto es el siguiente, tengo formularios larguiiiiisimos.. y quiero hacer una función general, la cual me sirva para cualquier otro formulario.
dentro el formulario hay selects, radiobuttons,inputtex, etc

cuando se haga una modificacion en cualquier elemento del formulario ya sea en un select o inputtex o cualquier otro elemento... este campo debe llamar a una funcion y esta funcion recibir el id de este campo q la llamo.

al tratarse de un formulario extenso(minimo 50 elementos), no es recomendable ir poniendo el onchange="" a cada uno de estos elementos del formulario, ya que la idea es hacer lo mismo para mas de un formulario y mediante una funcion en javascript controlar eso, mas o menos algo asi:

<script>

myForm.onchange = prueba; // con esto cualquier elemento del formulario llama a la funcion

function prueba()
{
// obtiene el id del elemento del formulario que activo esta funcion
}
</script>

al ser una funcion generica, no deberia usar document.getElementById('menu') u otro q haga referencia a un campo en especifico, ya que este campo podria no existir en otro formulario

marcelocuiza_de · #4 (**permalink**) 04/04/2013, 09:21

ya lo tengo hasta este punto, la función prueba() muestra el id, pero de todos los elementos de mi formulario, cuando solo debería mostrarme el id del elemento que tuvo un evento onchange

hay alguna forma de controlar que solo se llame a la funcion siempre y cuando en realidad el elemento sufra un evento onchange???

Código Javascript:

Ver originalfunction prueba(id)
       {
       alert(id);
       }
 
        var myForm =  document.getElementById("idForm");
        var amount= myForm.length;
 
    for (var i=0;i< amount ;i++)
      {
          var formElement = myForm.elements[i];
          var idformElement = myForm.elements[i].id;
          formElement.onchange= prueba(idformElement);
      }

emprear · #5 (**permalink**) 04/04/2013, 14:11

Cita:

Iniciado por marcelocuiza_de

ya lo tengo hasta este punto, la función prueba() muestra el id, pero de todos los elementos de mi formulario, cuando solo debería mostrarme el id del elemento que tuvo un evento onchange

hay alguna forma de controlar que solo se llame a la funcion siempre y cuando en realidad el elemento sufra un evento onchange???

Código Javascript:

Ver originalfunction prueba(id)
       {
       alert(id);
       }
 
        var myForm =  document.getElementById("idForm");
        var amount= myForm.length;
 
    for (var i=0;i< amount ;i++)
      {
          var formElement = myForm.elements[i];
          var idformElement = myForm.elements[i].id;
          formElement.onchange= prueba(idformElement);
      }

Tenés que usar addEvenListener/attachEvent y this, como te expliqué antes. Y si querés hacerlo para la posibilidad de que halla más de un form en la página, hacer 2 recursiones, la primera con getelementsByTagName('form'), y la segunda para cada elemento de cada form. (siempre y cuabdo el type no sea button ó submit, o un tag button si existiese.
En el caso de los campos de texto, el id va a recuperarse cuando le quites el foco, no antes.
Saludos

marcelocuiza_de · #6 (**permalink**) 04/04/2013, 15:07

gracias viejo.... me sirvió de mucho tu ayuda