Jak utworzyć łącze div otworzyć w nowej karcie JavaScript onClick = "window.location

Stworzyłem szereg przycisków mediów społecznościowych, które po obróceniu myszy przełączają się na inny obraz (co daje efekt podświetlenia). obrazy działają tak, jak chcę, ale nie mogę wymyślić, jak załadować stronę do nowej karty/ekranu.Muszę zaimplementować odpowiednik .Jak utworzyć łącze div otworzyć w nowej karcie JavaScript onClick = "window.location

Zakładając, że muszę coś zmienić w ? onClick ....

Oto kod:

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

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

Wyszedłem na zewnątrz trochę kodu CSS, aby to prostsze, ale tutaj jest demo http://fiddle.jshell.net/3Bsyd/2/

Dziękujemy!

Źródło

2014-04-04 ben_dchost

'window.open();'? Jeśli nie zdefiniujesz wysokości i szerokości, otworzy się ona w nowej karcie. – iamsleepy

można znaleźć tutaj duplicate..http: //stackoverflow.com/questions/12529837/using-a-div-as-a-link-option-to-open-new-tab –

@rkrk dzięki, przepraszam, że brakowało pytanie. –

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

Źródło

2014-04-04 07:51:23 Benio

dokładnie to, czego szukałem. Dzięki –

Poszukuję opcji prawego przycisku myszy, która jest mi potrzebna do podjęcia decyzji, czy otwiera link w nowej karcie, czy w bieżącej zakładce. To samo co naciśnięcie klawisza 'Ctrl' + Click można otworzyć w nowej karcie, podczas gdy kliknięcie otwiera stronę w bieżącej zakładce. – Mai

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

Źródło

2014-04-04 07:52:24

Dziękuję za odpowiedź. Jaka jest różnica między _newtab i _blank? –

Obie robią tę samą operację _blank jest wskazane –

Po prostu przeczytaj na ten temat, dziękuję za pomoc! –

Jak utworzyć łącze div otworzyć w nowej karcie JavaScript onClick = "window.location

Odpowiedz

Powiązane problemy