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

Added a support test $.support.dynamicBaseTag and workaround for browsers that don't support dynamically updating BASE tag (Firefox is the only one I've seen so far. In those browsers, when a new page is fetched, any elements with href and src attributes will have their attribute prefixed with a proper base url (if they don't already start with an external site http address, "/", "#", or any protocol such as "mailto:, etc).

Browse source 
In the process, the BASE element and related functions are only implemented if that support is true, and BASE urls now use a full URL path when set, to avoid issues with browsers that may need that.

Fixes #263, Fixes #221
This commit is contained in:
scottjehl 2010-10-22 12:31:00 -04:00
parent 8208b6b986
commit 70bba7064a
2 changed files with 37 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
js/jquery.mobile.js
View file

@ -58,7 +58,8 @@
focusable = "[tabindex],a,button:visible,select:visible,input",
nextPageRole = null,
hashListener = true,
unHashedSelectors = '[data-rel=dialog]';
unHashedSelectors = '[data-rel=dialog]',
baseUrl = location.protocol + '//' + location.host + location.pathname;
// TODO: don't expose (temporary during code reorg)
$.mobile.urlStack = urlStack;
@ -94,13 +95,13 @@
return newBaseURL;
}
function setBaseURL( nonHashPath ){
var setBaseURL = !$.support.dynamicBaseTag ? $.noop : function( nonHashPath ){
//set base url for new page assets
$('#ui-base').attr('href', getBaseURL( nonHashPath ));
$('#ui-base').attr('href', baseUrl + getBaseURL( nonHashPath ));
}
function resetBaseURL(){
$('#ui-base').attr('href', location.pathname);
var resetBaseURL = !$.support.dynamicBaseTag ? $.noop : function(){
$('#ui-base').attr('href', baseUrl);
}
@ -306,6 +307,24 @@
all.get(0).innerHTML = html;
to = all.find('[data-role="page"]');
//rewrite src and href attrs to use a base url
if( !$.support.dynamicBaseTag ){
var baseUrl = getBaseURL(fileUrl);
to.find('[src],[href]').each(function(){
var thisHref = $(this).attr('href'),
thisSrc = $(this).attr('src'),
thisAttr = thisHref ? 'href' : 'src',
thisUrl = thisHref || thisSrc;
//if full path exists and is same, chop it - helps IE out
thisUrl.replace( location.protocol + '//' + location.host + location.pathname, '' );
if( !/^(\w+:|#|\/)/.test(thisUrl) ){
$(this).attr(thisAttr, baseUrl + thisUrl);
}
});
}
//preserve ID on a retrieved page
if ( to.attr('id') ) {
to = wrapNewPage( to );
@ -381,9 +400,10 @@
$html.addClass('ui-mobile');
//insert mobile meta - these will need to be configurable somehow.
var headPrepends =
$head.prepend(
'<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" />' +
'<base href="" id="ui-base" />'
($.support.dynamicBaseTag ? '<base href="" id="ui-base" />' : '')
);
//set base href to pathname

11
js/jquery.mobile.support.js
View file

@ -42,6 +42,17 @@ function propExists( prop ){
}
};
//test for dynamic-updating base tag support (allows us to avoid href,src attr rewriting)
function baseTagTest(){
var fauxBase = location.protocol + '//' + location.host + location.pathname + "ui-dir/",
base = $("<base>", {"href": fauxBase}).appendTo("head"),
link = $( "<a href='testurl'></a>" ).prependTo( fakeBody );
$.support.dynamicBaseTag = !!link[0].href.match(fauxBase);
base.remove();
};
baseTagTest();
$.extend( $.support, {
orientation: "orientation" in window,
touch: "ontouchend" in document,