2 Botones en 1

Saludos,


tengo lo siguiente y no se como resolverlo

Código HTML :

boton 1: <a  title="imagen " onClick="imagen()"><img src="imagen.png"></a>   
boton 2 : <a  title="pintura" onClick="pintura()"><img src="ointura.png"></a>

dos Botones que deseo quede como UNO SOLO

al Primer Clik se active Boton 1
al segudo Clik se active el Boton 2
al 3 clik se active el boton 1
al 4 clik se active el boton 2
... y asi respectivamente


Muchas GRACIAS!!!!

Hola Lorena,

para lograr eso debes usar javascript combinado con css de la siguiente forma:

1. Mostrar inicialmente sólo el primer enlace y ocultar el segundo aplicando css (display: none).

Código HTML :

  <a id="enlace1" name="enlace1" href="#" onClick="mostrar_ocultar();">Enlace 1</a>
  <a id="enlace2" name="enlace2" href="#" onClick="mostrar_ocultar();" style="display: none">Enlace 2</a>

* Importante: Incluir Id y name en los enlaces

2. Como puedes observar he puesto que cuando se presionen los enlaces se active la función "mostrar_ocultar()" de javascript. Ésta función comprueba el estado de la propiedad display de uno de los enlaces y según su estado cambia el estado de display de ese mismo enlace y del otro para que sea alternen:

Código Javascript :

<script type="text/javascript">
function mostrar_ocultar()
    {
      var elem1 = document.getElementById('enlace1');
      var elem2 = document.getElementById('enlace2');
      if (elem1.style.display == '' || elem1.style.display == 'none')
      {
        elem2.style.display = 'none';
        elem1.style.display = 'inline';
      }
      else
      {
        elem1.style.display = 'none';
        elem2.style.display = 'inline';
      }
    } 
</script>

También es posible hacer esto con JQuery, pero es una función Javascript muy simple.

Espero te sirva de ayuda

Podrias usar las librerias de jQuery, solo enlazas el script y usas la funciónn jQuery().toogle(); lee sobre ella, es fácil de usar y esta libreria es interesantemente util. ¡Saludos!

También podrias cambiar el texto con el id del boton jQuery('#boton_id').attr('url','valor delo boton')