lundi 29 juin 2015

how can I dynamically change the image path in my POPOVER when I change my page in MVC?

I want to change this path "Images/mapCompany.jpg" dynamically when user click on every link in my page

it just work on default page or home page.

html code:

<span id="mapshowing" class="label label-default" data-toggle="popover" data-trigger="hover" data-placement="top" title="Test Title">TEST</span>

javascript code:

function MapPOContent() {
    var mapCompany = "Images/mapCompany.jpg";
    var popOverContent = "<img class='center-block' src=" + mapCompany + " alt='logo' />";
    return popOverContent;
}

$('#mapshowing').popover({
    html: true,
    trigger: 'hover',
    placement: 'top',
    content: function () { return MapPOContent(); }
});

and if user goes to this path it doesn't show any thing in popover "/Home/Contact"

Aucun commentaire:

Enregistrer un commentaire