Bloquear rollover y quitarle link.

[erponcios]

Hola Amigos,

Mirar tengo un problema.

Tengo 3 botones que al entrar sobre ellos me hacen rollover y al clickear me muestran su div correspondiente y me ocultan los otros 2.

Código PHP:

  <a onClick="mostrar(1,'general');" target="_self" href="javascript://" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('general','','Images/generalrol.gif',1)"><img src="Images/general.gif" alt="Actual" title="Actual" name="general" width="35" height="26" border="0" id="general" style="padding-right:20px;"/></a>
 
<a onClick="mostrar(2,'contacto');" target="_self" href="javascript://" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contacto','','Images/contactorol.gif',1)"><img src="Images/contacto.gif" alt="Localización" title="Localización" name="contacto" width="35" height="26" border="0" id="contacto" style="padding-right:20px;"/></a>
 
<a onClick="mostrar(3,'sobre');" target="_self" href="javascript://" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sobre','','Images/sobrerol.gif',1)"><img src="Images/sobre.gif" alt="E-mail" title="E-mail" name="sobre" width="29" height="17" border="0" id="sobre" /></a>
 
<div id="1" style="display:block;">blablablabla1</div>
<div id="2" style="display:none;">blablablabla2</div>
<div id="3" style="display:none;">blablablabla3</div> 
   

Para ello utilizo esta función:

Código PHP:

  function tag(id) {return document.getElementById(id);}
 
 
function mostrar(n) 
{ 
    for(i=1; i<4; i++){ 
        if (i!=n){ 
            tag(i).style.display="none"; 
        } else { 
            tag(i).style.display="block"; 
        } 
    } 
} 
   

Esto me funciona correctamente, lo que quiero ahora y es que me estoy volviendo loco porque la verdad no tengo un nivel muy alto de js, es que cuando haga click, me cambie el src de la img y me quite el link a ella, además de proporcionarselo a las 2 restantes.

Un ejemplo lo podeis ver aqui: http://www.moncly.es/principal.php

En el menu, al hacer click sobre una de las imagenes, se queda con la img del rollover y se le va el link, proporcionandole el link sobre el anterior que se habia clickeado y se habia quedado sin.

He podido mirar algo por ahi de código, y tengo esto:

Código PHP:

  function tag(id) {return document.getElementById(id);}
 
var tant='';
var iant='';
 
function mostrar(n,t) 
{ 
    for(i=1; i<4; i++){ 
        if (i!=n){ 
            tag(i).style.display="none"; 
        } else { 
            tag(i).style.display="block"; 
        } 
    } 
    if (tant!="") {
        tag(tant).innerHTML=iant;
    }
    iant=tag(t).innerHTML.replace('src="Images/'+t+'rol.gif"','src="Images/'+t+'.gif"');
    tag(t).innerHTML='<img src="Images/'+t+'rol.gif">';
    tant=t;
} 
   

Pero no me funciona, no me hace lo que yo quiero de que se quede el rollover y sin link.