2013-12-10 5 views
1

Я создаю пользовательскую кнопку Pinterest Pin It с помощью Simple Icons, и я использую ссылку, которую дал мне Pinterest Widget Builder. На кнопках Pin It по умолчанию открывается эта ссылка в совершенно новом окне . Я просмотрел много вопросов SO, но все они открывают его на новой вкладке .Javascript document.location new window

мне нужна эта ссылка откроется в новом окне , а не вкладки.

HTML:

<div class="pinit" onclick='window.open("http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Flocalhost%3A8080%2FHowl%2FHome.html&media=http%3A%2F%2Fi.imgur.com%2FToZz7PB.png&description=Howl%3A%20Share%20Your%20Life")'><img src="http://raw.github.com/danleech/simpleicons/master/icons/pinterest/pinterest-64.png"></div> 

CSS:

.pinit { 
    background: #CB2027; 
    width: 65px; 
    border-radius: 10px; 
    cursor: pointer; 
} 
.pinit:hover { 
    background: #e41f11 
} 

JavaScript:

Для JS, я использовал ссылку Pinterest: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

ответ

3

попробовать это один

<div class="pinit" onclick='window.open("http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Flocalhost%3A8080%2FHowl%2FHome.html&media=http%3A%2F%2Fi.imgur.com%2FToZz7PB.png&description=Howl%3A%20Share%20Your%20Life","Pin It","width=300,height=300,top=0,left100")'> 

укажите имя и свойства в новом окне.

,"Pin It","width=300,height=300,top=0,left100" 
+0

Я не думаю, что размер определяется. Высота не выглядит 300px. Вам нужны пикселы в нем? –

+0

его высота в 'px' вы можете попробовать другое число в стороне от 300, как ширина = 600, height = 500 – Hellgorithm

+0

Я изменил его размер, и он по-прежнему выглядит тонким и высоким. –