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.