Форум Сайтостроение Веб-строительство

Посоветуйте как с помощью CSS задать открытие линков в новом окне

R
На сайте с 28.02.2009
Offline
109
Retox
788

Очень интересно как с помощью CSS задать для линков слоя new_window хтмльноe target="_blank" !

Всем ответившим заранее благодарен :beer:

Тестовый код 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>TEST</title>

<style type="text/css">

 

a:link {

	color: #800000;

}

a:visited {

	color: #800000;

}

a:hover {

	color: #7B1CF0;

}





 .new_window {

    position: absolute;

    top: 10%;

    left: 1%;

    width: 20%;

    height: 5%;

    font-size: 12px;

	font-family: Verdana;

	font-weight: normal;

	color: #800000;

    background-color: #FFEECC;    

    }

  .self_window {

    position: absolute;

    top: 20%;

    left: 1%;

    width: 20%;

    height: 5%;

    font-size: 12px;

	font-family: Verdana;

	font-weight: normal;

	color: #800000;

    background-color: #FFEECC;   

 } 

 </style>

</head> 

<body>

<div class="new_window"><a href="http://google.com">Google - в новом окне</a></div>

<div class="self_window"><a href="http://yandex.ru">Yandex - в том же окне</a></div>

</body>

</html>
[Удален]
#1

предполагаю что с помощью ксс этого не сделать (поправьте если отстал от жизни)

а вот с помощь яваскрипта - легко :)

ососбенно если юзается jQuery или подобный яваскрипт фреймворк.

bearman добавил 09.11.2009 в 18:19

ну и к слову :)


$(function () {
$(".new_window").attr("target","_blank");
});

вот так вот просто))

ixRock
На сайте с 14.11.2006
Offline
46
ixRock
#2
bearman:
предполагаю что с помощью ксс этого не сделать (поправьте если отстал от жизни)

не отстали от жизни :) с помощью CSS конечно нельзя изменять аттрибуты DOM-объектов..

Работаю [S]за еду и секас[/S] с XHTML, CSS, XSLT, JS, PHP. Если что, вот тут (http://www.mintdesign.ru/) некоторые мои работы. Контакты: ася 344-ноль86-276, мыло ixrock@gmail.com
R
На сайте с 28.02.2009
Offline
109
Retox
#3

Спасибо :) буду пробывать!

Нашел но это в CSS3 http://www.w3.org/TR/css3-hyperlinks/ но когда ещё его утвердят...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий