Go to other link if a web page is not available in HTML/JavaScript

Question

Is there any option in HTML or JavaScript for when a user clicks on a link, if that link is available then done, if not then goes on another link.

Here is part of my code:

<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
 <ul>
    <li><a href="/returns"><span class="glyphicon glyphicon-log-in"></span> Returns</a></li>
    <li  class="active"><a href="/pay_reco" target="_blank"><span class="glyphicon glyphicon-log-in"></span> Payment Recouncillation </a></li>
    <li ><a href="/pay_get" target="_blank"><span class="glyphicon glyphicon-log-in"></span> Payment Get </a></li>
    <li><a href="/import"><span class="glyphicon glyphicon-log-in"></span> Import </a></li>
    <li>

<!-- Here I want to add  Two link in a href tag if first link does not 

available (web page not available) then it go to another link
        <!-- <object data="http:/127.0.0.1:9004" type="href" > -->
        <a target="_blank" href="http://127.0.0.1:9001">
            <span class="glyphicon glyphicon-log-in"></span>
             ComPare
        </a>
    </li>
    <li><a target="_blank" href="http://127.0.0.1:9000"><span class="glyphicon glyphicon-log-in"></span> Portal </a></li>

your li has no parent ul?also what do you mean by `Click on a link, if that link is available then done If not then goes on another link.` — guradio, Nov 21 '15 at 06:02
@guradio ya just put part of code and that have ul , i want if web webpage is not available on first link then it go to open second link — Shubham Batra, Nov 21 '15 at 06:07
Why would you put invalid links to your own site in a document? — Jaromanda X, Nov 21 '15 at 06:07
Could you add some comments in your *code* to maybe explain how the code you posted is at all relevant to the question you asked — Jaromanda X, Nov 21 '15 at 06:09
@JaromandaX I am just trying, If it is possible then How ? if not then Dont worry — Shubham Batra, Nov 21 '15 at 06:09
@JaromandaX ya I am agree with You. I hope we found the solution — Shubham Batra, Nov 21 '15 at 06:51
Possible duplicate of http://stackoverflow.com/questions/2280394/how-can-i-check-if-a-url-exists-via-php — www139, Nov 21 '15 at 06:57
@www139 Sory bro but that is using php, I want do it by using HTML or Javascript — Shubham Batra, Nov 21 '15 at 07:06
Ok :) You may consider using PHP, it will be much easier like this. Another option might be to load in the url behind the scenes in an iframe and see if it loads with JavaScript. That would be very wasteful though. — www139, Nov 21 '15 at 07:09

Furkan Başaran · Accepted Answer · 2016-05-21T22:12:15.747

Step 1: Update your HTML code like below.

<a id="selector" href="javascript:void(0)">
            <span class="glyphicon glyphicon-log-in"></span>
             ComPare
</a>

Step 2: After update your HTML, handle click event with jQuery and send ajax request, if response ok, go link 1, or another case you route to user another url.

$(function(){
    $('body').on('click', '#selector', function() {
        $.ajax({
            type: "GET",
            url: "http://127.0.0.1:9001",    
            complete: function(xhr, textStatus) {
               if(xhr.status == 200) window.location = "http://127.0.0.1:9001";
               else window.location = "http://127.0.0.1:9004";
            } 
        });
    })
})

I created little jQuery plugin for this case on here

With AnotherJS:

HTML:

<a href="http://127.0.0.1:9001" data-another="http://127.0.0.1:9004">Link Text</a>

Javascript:

$(function() {
   $('a').another();
})

That's all! :)

Go to other link if a web page is not available in HTML/JavaScript

1 Answers1