how to call javascript function using INSERT HYPERLINK

Question

I have a portal's home page and on that page I want to put this but Its not allowing me to put this address and treating this as invalid address..I tried putting the following statement by EDIT HTML but when the page comes its not clickable. How to add this? ok ive added the suggested line but on click nothing is happening..here is what i have in my masterpage. and I also tried what you suggested

<a href="#" onclick='javascript:openDialog('/SitePages/NewReq.aspx');'>New Requisition</a>

well when i click the link nothing happens. I have the following in my masterpage.

<script type="text/javascript">
    //User Defined Function to Open Dialog Framework
    function OpenDialog(strPageURL)
    {
      var dialogOptions = SP.UI.$create_DialogOptions();
      dialogOptions.url = strPageURL;// URL of the Page
      dialogOptions.width = 750; // Width of the Dialog
      dialogOptions.height = 500; // Height of the Dialog
      dialogOptions.dialogReturnValueCallback = Function.createDelegate( null, CloseCallback); // Function to capture dialog closed event
      SP.UI.ModalDialog.showModalDialog(dialogOptions); // Open the Dialog
      return false;
     }
    </script>

Answer 1

You don't write the javascript function call in href, instead use onclick event handler as shown below:

<script type="text/javascript">
function demoCallback(dialogResult, returnValue)
{
     SP.UI.Notify.addNotification('Operation Successful!');
     SP.UI.ModalDialog.RefreshPage(SP.UI.DialogResult.OK);
}

function OpenMyDialog(strPageURL)
{
   //Using a generic object.
   var options = {
     title: "My Dialog Title",
     width: 750,
     height: 500,
     url: strPageURL,
     dialogReturnValueCallback: demoCallback };

    SP.UI.ModalDialog.showModalDialog(options);

}
</script>

<a href="#" onclick="javascript:OpenMyDialog('/SitePages/NewReq.aspx');">New Requisition</a>

This should work!

Answer 2

To me, your code looks right but your casing in the function call isn't accurate.

It should be:

<a href="#" onclick='javascript:OpenDialog('/SitePages/NewReq.aspx');'>New Requisition</a>