Как я могу заставить ссылку открываться в новом маленьком окне? - PullRequest
Новая
       10

Как я могу заставить ссылку открываться в новом маленьком окне?

3 голосов
/ 18 января 2010

У меня есть изображения на веб-странице, которую я хочу связать с другим веб-сайтом, но в новом окне определенного размера. В 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')" />

1 Ответ

8 голосов
/ 18 января 2010

Ну, это работает для меня в Опере. Это тоже правильный 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>

Это лучше, потому что (а) есть ссылка, поэтому вы увидите значок «рука» для мыши; и (b) ссылка на самом деле идет куда-то, так что люди с отключенным javascript все еще могут получить доступ к контенту. («Return false» в атрибуте «onclick» означает, что люди с включенным javascript получают только всплывающую ссылку. «False» останавливает браузер по обычной ссылке.)

...