onMouseDown event help

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

roady

Hi guys,

Im having some problem with onMouseDown event.

So like when you go to Google and click on a search result... something like this gets prefixed to the landing page:

http://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&ved=0CDcQFjAB&url

My script:

$(document).ready(function () {
  var count = 0;
  var matchavailable = 0;
  var protectedlinks = "google.com,yahoo.com";
  $("a").mousedown(function () {
  var linkArray = protectedlinks.split(',');
  for (var i = 0; i < linkArray.length; i++) {
  if ($(this).attr('href').indexOf(linkArray[i]) > 0) {
  matchavailable = 1;
  break;
  }
  else {
  matchavailable = 0;
  }
  }


  if (matchavailable == 0) {
  if (count == 0) {
  $(this).attr('href', "http://localhost/wordpress/redirect.php?link=" + encodeURIComponent($(this).attr('href')));
  $(this).attr('target', '_blank');
  count = count + 1;
  }
  }


  });




});

This is exactly what I've been trying to do. However, with this script, the problem is -

http://localhost/wordpress/redirect.php?link=

part gets prefixed on only one link.

Suppose I have a lot of different website links like bing.com, webdeveloper.com...the thing is, if I click on bing.com I get that redirect.php prefixed. However, right after that, when I try to do it on webdeveloper.com link... nothing gets prefixed (and vica versa). What am I missing?

Hope I've been descriptive enough

kromol

It seems like after click on the first link variable count becomes equal 1 and this condition

if (count == 0) {
  $(this).attr('href', "http://localhost/wordpress/redirect.php?link=" +   encodeURIComponent($(this).attr('href')));
  $(this).attr('target', '_blank');
  count = count + 1;
}

will never be true for all next links. And so any other of your links will not be prefixed.

roady

Hi Kromol,

Thanks for the help.

I have modified the coding to:

$(document).ready(function () {

var matchavailable = 0;
var protectedlinks = "facebook,google";
$("a").mousedown(function () {
    var linkArray = protectedlinks.split(',');
    for (var i = 0; i < linkArray.length; i++) {
        if ($(this).attr('href').indexOf(linkArray[i]) > 0) {
            matchavailable = 1;
            break;
        }
        else {
            matchavailable = 0;
        }
    }

    if (matchavailable == 0) {
        if ($(this).hasClass('linked')) {
        }
        else
        {
           $(this).attr('href', "http://localhost/wordpress/redirect.php?link=" + encodeURIComponent($(this).attr('href')));
            $(this).attr('target', '_blank');
            $(this).addClass("linked");
        }


    }

});


});

The script seems to be working fine so far on my localhost.
However, when i put the same on the server to test it out on my wordpress site, it doesn't seem to work.
In spite of my site loading jquery and this script, there's no effect.

This is the error that I get:

Error: ReferenceError: $ is not defined

It's working fine as intended on localhost.. but on my the server? What gives?

kromol

You have to load jQuery before loading your script

roady

Sweet! that solved it.

Thanks a lot!

Padonak

another one


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Prefixed links</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
var linkArray=['google.com','yahoo.com'];
$('a').mousedown(function(){
var hrf=$(this).attr('href'),domen=hrf.substr(7);
domen=(domen.indexOf('/')>0)?domen.substring(0,domen.indexOf('/')):domen;
if(jQuery.inArray(domen,linkArray)<0){
$(this).attr({href:"http://localhost/wordpress/redirect.php?link=" + encodeURIComponent(hrf),target:'_blank'});
}
});
});
</script>
</head>
<body>
<a href="http://google.com">link 1</a><br />
<a href="http://yahoo.com">link 2</a><br />
<a href="http://yandex.ru">link 3</a><br />
<a href="http://microsoft.com">link 4</a><br />
<a href="http://www.webdeveloper.com/forum/showthread.php?283531-onMouseDown-event-help&p=1286813#top">link 5</a><br />
</body>
</html>

roady

...And I'm back with another small query!

So basically, the javascript seems to be working great on all anchor tags. I just realized that I have a popup on my site with a cross (X marks the spot) at the corner of the popup to close it.

The problem is, the popup X mark's code starts like:

<a href="javascript:hide_popup('deal_popup');popup_close_cat();">

When I try to close it, instead of the popup getting closed, I get something like:

<a href="http://domain/redirect.php?link=javascript:hide_popup('deal_popup');popup_close_cat();">

...thereby not letting me close it. Is there any way to NOT allow the javascript to run on such anchor tag?

var matchavailable = 0;
var disallowinks = "google,microsoft,yahoo";
$n("a").mousedown(function () {
    var linkArray = disallowlinks.split(',');
    for (var i = 0; i < linkArray.length; i++) {
        if ($n(this).attr('href').indexOf(linkArray[i]) > 0) {
            matchavailable = 1;
            break;
        }
        else {
            matchavailable = 0;
        }
    }

if (matchavailable == 0) {
    if ($n(this).hasClass('linked')) {
    }
    else
    {
       $n(this).attr('href', "http://yoursite.com/redirect.php?link=" + encodeURIComponent($n(this).attr('href')));
       $n(this).attr('target', '_blank');
       $n(this).addClass("linked");
    }


}

});

Thanks for the help I've received previously. Can't wait to solve this one!

kromol

Add "javascript:" to disallowinks variable.

roady

I actually tried

var disallowinks = "google,microsoft,yahoo, [B]javascript [/B]and/or [B]javascript:[/B]";

But that didn't work at all.

I think we have to do it via some other method.

kromol

You have space between last comma and "javascript". Is it a typo?
Or have you tried this:

var disallowinks = "google,microsoft,yahoo,javascript:";

roady

yes, I have tried that code but didn't work. Still trying to get a workaround for this

kromol

I think I see your issue. indexOf returns -1 if it cannot find substring, in other case the position of the first occurence.
In JavaScript strings starts from index 0.
This code:

 if ($n(this).attr('href').indexOf(linkArray[i]) > 0) {

will not work if substring starts at the beginning of a string.
You have also to check for index 0.

 if ($n(this).attr('href').indexOf(linkArray[i]) >= 0) {

And don't forget this

var disallowinks = "google,microsoft,yahoo,javascript:";

roady

Sweet. That did the trick. Thanks a lot for that along with explanation

kromol

You are welcome