I have the following javascript to hide URL.. this works fine..

<script src=http://code.jquery.com/jquery-1.10.0.min.js></script>

<script>

    $(function(){

        $(a.hidelink).each(function (index, element){

            var href = $(this).attr(href);

            $(this).attr(hiddenhref, href);

            $(this).removeAttr(href);

        });

        $(a.hidelink).click(function(){

            url = $(this).attr(hiddenhref);

            window.open(url, '_blank');

        })

    });

</script>

<style>

    a.hidelink {

        cursor: pointer;

        text-decoration: underline;

    }

</style>

<style>

    a.hidelink {

        cursor: pointer;

        text-decoration: underline;

    }

</style>

MY QUESTION:

PROBLEM: I am producing forms for a membership site in wordpress. Membership plugins cannot protect html pages as html pages cannot be added via the media upload.

I wish to add the ability to open the link inside a lightbox iframe.. this is the end result I am after:

http://snag.gy/WuEZa.jpg

Currently, the above script will do half the job ie hide the URL when hovering over the link, but will open in a new browser tab with the URL in full view. If I can open the link inside a lightbox iframe, the target URL is not shown.

Can anyone help.