在新窗口中打開網頁的工作方法？

我一直在嘗試在sencha touch中編寫代碼，它有一個按鈕，當我點擊它時，它應該在新窗口中彈出一個網頁。在新窗口中打開網頁的工作方法？

Window.open（） - 我不能使用這種方法，因爲它不phones.Though做工精細我意識到這是打開一個新的瀏覽器窗口中最簡單的方法。
document.location.href = url - 此方法在同一頁面打開URL，但我希望它在彈出的窗口中打開。

是否有任何其他方式，當用戶點擊一個按鈕，一個新窗口中打開一個頁面，下面是我的代碼

Ext.application({ 
    name: 'Opening new page', 

    launch: function() { 
     Ext.create("Ext.tab.Panel", { 
      fullscreen: false, 
      items: [ 
       { 
        xtype: 'button', 
        text: 'click to open google', 
        ui: 'confirm', 
        handler: function() { 
         document.location.href=("http://www.google.com/"); 
        } 
       } 
      ] 
     }); 
    } 
});

來源

2012-06-15 Coding active

爲什麼不使用Ext.window？ – ijse

你能給我一個在按鈕事件中使用Ext.window的好例子嗎？ –

請試試這個代碼：

handler: function() { 
    var link = Ext.getDom('hidden_link'); 
    link.href = 'http://www.google.com'/; 
    var clickevent = document.createEvent('Event'); 
    clickevent.initEvent('click', true, false); 
    link.dispatchEvent(clickevent); 
}

來源

2012-06-15 04:01:32

它不起作用！當我把它放在處理程序函數中時什麼也不顯示！ –

或者你可以嘗試下面的代碼：a new window –

創建一個「鏈接」，通過它我們可以打開一個URL，但是應該在新窗口中點擊一個按鈕而不是標籤來打開它。 –

我不確切知道如何在Ext.js中做到這一點，但我基本上是按照@ bunlong-van的思路思考的。創建一個定位到新窗口的定位標記，將其添加到頁面中，然後單擊它。

這是怎麼可能在jQuery中進行：

$('button').bind('click',function(e){ 
     var $me = $(this); 
     e.preventDefault(); 
     e.stopPropagation(); 
     $('<a />') 
     .attr('href', $me.data('href')) 
     .attr('target', '_blank') 
     .css({display:'none'}) 
     .appendTo($('body')) 
     .get(0).click(); 
    });

全樣本：http://jsbin.com/adakur/edit

來源

2012-06-15 04:23:50 jedatu

-1

在你的工作頁面創建一個彈出窗口（一個簡單的窗口），並使其知名度假。當你點擊按鈕，其知名度更改爲true，並給予重點吧.. 也可以打開在彈出的窗口中什麼..

，或者您可以使用此jQuery代碼

$(document).ready(function() { tb_show(title, "testpage.aspx?id=" + url + "&TB_iframe=true&width=700&height=600", null); });

在這裏你可以傳遞你想要的參數。這將打開一個新的彈出窗口。

來源

2012-06-15 04:45:59

我正在尋找一個sencha觸摸應用程序，這項工作？ –

第一個（創建一個彈出窗口並將其可見性設置爲false）將起作用。我相信這一點..但我不知道第二個想法是否可行。 –

嘿@coding可以說是覆蓋是一種彈出，試試這個爲處理事件，

var overlay = new Ext.Panel({ 
    floating : true, 
    modal : true, 
    centered : true, 
    width : 500, 
    height : 500, 
    styleHtmlContent : true, 
    html: '<div><iframe style="width:100%;height:100%;" src="http://www.sencha.com/products/touch">Your device does not support iframes.</iframe></div>', 
}).show('pop', true)

並請使用你的大腦，我不，我可以做你的功課 。我希望這有幫助。 :) Ciao enter image description here

來源

2012-06-15 14:28:54 hekomobile

它不工作@hekomobile！ :(。我仍然沒有找到更好的解決方案，這個簡單的問題！希望我能得到一個 –

告訴我你怎麼做。我不知道 – hekomobile

{items：[{xtype：'button'，text：'點擊打開'， handler：function（） var overlay = new Ext.Panel（{float：true，modal：（'pop'，true），true，center：true，width：500，height：500，styleHtmlContent：true， html：'http://google.com/'， items：[]， } ; } }]}）;}}）; –

在新窗口中打開網頁的工作方法？

回答

相關問題