Misma función para distintos inputs.

Guggel · #1 (**permalink**) 07/06/2015, 08:40

Buenas tardes,
Supongo que mi pregunta es bastante de novato pero no consigo encontrar información tal vez porque la pregunta que hago no es la adecuada. Así que pegaré el código que tengo y luego explicaré mi pregunta:

<<<HTML
<td>
<input type="image" src="images/menu_02.gif" id="gm" onClick="newSrc(gm)">
</td>
<td>
<input type="image" src="images/menu_03.gif" id="i1" onClick="newSrc(i1)">
</td>

<<<JAVASCRIPT
<script>
function newSrc (gm)
{ document.getElementById('gm').src = 'images/menui_02.gif' ;
}
</script>
<script>
function newSrc (i1)
{ document.getElementById('i1').src = 'images/menui_03.gif' ;
}
</script>

El caso es que el primer input funciona como un botón más para accionar el "function" del segundo y lo que yo busco es que funcionen ambos de forma independiente y NO simultánea.
Gracias por la ayuda "

PHPeros · #2 (**permalink**) 07/06/2015, 09:55

¿Has probado a usar this y meter las rutas en un arreglo?

Guggel · #3 (**permalink**) 07/06/2015, 10:36

Cita:

Iniciado por PHPeros

¿Has probado a usar this y meter las rutas en un arreglo?

Me pillas totalmente despistado con el tema y no logro encontrar nada aplicable a mi caso en internet... podrías dejar algún ejemplillo??

gracias!!!

PHPeros · #4 (**permalink**) 07/06/2015, 10:42

Ahora creo que te he entendido. Pero: ¿son solo dos imágenes las que vas a intercambiar?

Guggel · #5 (**permalink**) 07/06/2015, 10:47

Cita:

Iniciado por PHPeros

Ahora creo que te he entendido. Pero: ¿son solo dos imágenes las que vas a intercambiar?

Son una lista de imágenes que generan una barra menú, no se trata de intercambiarlas entre ellas sino de que al hacer click sobre ellas (o llegar a un determinado punto del scrolling) la imagen correspondiente sea sustituida por otra (que sería la pestaña marcada)

PHPeros · #6 (**permalink**) 07/06/2015, 10:54

Siguiendo el patrón lógico de las rutas, una posibilidad sería hacer un reemplazamiento:

Código Javascript:

Ver originalfunction newSrc(imagen){ 
  imagen.src = imagen.src.replace("u","ui");
}

Y pasar como argumento a dicha función el elemento actual (this):

Código HTML:

Ver originalonClick="newSrc(this)"

Guggel · #7 (**permalink**) 07/06/2015, 11:18

Cita:

Iniciado por PHPeros

Siguiendo el patrón lógico de las rutas, una posibilidad sería hacer un reemplazamiento:

Código Javascript:

Ver originalfunction newSrc(imagen){ 
  imagen.src = imagen.src.replace("u","ui");
}

Y pasar como argumento a dicha función el elemento actual (this):

Código HTML:

Ver originalonClick="newSrc(this)"

Nada... continúa pasando lo mismo en cuanto pongo dos
function newSrc(imagen){
imagen.src = imagen.src.replace("u","ui");
}

seguidos es como si no supiese distinguir entre ellos... y no sé como hacer para que lo haga

PHPeros · #8 (**permalink**) 07/06/2015, 12:14

¿Qué dos?

Pon el código completo a ver qué está fallando.

ericklanford · #9 (**permalink**) 08/06/2015, 11:22

Creo que no puedes tener dos funciones con el mismo nombre y la misma cantidad de argumentos.

PHPeros · #10 (**permalink**) 08/06/2015, 11:52

No me ha hecho caso