WordPress.org

Ready to get started?Download WordPress

Forums

How to use Javascript in Link - Link Manager (4 posts)

  1. Anthony Hamill
    Member
    Posted 2 years ago #

    I'm trying to add a new link to my links manager, but when I put something like "javascript:someFunction()" in the web address field, the manager automatically disregards what I entered. I've figured out that the manager only allows you to enter strings with a valid protocol (ie. 'http', 'https', 'ftp, etc...). I was able to get pass that by editing the "esc_url" function in the "formatting.php" file. This allowed me to save the link with the desired script entered in the web address field, but now when I try and use that link, wordpress inserts a '#' in for 'href' attribute instead of my script. Anyone have any ideas on how to circumvent this issue?
    Thanks,
    Anthony

  2. Harry
    Member
    Posted 2 years ago #

    • 1. You shouldn't be editing core files if at all possible.
    • 2. # being inserted is normal, as the link expects

      <a href="#" onclick="javascript:someFunction()">Your Link</a>

      The # just means you're not taken away from the current page, and your function is instead executed on clicking

    • 3. You could simply add an empty link

      <a href="#" id="yourid" class"yourclass">Your Link</a>

      and apply a class/ID to it, then use Javascript to target the class/ID and execute that function.

  3. Anthony Hamill
    Member
    Posted 2 years ago #

    Thank you for the help! That is very much appreciated.
    Basically what I'm trying to accomplish is, I've got a set of links, but one is unique and uses javascript, whereas the others are just you run-of-the-mill external links. And like to display them all in a widget. Is there anyway to assign a unique class/id to certain links?
    Thanks again for the help!
    - Anthonyy

  4. Harry
    Member
    Posted 2 years ago #

    hmmm...

    Are you building this list of links manually in a widget?

    If you are auto-generating this list, it may be harder. depending on your familiarity with wordpress/php/javascript, anything is possible.

    If you perhaps used jQuery, you could for example use the first child selector, to apply a specific class to the first link. Then in jQuery you could specify the function/action when a particular link with that class is clicked as you described before. You could use first child as I described, or last child, or nth child, if you know exactly what order your links will appear in.

    Hope this at least helps point you in the right direction.

    Simple jQuery example:

    <script>
        $("div a:first-child").addClass("myfunction");
        $('.myfunction').click(function(e) {
            e.preventDefault(); //stop link default action
            // add code for myfunction
        });
    </script>

Topic Closed

This topic has been closed to new replies.

About this Topic