Remove # from href calling JS function?

Question

Hey I have a function which is called from a html link like this:

 <a href='#' onclick='javascript:populate("m")'>My Messages</a><br/>

Function called:

 function populate(q){

    switch(q){
    case 'm':  messages_document(call_data(q+'.php','main')); break;
    }
    return (false);
  }

The problem i have is the url in the browser adds a # to the it - which seems to prevent me clicking the link again unless i remove the hash, is there a way to stop it loading in the browser url ?

Answer 1

onclick='return populate("m");'

Answer 2

Load your script in the document head(that is, stuff it between two <head> and <script type="text/javascript"> tags). Example :

<head>
    <script type="text/javascript">
        function test(id){
            alert(id);
        }
    </script>
</head>
<a href='#' onclick="test('Test');">My Messages</a>

I've tested it and it works fine.

Answer 3

try

<a href="javascript:;" onclick="populate('m');">My Messages</a>
<script>
function populate(q) {
    switch(q) {
        case 'm':  messages_document(call_data(q + '.php', 'main')); break;
    }
  }
</script>

Remove # from href calling JS function?

Question

3 answers

solution1
3 ACCPTED 2012-05-22 21:54:36

solution2
0 2012-05-22 22:04:54

solution3
0 2012-05-22 22:24:40

Remove # from href calling JS function?

Question

3 answers

solution1 3 ACCPTED 2012-05-22 21:54:36

solution2 0 2012-05-22 22:04:54

solution3 0 2012-05-22 22:24:40

solution1
3 ACCPTED 2012-05-22 21:54:36

solution2
0 2012-05-22 22:04:54

solution3
0 2012-05-22 22:24:40