2010-01-18 102 views
3

我有一個網頁上的圖像,我想鏈接到另一個網站,但在一個特定的大小的新窗口。在Dreamweaver中,我使用了Window> Behaviors> onMouseClick,但出於某種原因,這不起作用。圖像不被識別爲鏈接。如何在新的小窗口中打開鏈接?

有什麼其他方法可以讓我們在一個新的窗口中打開一個鏈接,並且這次它真的有效嗎?

這裏是由Dreamweaver生成的代碼:

<script language="JavaScript"> 
<!-- 

function MM_openBrWindow(theURL,winName,features) { //v2.0 
window.open(theURL,winName,features); 
} 
//--> 
</script> 

鏈接:

<img src="images/portfolio/featured1.jpg" alt="Google" width="241"  height="200" border="0" onclick="MM_openBrWindow('http://www.google.com','google','scrollbars=yes,width=650,height=500')" /> 
+0

什麼是實際的html/js輸出DREAMWEAVER?點擊圖片時會發生什麼? – 2010-01-18 18:46:38

+0

沒什麼,它不會讓我點擊它。 – user208987 2010-01-18 18:47:32

+0

同意。任何人都可以診斷之前,我們必須看到實際的html和javascript。 – 2010-01-18 18:49:30

回答

8

好了,這對我的作品在Opera。它也是有效的HTML。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
<title>Test popup</title> 
</head> 

<body> 

<script type="text/javascript"> 
<!-- 

function MM_openBrWindow(theURL,winName,features) { //v2.0 
window.open(theURL,winName,features); 
} 
//--> 
</script> 

<p>the link: 
<img src="notice.png" 
    alt="Google" 
    width="241" height="200" 
    style="border: 0;" 
    onclick="MM_openBrWindow('http://www.google.com','google','scrollbars=yes,width=650,height=500')"> 


</body> 
</html> 

這是更好的:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
<title>Test popup</title> 
</head> 

<body> 

<script type="text/javascript"> 
<!-- 

function MM_openBrWindow(theURL,winName,features) { //v2.0 
    window.open(theURL,winName,features); 
} 
//--> 
</script> 

<p>the link: 
<a href="http://www.google.com" onclick="MM_openBrWindow('http://www.google.com','google','scrollbars=yes,width=650,height=500'); return false;"> 

<img src="notice.png" 
    alt="Google" 
    width="241" height="200" 
    style="border: 0;"></a> 


</body> 
</html> 

這是更好,因爲(a)有一個鏈接,所以你會看到鼠標的「手」圖標;和(b)鏈接實際上在某個地方,所以JavaScript關閉的人仍然可以訪問內容。 (「onclick」屬性的「返回false」意味着開啓javascript的用戶只能獲得彈出鏈接,「false」會阻止瀏覽器繼正常鏈接)。

+0

是的,這工作。我不知道爲什麼實際的Dreamweaver代碼不起作用。非常感謝。 – user208987 2010-01-18 19:11:02

+0

自您發表評論以來,我添加了第二個版本。其次是,我認爲,更好。 – TRiG 2010-01-18 19:12:45

+0

是的,我想我會使用第二個版本。謝謝你的幫助。 – user208987 2010-01-18 19:23:42

相關問題