2014-04-04 13 views
8

Fare, fareyi başka bir görüntüye (vurgulama efekti vererek) geçirdiğinde bir dizi sosyal medya düğmesi oluşturdum. görüntüleri istediğim gibi çalışır, ancak, sayfayı yeni bir sekme/ekrana nasıl yükleyeceğimi anlayamıyorum.Yeni bir sekmede bir div bağlantısını nasıl açabilirim Javascript onClick = "window.location

Eşdeğerlerini uygulamak zorunda olduğumu varsayalım. ?

<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> 
: onClick .... İşte

kodudur İşte

CSS: Ben daha basit hale getirmek için bazı CSS kodunu dışında kalan

#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; 

, ama burada http://fiddle.jshell.net/3Bsyd/2/

teşekkür ederiz bir demo!

+0

'window.open(); '? Yüksekliği ve genişliği tanımlamazsanız, yeni bir sekmede açılır. – iamsleepy

+0

burada bulabilirsiniz ..http: //stackoverflow.com/questions/12529837/using-a-div-as-a-link-option-to-open-new-tab –

+0

@rkrk teşekkürler, üzgünüm kaçırmış olmalı soru. –

cevap

25

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

+0

tam olarak aradığım şey. Teşekkürler –

+0

Kullanıcının yeni sekmede veya geçerli sekmede açılıp açılmayacağına karar vermesi için kullanıcıya ihtiyacım olan doğru tıklama seçeneğini arıyorum. 'Ctrl' +' a basmakla aynı şekilde tıklatırsanız, şu anki sekmede sayfayı tıklatırken tıklattığınızda yeni sekmede açabilirsiniz. – Mai

2

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

+0

Cevabınız için teşekkür ederiz. _newtab ve _blank arasındaki fark nedir? –

+0

Her ikiniz de aynı işlemi yapın _blank tavsiye edilir –

+0

Sadece okuyun, yardımınız için teşekkürler! –

İlgili konular