Ayuda con mezcla onclick onmove !

[darksplit]

Hola!

Antes de todo, gracias a todos aquellos que me van a ayudar para resolver mis dudas !


Lo que estoy intentando hacer es un menu con varios botones.
La pagina será PHP, y apretando a cada boton se cargará una pagina diferente en la parte central (vamos, como siempre xD).

Entonces, he conseguido que al pasar el mouse por encima(onmouseover), la imagen cambie (salga subrallado el texto que hay dentro).
Al sakar el mouse (onmouseout), vuelva a la original.
He conseguido que al apretar(onclick) la imagen cambie otra vez, y el texto de dentro se hace mas grande.

Ahora el problema es, que kiero que esta imagen se kede fija,
es decir, q al hacer onClick la imagen se kede fija a la nueva.

Luego, que al apretar otra de las imagenes, esta primera se vuelva a poner como en el inicio, y esta segunda se kede fija tmb...


Es decir, vamos a tener un menu, y al entrar en un apartado, la imagen del onclick se keda fija, y si cambiamos de apartado, el onclick anterior se cancela volviendo a la imagen original, y la imagen del nuevo apartado se keda fija.. xddd

para indicar en q apartado stamos claro !




muxas gracias, y disculpen si no me se explikar.. (soy un poco tontito explikando)



asias :)

[El Patrón.]

Hola

Bueno, pues yo usaria el evento onblur para volver a la imagen a su estado original, y en el onclick decirle que use la imagen nueva como la determinada

suerte

[darksplit]

no me puedes dar una pekeña ayudita con el codigo? :S

[darksplit]

actualmente uno de los botones tiene este codigo:

<td>
<A HREF="home.php?id=1">
<img src="images/tienda_off.gif"
ALT="Tienda"
NAME="btienda" width="94" height="58"
border="0"
onclick="this.src=foto[2].src"
onmouseover="this.src=foto[1].src"
onmouseout="this.src=foto[0].src"></A></td>

[El Patrón.]

Hola

Bueno, pues para que la imagen del onclick perdure deberias dejar el mouse quieto apenas de click porque de lo contrario se vuelve a realizar el evento onmouseout y pues vuelve a cambiar la imagen, podrias intentar con un input type=image y cambiar el evento onmouseout por onblur o podrias tambien crear 2 img y que cuando se le de click a una ella se oculte y muestre la otra con la imagen original de la primera.

suerte.

[darksplit]

no se como se hace

[El Patrón.]

Hola

Bueno, pues se puede hacer con javascript, pero ya me acostumbre a php, asi que te envio un ej (

<table>
<tr>
<td>
<A HREF="a.php?idb=1&idc=0">
<? if($idb!=1){ $imagen = "../img/ciudades/colombia.jpg";}
else
{$imagen ="../img/oficinas/moni.jpg"; }
?>
<img src="<?=$imagen?>"
ALT="Tienda"
NAME="btienda" width="94" height="58"
border="0"
<? if($idb!=1){?>
onmouseover=" imagenes(btienda,'../img/ciudades/barranquilla.jpg')"
onmouseout=" imagenes(btienda,'../img/ciudades/bogota.jpg')"
<?}?>
></A>

<A HREF="a.php?idb=0&idc=2">
<? if($idc!=2){ $imagen = "../img/oficinas/moni.jpg";}
else
{$imagen ="../img/ciudades/colombia.jpg"; }
?>
<img src="<?=$imagen?>"
ALT="Tienda"
NAME="ctienda" width="94" height="58"
border="0"
<? if($idc!=2){?>
onmouseover=" imagenes(ctienda,'../img/ciudades/barranquilla.jpg')"
onmouseout=" imagenes(ctienda,'../img/ciudades/bogota.jpg')"
<?}?>
></A>

</td>
</tr></table>

Suerte

[Shade]

No lo he probado pero deberia funcionar y es sin php

Código:

<td>
<A HREF="home.php?id=1">
<img src="images/tienda_off.gif" alt="Tienda" name="btienda" width="94" height="58" border="0"
onclick="this.src=foto[2].src"
onmouseover="if(this.src == 'foto[2].src')this.src='foto[2].src';else this.src='foto[1].src"
onmouseout="if(this.src == 'foto[2].src')this.src='foto[2].src';else this.src='foto[0].src'"></A></td>

[darksplit]

pues a ver, para la opcion de PHP no me funciona...

esto puse, y creo que no detecta la condicion:

if($id!=1)

<td>
<A HREF="home.php?id=1">
<? if($id != 1)
{$imagen = "images/tienda_off.gif";}
else
{$imagen ="images/tienda_click.gif";}
?>
<img src="<?=$imagen?>"
ALT="Tienda"
NAME="btienda" width="94" height="58"
border="0"
<? if ($id != 1)
{?>
onmouseover="this.src=foto[1].src"
onmouseout="this.src=foto[0].src"
<?}?>
></A>
</td>

[darksplit]

para el segundo, el codigo tiene algun error.
pues me keria poner en el onmouseout la imagen llamada foto[2].src .. xD

weno yo lo he modificado, pero sigue sin ir el click, s decir la parte

onmouseout="if(this.src != foto[2].src)

el codigo que he traido del segundo aporte es

<td>
<A HREF="home.php?id=1">
<img src="images/tienda_off.gif"
alt="Tienda"
name="btienda" width="94" height="58"
border="0"
onclick="this.src=foto[2].src"
onmouseover="if(this.src != foto[2].src){this.src=foto[1].src}"
onmouseout="if(this.src != foto[2].src){this.src=foto[0].src}"></A>
</td>

[darksplit]

en definitiva,

si alguien me ayuda a solucionar la opcion en php estaria mejor que la de javascript,

pero acepto ambas ayudas :P

asias a todos !! :)

[darksplit]

ya está, solucionado


debia poner al inicio de la página:

<?
$id=$_GET['id'];
?>

y luego

<td>
<A HREF="home.php?id=4">
<img src="<?=$imagen4?>"
ALT="¿Necesitas ayuda?"
NAME="bayuda"
width="103" height="58"
border="0"
<? if ($id != 4)
{?>
onmouseover="this.src=foto[10].src"
onmouseout="this.src=foto[9].src"
<?
}?>></A></td>

para uno de los botones :P
uno de los errores era el
<?}?>
ya decia yo q lo veia mu raro, sin color...
habia q separarlo un poco xD

weno gracias a todos :)
es un efecto mu chulo para un menu :P!


lo pongo por si a alguien le interesa :)

[El Patrón.]

HOla

Bueno, pues copie el codigo que dijiste no te funcionaba y me funciona correctamente, lo que pasa es que hay que usar las comillas en el src de los eventos.....

<td>
<A HREF="home.php?id=1">
<? if($id != 1)
{$imagen = "images/1.jpg";}
else
{$imagen ="images/3.jpg";}
?>
<img src="<?=$imagen?>"
ALT="Tienda"
NAME="btienda" width="94" height="58"
border="0"
<? if ($id != 1)
{?>
onmouseover="this.src='images/2.jpg'"
onmouseout="this.src='images/1.jpg'"
<?}?>
></A>
</td>

Suerte