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.