Quantcast
Channel: ASP.NET Core
Viewing all articles
Browse latest Browse all 9386

Scripts not working on Azure

$
0
0

Hello guys,

Im quite new on asp.net Core.
On my website i have a banner wich is a single image.
I use a map to set the clicakble areas and the links they must navigate to.

But my banner is a responsive img, so i had to find a way to recalculate the area coords when it is resized.
After some search, i found and i managed to use this fonction that i've put in the environnement section
( I m not really sure this is were i should put it actually )

So, this work perfectly on my visual studio but when i déploy it on Azure it doesnt at all
I have add 2 popup box and i notice the script doesnt run at all.

Can you help me please ?

Thanks in advance

David

<environment names="Development"><script src="~/lib/jquery/dist/jquery.js"></script><script src="~/lib/bootstrap/dist/js/bootstrap.js"></script><script src="~/js/site.js" asp-append-version="true"></script><script>
            var ImageMap = function (map, img) {
                var n,
                    areas = map.getElementsByTagName('area'),
                    len = areas.length,
                    coords = [],
                    previousWidth = 128;
                window.alert("main")
                for (n = 0; n < len; n++) {
                    coords[n] = areas[n].coords.split(',');
                }
                this.resize = function () {
                    window.alert("resize")
                    var n, m, clen,
                        x = img.offsetWidth / previousWidth;
                    for (n = 0; n < len; n++) {
                        clen = coords[n].length;
                        for (m = 0; m < clen; m++) {
                            coords[n][m] *= x;
                        }
                        areas[n].coords = coords[n].join(',');
                    }
                    previousWidth = img.offsetWidth;
                    return true;
                };
                window.onresize = this.resize;
            },
                imageMap = new ImageMap(document.getElementById('BannerMap'), document.getElementById('BannerImg'));
            imageMap.resize();</script></environment>


Viewing all articles
Browse latest Browse all 9386

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>