Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-12 16:43:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[popup] Introducing $.mobile.popup.bindPopupToButton: Set up a button to display a popup when clicked

Browse source
This commit is contained in:
Gabriel Schulhof 2012-01-17 01:51:52 +02:00
parent 596c626a07
commit 6bc42a8445
1 changed files with 33 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
js/jquery.mobile.popup.js
View file

@ -262,40 +262,46 @@ $.widget("mobile.popup", $.mobile.widget, {
}
});
$.mobile.popup.bindPopupToButton = function(btn, popup) {
if (btn.length === 0 || popup.length === 0) return;
var btnVClickHandler = function(e) {
// When /this/ button causes a popup, align the popup's theme with that of the button, unless the popup has a theme pre-set
if (!popup.jqmData("overlay-theme-set"))
popup.popup("option", "overlayTheme", btn.jqmData("theme"))
popup.popup("open",
btn.offset().left + btn.outerWidth() / 2,
btn.offset().top + btn.outerHeight() / 2);
// Swallow event, because it might end up getting picked up by the popup window's screen handler, which
// will in turn cause the popup window to close - Thanks Sasha!
if (e.stopPropagation)
e.stopPropagation();
if (e.preventDefault)
e.preventDefault();
};
// If the popup has a theme set, prevent it from being clobbered by the associated button
if ((popup.popup("option", "overlayTheme") || "").match(/[a-z]/))
popup.jqmData("overlay-theme-set", true);
btn
.attr({
"aria-haspopup": true,
"aria-owns": btn.attr("href")
})
.removeAttr("href")
.bind("vclick", btnVClickHandler);
}
$(document).bind("pagecreate create", function(e) {
$($.mobile.popup.prototype.options.initSelector, e.target)
.not(":jqmData(role='none'), :jqmData(role='nojs')")
.popup();
$("a[href^='#']:jqmData(rel='popup')").each(function() {
var btn = $(this),
popup = $(btn.attr("href"));
$.mobile.popup.bindPopupToButton($(this), $($(this).attr("href")));
if (popup[0]) {
// If the popup has a theme set, prevent it from being clobbered by the associated button
if ((popup.popup("option", "overlayTheme") || "").match(/[a-z]/))
popup.jqmData("overlay-theme-set", true);
btn
.attr({
"aria-haspopup": true,
"aria-owns": btn.attr("href")
})
.removeAttr("href")
.bind("vclick", function(e) {
// When /this/ button causes a popup, align the popup's theme with that of the button, unless the popup has a theme pre-set
if (!popup.jqmData("overlay-theme-set"))
popup.popup("option", "overlayTheme", btn.jqmData("theme"))
popup.popup("open",
btn.offset().left + btn.outerWidth() / 2,
btn.offset().top + btn.outerHeight() / 2);
if (e.stopPropagation)
e.stopPropagation();
if (e.preventDefault)
e.preventDefault();
});
}
else
console.log("popup menu " + btn.attr("href") + " not found.");
});
});