JavaScript彈出窗口打開外部網頁

Question

我很努力地實現一個功能來打開一個帶有外部鏈接的新窗口。我正在創建動態內容，並且希望編寫一個可以打開彈出/彈出窗口的函數。請幫忙。我喜歡jquery對話框和lightwindo等，但我無法實現任何這些，任何幫助將是gerat，我堅持和沮喪與​​這個小小的問題。 。 。到目前爲止，沒有任何選項可用於他們。這裏是我如何顯示我的結果的代碼，以及我如何認爲我必須調用該函數才能打開一個新窗口。所以這裏的第二個功能是一個我需要一些幫助，打開顯示的信息一個不錯的彈出窗口..

// --------------------- display the course results -> structuring the returned array, to output all information into a table ---------------------- 
function displayCourses() 
{ 

    var str = ' <table border="0" width="530">' + 
       '<tr>' + 
        '<td width="150">Title/course code</td>' + 
        '<td>INFO</td>' + 
       '</tr>'; 

    if(curCourseList == null) 
    { 
     str = str + '<tr><td colspan="2"><div id="msgDips"></div></td></tr>'; 
    } 
    else 
    { 
     for (var i = 0; i < curCourseList.length; i++) 
     { 
      str = str + '<tr><td valign="top" width="150"><a style="cursor:pointer;" onclick="showCourse(\''+curCourseList[i][0]+'\')" >' + curCourseList[i][0] + ' <br /> </a>' + curCourseList[i][1] +'<br>'+ curCourseList[i][3] +'<br /><br />'+ curCourseList[i][4] +'</td><td>' + curCourseList[i][2] +'</td></tr>'; 
     } 
    } 

    str = str + '</table>'; 

    document.getElementById("courseContainer").innerHTML = str; 
    if(curCourseList == null) 
    { 
     getLangToken('99'); 
    } 

}  
function showCourse(code) 
{ 
    //alert(1) 
    $.ajax({ 
     async:false, 
     type: "POST", 
     url: 'formPostsUser.php?reqtype=getCourse', 
     data:'coursecode='+ code, 
     success: function(data) 
     { 
      newwindow=window.open(url,'name','height=200,width=150'); 
    if (window.focus) {newwindow.focus()} 
    return false; 
     } 
    }); 
} 

並認真任何幫助將大大AP [preciated。我在這樣深的狗屎ATM

編輯---------------

這是window.open位我會liek更換打開一個漂亮的花式流行-up，沒有新的瀏覽器窗口或頁面

Answer 1

如果觸發比通過用戶交互，將最有可能被阻止的其他任何窗口打開。您是否檢查過與此相關的通知？

Answer 2

如果你不想使用一個真正的彈出窗口，你可以嘗試創建一個東西網頁上面一個<div>其「徘徊」像

.hoverwindow { 
    position:absolute; 
    width: ...px; 
    height:...px; 
    margin:auto; 
    z-index:10; /*ensure that it's displayed on top*/ 
} 

你可以用一個小的修改做你的功能：

function showCourse(code) 
{ 

$.ajax({ 
    async:false, 
    type: "POST", 
    url: 'formPostsUser.php?reqtype=getCourse', 
    data:'coursecode='+ code, 
    success: function(data) 
    { 
     var newwindow = $('<div class="hoverwindow" />'); 
     newwindow.html(data).appendTo('body'); 
    } 
}); 
} 

雖然坦言這是一個很值得什麼插件「彈出窗口」這樣做這一切應該，如果你尋找它是隨時可在網上。因此，爲什麼我沒有費心嘗試和測試這些代碼 - 只是簡單介紹一下你可以做什麼。

Answer 3

我不知道爲什麼你說一個對話框無法工作，或者特別是如果jQuery UI的對話框不爲你工作，但以防萬一：

$(function() { 
    $("<div id='helpDialog' style='display:none' />").appendTo(document); 
    $("#helpDialog").dialog({ 
     autoOpen: false 
    }); 
    $("#helpDialog").dialog('option', 'buttons', { 
     "Close": function() { 
      $(this).dialog("close"); 
     } 
    }) 
}); 

function helpPopUp(page, height, width) { 
    $("#helpDialog").dialog('option', 'height', height); 
    $("#helpDialog").dialog('option', 'width', width); 
    $('#helpDialog').load(page); 
    $('#helpDialog').dialog("open"); 
} 
helpPopUp('#helpDialog', 'Help/Summary.html', 550, 750); 

你當然可以，修改.load(page)是自定義IF需要引用網頁中的頁面。

這裏是上面有輕微國防部的一個簡單的示例來加載，而不是頁面的表格：http://jsfiddle.net/MarkSchultheiss/ABqrD/1/