在模态对话框中打开链接（如Chrome Web Store）

Question

如何在打开Chrome应用程序时在Chrome网上应用店的模式对话框中打开网址链接。注意背景仍然在shaddow中，但它仍然是主页。 Chrome网上应用店中的网址也发生了变化。

Answer 1

对话框使用jQuery UI

http://jqueryui.com/demos/dialog/#modal-message

使用历史记录API

更改网址

http://html5demos.com/history

同时检查Good tutorial for using HTML5 History API (Pushstate?)

对于较旧的浏览器，您可能必须使用location.hash，上面的jQuery UI网站就是一个很好的例子。

要打开对话框中的所有链接，您可以编写如下代码

$('a').click(function(e){
  e.preventDefault();
  var url=$(this).attr('href')+"?content_only"; //content_only added to tell index.php to give only content without template and JS
   $.get(url, function(data) {
    $('.dialog').html(data).dialog();
   //change URL here
  });
});

要将所有网址指向主页，您必须执行服务器端技巧，将所有网址指向index.php。与example.com/index.php/subpage类似，如果网址不仅仅是index.php，请查看文档就绪，我的意思是example.com/index.php/subpage，然后在对话框中打开example.com/index.php/subpage?content_only。在index.php中使用标准，指定content_only，然后仅返回subpage的内容而不使用模板和JS。