Javascript Alert Alternate with Jquery Message

Question 1

As a very quick alternative, that looks a bit nicer you can use a jQuery-ui dialog (as Ricky Baby said)

You will also need to include the jQuery and jQuery-ui libraries in your page. These can be downloaded from http://jquery.com/download/ and http://jqueryui.com/download/, if you haven't got them already.

You can change the "Hey dude ...... etc" text to what ever you like

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />
</head>
<body style='height: 100%;'>
<script type="text/javascript">
function _enabled() 
{
    var html = "<div>Adbloc detected</div>";

    var diag = $(html).dialog(
    {
        autoOpen: true,
        modal: true,
        close: function() { $(this).empty().remove(); },
        buttons: 
        {
            "Close": function() { $(this).dialog("close"); }
        }
    });
}
function _disabled() 
{
    var html = "<div>Adbloc NOT detected</div>";

    var diag = $(html).dialog(
    {
        autoOpen: true,
        modal: true,
        close: function() { $(this).empty().remove(); },
        buttons: 
        {
            "Close": function() { $(this).dialog("close"); }
        }
    });
}
var _abdDetectedFnc = '_enabled';
var _abdNotDetectedFnc = '_disabled';
</script>
<script type="text/javascript" src="http://www.adblockdetector.com/script.php"></script>
</body>
</html>

Alternatively you could just put a message at the bottom of the screen if you didn't want a pop up at all

<div id='adBlockDetected' style='position: fixed; bottom: 20px; left: 0px; width: 100%; display: none;' >Hey dide .... etc </div>

Then in the _enabled() function

$("#adBlockDetected").css({display: "block" });

Question 2

See this question:

Problems with Adblock detecting

at the bottom, he sets his message to display in a div ( which he calls #Ad-One ) by setting the html attribute.

Question 3

If you want to use JQuery-ui there is the dialog option to make the message box more pretty see: http://jqueryui.com/dialog/

However you are also getting your terms mixed up - AJAX - is a "brand" name for requesting data from the remote sever using the XMLHTTP object and related techniques.

Question 4

If all you need is "pretty" alerts, jQuery UI is a bit of an overkill. I'd go with something like Apprise: http://thrivingkings.com/read/Apprise-v2-The-new-and-improved-attractive-alert-alternative-for-jQuery

Using nothing but the default settings:

<!-- added to head -->
<link href="path_to_css/apprise-v2.min.css" rel="stylesheet" type="text/css" />

<script src="path_to_jquery"></script>
<script src="path_to_scripts/apprise-v2.min.js"></script>
<script>

    $(function(){
        Apprise('hi there');
    });

</script>

gets you a pretty slick alert message:

enter image description here

Of course, I'm also curious as to what you're trying to achieve here:

<script type="text/javascript" src="http://www.adblockdetector.com/script.php"></script>

Unless that PHP page is actually a JavaScript file, you can't do that. The src attribute needs to point to a valid and addressable JavaScript file.