Cum pot face ca un link div să se deschidă într-o filă nouă Javascript onClick=”window.location (Programare, Javascript, Html, Css)

ben_dchost a intrebat.

Am creat o serie de butoane de social media care, atunci când mouse-ul trece peste ele, trece la o imagine diferită (dându-i un efect de evidențiere). Imaginile funcționează așa cum vreau eu, însă nu reușesc să-mi dau seama cum să încarc pagina într-o nouă filă/ecran. Am nevoie să implementez echivalentul lui .

Presupunând că trebuie să schimb ceva în onClick…. ?

Aici este codul:

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

Aici este 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;

Am omis o parte din codul CSS pentru a face mai simplu, dar iată un demo http://fiddle.jshell.net/3Bsyd/2/

Vă mulțumesc!

Comentarii

  • window.open(); ? Dacă nu definești înălțimea și lățimea, se va deschide într-un tab nou. –  > Por iamsleepy.
  • puteți găsi aici duplicat…stackoverflow.com/questions/12529837/… –  > Por rk rk.
  • @rkrk mulțumesc, îmi pare rău că trebuie să fi ratat întrebarea. –  > Por ben_dchost.
2 răspunsuri
user1180790

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

Comentarii

  • Caut opțiunea de clic dreapta pe care am nevoie ca utilizatorul să decidă dacă deschide link-ul în fila nouă sau în fila curentă. Același lucru ca și apăsarea Ctrl + Click poate deschide în fila nouă, în timp ce făcând clic deschide pagina în fila curentă. –  > Por Mai.
Santhosh Kumar Vijayarangan

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

Comentarii

  • Vă mulțumim pentru răspuns. Care este diferența dintre _newtab și _blank? –  > Por ben_dchost.
  • Ambele fac aceeași operațiune _blank este recomandabil –  > Por Santhosh Kumar Vijayarangan.
  • Care este diferența? @ ben_dchost –  > Por Santhosh Kumar Vijayarangan.