Problemi funzione javascript

[tonxipad]

Ho questo codice javascript per fare in modo che al click di un link l'input cambi il suo type da password a text; se posizione le funzioni direttamente nella pagina tra <script> e </script> tutto funziona ma se le inserisco esternamente in una pagina richimata tramite <script type="text/javascript" src="pagina.js"></script> il link non svolge più il suo dovere... potreste aiutarmi? grazie in anticipo

function HoldButtonPassword(button) {
    var password = document.getElementById('password');
    if (password.type == 'password') {
       password.type = 'text';
    }
}
  
function ReleaseButtonPassword(button) {
    var password = document.getElementById('password');
    password.type = 'password';
}

<input type="password" id="password" name="password" class="">
<a href="#" id="show" onmousedown="HoldButtonPassword(this);return false;"  onmouseup="ReleaseButtonPassword(this);return false;" onmouseout="ReleaseButtonPassword(this);return false;"></span>

[cavicchiandrea]

Nel file esterno non ci vanno i tag <script></script> ma solo le due funzioni, non usare id e la variabile "password" che una parola riservata, cosa intendi per il link non svolge più il suo dovere... lo this non serve e comunque non lo usi nelle funzioni.

P.S. da quanto ricordo IE non ammette cambi di type degli input, se il progetto dovrà essere cross-browser tienilo in considerazione.

[tonxipad]

nel file esterno ho queste righe di codice

$('document').ready(function() {


function HoldButtonPassword(button) {
    var password = document.getElementById('password2');
    if (password.type == 'password') {
       password.type = 'text';
    }
}
  
function ReleaseButtonPassword(button) {
    var password = document.getElementById('password2');
    password.type = 'password';
}

qui funziona http://jsfiddle.net/zTebf/1/
e qui no http://jsfiddle.net/zTebf/2/
vorrei che funzionasse anche se le funzioni sono su un file esterno...