Script link tombol onclick='myfunction()

Script onclick ini sangat cocok diterapkan pada tombol share / berbagi dihalaman blog atau website. Karena, prosesnya memunculkan jendela baru (popup window) tanpa meninggalkan halaman asalnya.

Selain itu, tampilan popup windownya juga bisa dikustomisasi sesuai keinginan.
Dibawah ini screenshot popup window tombol berbagi dengan script onclick.

Javascript onclick='myfunction

Contoh script :

<script>

function myFunction() {

  window.open("/", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=50,left=290,width=800,height=500");

}

</script>

Penerapan script dalam elemen HTML

Contoh link dalam elemen dalam HTML :

/*-- Kode HTML --*/

    <button onclick='toInstagram()'>Button test link Instagram</button>

    <span onclick='toFacebook()'>Span test link Facebook</span>

<style>
    /*-- CSS untuk mengubah elemen span menjadi seperti link. --*/
    span {color:blue;cursor: pointer;}
    span:hover {text-decoration: underline;}
</style>

/*-- script onclick --*/

<script>

  function toFacebook() {

  window.open("https://facebook.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=50,left=290,width=800,height=500");

}

  function toTwitter() {
  window.open("https://twitter.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=50,left=290,width=800,height=500");
}

</script>
  

Klik link dibawah ini untuk uji coba.

• Span Test link Facebook
• Test link Twitter
• Test link Linkedin
• Test link Pinterest