Открыть ссылку в новом уменьшенном окне

Discussion in 'PHP' started by nordx, 27 Jun 2012.

  1. nordx

    nordx New Member

    Joined:
    19 Sep 2011
    Messages:
    7
    Likes Received:
    0
    Reputations:
    0
    Добрый вечер, пожалуйста подскажите как можно сделать так: Пользователь нажимает на Ссылку/URL] и ему открывается новое уменьшенное окно. Пожалуйста подскажите, заранее благодарен.
     
  2. qhmail

    qhmail New Member

    Joined:
    24 Jun 2012
    Messages:
    1
    Likes Received:
    0
    Reputations:
    0
    Пример 1. Ссылка в новом окне
    HTML5IE 9Cr 16Op 11Sa 5Fx 10
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Ссылки</title>
    </head>
    <body>
    <p><a href="1.html">Ссылка откроется в этом окне</a></p>
    <p><a href="2.html" target="_blank">Ссылка откроется в новом окне</a></p>
    </body>
    </html>


    Учтите, что при использовании строгого <!DOCTYPE> атрибут target в HTML4 и XHTML осуждается и код с ним не пройдет валидацию. Чтобы в таком случае сделать ссылку для открытия в новом окне и соблюсти корректность кода, одних HTML и CSS недостаточно, поэтому придется обратиться к скриптам. Вначале необходимо как-то выделить ссылки, которые будут открываться в новом окне, например, атрибутом rel со значением external. Этот атрибут кратко описывает ссылку или куда она ведет. Браузеры не воспринимают этот атрибут, но это и не требуется, поскольку мы будем проверять все ссылки через JavaScript (пример 2). К нужным ссылкам добавляется все тот же target. Но так как это делается программно, то валидатор уловки не заметит.

    Пример 2. Открытие ссылки через JavaScript
    XHTML 1.0CSS 2.1IE 9Cr 16Op 11Sa 5Fx 10
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Ссылка в новом окне</title>
    <script type="text/javascript">
    /* <![CDATA[ */
    function externalLinks() {
    links = document.getElementsByTagName("a");
    for (i=0; i<links.length; i++) {
    link = links;
    if (link.getAttribute("href") && link.getAttribute("rel") == "external")
    link.target = "_blank";
    }
    }
    window.onload = externalLinks;
    /* ]]> */
    </script>
    </head>
    <body>
    <p><a href="1.html">Ссылка откроется в текущем окне</a></p>
    <p><a href="2.html" rel="external">Ссылка откроется в новом окне</a></p>
    </body>
    </html>
     
  3. nordx

    nordx New Member

    Joined:
    19 Sep 2011
    Messages:
    7
    Likes Received:
    0
    Reputations:
    0
    Мне нужно чтоб окно было уменьшенным... И я мог задавать пропроции высоты и ширины.
     
  4. daniel777

    daniel777 Elder - Старейшина

    Joined:
    8 Jul 2010
    Messages:
    517
    Likes Received:
    90
    Reputations:
    37
    HTML:
    <html>
    <head>
    <script language="JavaScript">
    <!--
    function goFile(){
    god=window.open("http://yandex.ru", "god", "height=1200,width=1200")
    }
    -->
    </script>
    </head>
    
    <body>
    <a href="http://google.com" target="_blank" onClick="goFile()">нажмите для продолжения</a>
    </body>
    </html>
     
Loading...