[ikhlas06]

Javascript runtime error: Unable to get property 'mozilla' of undefined or null reference


jquery.qtip.min.js

function H(e) { var t = b.titlebar && e.y === c, n = t ? b.titlebar : b.content, i = r.browser.mozilla, s = i ? "-moz-" : r.browser.webkit ? "-webkit-" : "", o = "border-radius-" + e.y + e.x, u = "border-" + e.y + "-" + e.x + "-radius", a = function (e) { 

I am using: http://dasny.org/Con...LocatorMap.aspx

This post has been edited by ikhlas06: 18 January 2017 - 01:44 PM

[ikhlas06]

I think error is bc I am not mapping over rel tag correctly

<area data-key="Richmond" class="mapqtip" rel="hovers/richmond.html" shape="poly" coords="238,810,251,831,271,816,325,787,356,756,332,720,311,730,295,723,269,757,257,808" href="#" alt="Search" />

jQuery(document).ready(function () {
    var a = jQuery(window);
    jQuery("area[rel]").each(function () {
        jQuery(this).qtip({
            content: {
                text: "Loading...",
                ajax: {
                    url: jQuery(this).attr("rel"),
                    type: "get"
                }
            },
            show: {
                solo: !0
            },
            hide: {
                effect: !0,
                event: "click mouseleave",
                delay: 500,
                effect: function () {
                    jQuery(this).animate({
                        opacity: 0
                    }, {
                        duration: 400
                    })
                }
            },
            position: {
                my: "right bottom",
                at: "center",
                target: !0,
                effect: !1,
                viewport: a
            },
            style: {
                classes: "qtip-uwmc"
            }
        })
    }), 

[ArtificialSoldier]

The error is because the variable r doesn't have a property called browser. I don't know what r is supposed to be set to, but that's why it's complaining. If something is null or undefined then it's an error to try and access a property of it.

[ikhlas06]

var r = b.titlebar && e.y === c, 
i = r ? b.titlebar : E, 
s = "border-" + t + "-width", 
o = function (e) { 
	return parseInt(e.css(s), 10) 
	}, 
u; return A(function () { u = (n ? o(n) : o(b.content) || o(i) || o(E)) || 0 }), u } 
function H(e) { 
	var t = b.titlebar && e.y === c, 
	n = t ? b.titlebar : b.content, 
	i = r.browser.mozilla, 
	s = i ? "-moz-" : r.browser.webkit ? "-webkit-" : "", 
	o = "border-radius-" + e.y + e.x, u = "border-" + e.y + "-" + e.x + "-radius", 
a = function (e) {
...

I am trying to create this:
http://dasny.org/Com...orMap/map.html#

just right click on link above and click on view page source

from this page I have copy paste the whole code and I have download all images, css, and js files

This post has been edited by ikhlas06: 19 January 2017 - 07:20 AM

[ikhlas06]

error was cause by over jquery script. I updated it and it works fine