Подтвердить что ты не робот

Как сделать div-ссылку открытой на новой вкладке Javascript onClick = "window.location

Я создал ряд кнопок социальных сетей, которые, когда мышь зависает, переключается на другое изображение (придавая ему эффект подсветки). Изображения работают так, как я их хочу, однако я не могу понять, как загрузить страницу в новую вкладку/экран. Мне нужно реализовать эквивалент.

Предполагая, что мне нужно что-то изменить в onClick....?

Вот код:

<div id="insidefooter">
<ul>
    <li>
        <div id="facebook" style="cursor:pointer;" onClick="window.location='https://www.facebook.com';"></div>
    </li>
    <li>
        <div id="youtube" style="cursor:pointer;" onClick="window.location='https://www.youtube.com';"></div>
    </li>
    <li>
        <div id="twitter" style="cursor:pointer;" onClick="window.location='https://twitter.com/';"></div>
    </li>
</ul>
</div>

Вот CSS:

#facebook {
height: 40px;
position: relative;
top: 0px;
left: 260px;
width: 40px;
background-image:url(/img/index/footer/facebook-button.jpg);
}

#facebook:hover {
height: 40px;
width: 40px;
background-image:url(/img/index/footer/facebook-button2.jpg);
top: 0;
left: 260px;
width: 40px;
position: relative;
}

#youtube {
height: 40px;
position: relative;
top: -62px;
left: 360px;
width: 40px;
background-image:url(/img/index/footer/youtube-button.jpg);
}

#youtube:hover {
height: 40px;
width: 40px;
background-image:url(/img/index/footer/youtube-button2.jpg);
top: -62px;
left: 360px;
width: 40px;
position: relative;

Я оставил некоторый CSS-код, чтобы упростить его, но вот демонстрация http://fiddle.jshell.net/3Bsyd/2/

Спасибо!

4b9b3361

Ответ 1

onclick="window.open('http://google.pl', '_blank');"

Ответ 2

<div id="facebook" style="cursor:pointer;" onClick="window.open('http://www.google.com','_newtab');">Test</div>