varias opciones en un href

Tarzan · #1 (**permalink**) 03/01/2011, 13:52

Hola a tod@s,

tengo una función javascript que llamo desde un enlace y me gustaría que, además de la llamada a esta función, también se modificara el valor de una variable para asegurarme de que el enlace se ha pulsado.
Lo que pasa es que, si tengo este código:

<a href="javascript:cambiarImagen('<?echo $rutaImagenes?>');<?echo $link_selected=1?>">

lo que hace es abrirme una ventana nueva con el valor 1.

Lo que quiero es que, simplemente ejecute la función cambiarImagen y asigne el valor 1 a la variable $link_selected pero no que me abra una ventana nueva con un uno escrito.

¿Cómo lo escribo?

Un saludo.

IsaBelM · #2 (**permalink**) 03/01/2011, 14:26

para evitar el comportamiento natural de un link, has de añadirle return false. de esta parte, <?echo $link_selected=1?>, como es php no opino, pero al menos en asp no puedes asignar valor a una variable asp así

Tarzan · #3 (**permalink**) 03/01/2011, 18:04

IsabelM, no entiendo muy bien a qué te refieres.
¿Quieres decir que añada return false a la función de cambiar imagen?

y luego, ¿cómo sé si me ha devuelto true o false?

Con una variable pensaba después hacer:

if ($variable==1) hacer X
else Y

pero no sé cómo escribirlo como tú dices.

¿Puedes, por favor, ponerme un ejemplo de código?

Tarzan · #4 (**permalink**) 04/01/2011, 03:27

¿¿Dónde debo asignar el valor 1 a la variable para saber si se ha pulsado el link?

¿Dentro del href?

¿En la función javascript?

Crear una función específica para asignarle un valor a una variable me parece demasiado, ¿no?

¿Alguien puede indicarme un ejemplo pequeñito?

IsaBelM · #5 (**permalink**) 04/01/2011, 06:58

sí, ahora releyendo, tampoco me he entendido. me refería a esto

Cita:

<html>
<head>
<script type="text/javascript">
var valor='';
function cambiarImagen(img) {
alert(img + ' - ' + valor);
}
</script>
</head>
<body>
<a href="#" onclick="valor='1'; cambiarImagen('una imagen'); return false;">nueva imagen</a>
</body>
</html>

Tarzan · #6 (**permalink**) 04/01/2011, 09:29

Muchas gracias isabel,

El código lo he probado y funciona bien lo que pasa es que ahora yo necesito comprobar si se ha pulsado o no ese enlace:

if (valor == 1) {
accion 1
}else {
accion 2

Y para ello sólo sé hacerlo con php.
¿Cómo puedo introducir una variable php y asignarle el valor 1 en el onclick de un enlace?

he probado esto pero no me funciona:
<a href="javascript:cambiarImagen('<?echo $rutaImagenes?>')" onclick="<?echo $link='1';?>"

Me gustaría que la variable $link valiera 1 Únicamente cuando se pulsa el enlace. Y así entiendo que debería ocurrir pues la he introducido en el onclick.
Sin embargo no es así. He puesto un var_dump($link) más abajo para ver lo que vale la variable y siempre vale 1. independientemente de si se ha pulsado o no el enlace. ¿Por qué ocurre esto?
¿Cómo podría utilizar esta variable php y asignarle un 1 en el onclick o en el href?

caricatos · #7 (**permalink**) 04/01/2011, 09:45

Hola:

Nunca debes mezclar cosas javascript con php; solo podrías alterar variables previo paso por el servidor, o sea recargando la página.

Una cosa que nunca me ha gustado es usar enlaces para lanzar scripts... el onclick vale en cualquier tag y no mareas a los buscadores.

Para lo que quieres, en principio parece que solo se puede resolver con Ajax o sin javascript.

Saludos

Tarzan · #8 (**permalink**) 04/01/2011, 10:01

Ya veo,

Entonces dejo a un lado el php y me centro en javascript.
Pero, suponiendo que tengo este código:

<a href="" onclick=javascript:cambiarImagen('<?echo $rutaImagenes?>')">

Ahora añado a la función cambiarImagen la sentencia:

link_pulsado = '1';

¿Cómo sería el código para mostrar o no mostrar un botón en mi página?
Quiero decir que la variable link_pulsado es interna a la función y aquí no la podría usar, ¿no?

en php sería:

if ($link_pulsado == '1) {
// mostrar botón
}else {
// ocultar botón
}

¿Cómo sería en javascript?

<script>

// Este código es el que no sé hacer para mostrar o no un botón en mi web dependiendo de si se ha pulsado o no el enlace.
El enlace sería únicamente para activar una variable

</script>

IsaBelM · #9 (**permalink**) 04/01/2011, 11:04

a ver si es esto lo que quieres

Cita:

<html>
<head>
<script type="text/javascript">
var valor='';
function cambiarImagen(img) {
alert(img + ' - ' + valor);
document.getElementById('boton').style.display = valor == 1 ? 'block' : 'none';
}
</script>
</head>
<body>
<input type="button" id="boton" value="se muestra" style="display: none" />
<a href="#" onclick="valor2='1'; cambiarImagen('una imagen'); return false;">nueva imagen</a>
</body>
</html>

Tarzan · #10 (**permalink**) 04/01/2011, 11:50

Justo!!

Eso era lo que yo quería!!

Muchísimas gracias IsabelM!