I am using SharePoint 2010. I have an image that contains hotspots. I want users to be able to click on an area of the image and a small information window to pop up. Is there something OOTB I can use for this?
Thank you.
Technology Tips and News
I am using SharePoint 2010. I have an image that contains hotspots. I want users to be able to click on an area of the image and a small information window to pop up. Is there something OOTB I can use for this?
Thank you.
You can use the SP.UI.ModalDialog JavaScript class to display DOM elements (or pages) in a modal dialog. SP.UI.ModalDialog Class
I blogged about displaying DOM elements in modal dialogs here: http://matthewyarlett.blogspot.co.uk/2012/02/displaying-dom-element-using-sharepoint.html
function imDisplayElementInPopup(elementId, title){
//get the hidden DOM element
var wbalert = document.getElementById(elementId);
//clone the element
var wbalertClone = wbalert.cloneNode(true);
//Create the dialog options
var options = SP.UI.$create_DialogOptions();
options.title = title;
options.width = 270;
//pass the cloned element into the html property
options.html = wbalertClone;
//Display the element in a modal dialog
SP.UI.ModalDialog.showModalDialog(options);
} Thank you for your suggestion. I think it might be too advanced for me though. I need a small window popping up after a button or image is clicked. The window would just contain a description etc.
Thank you again though.