by Donna Trianty

Apr 11, 2012

Tips Mengetahui Input Type Password di Firefox dengan JavaScript

Kali ini saya coba berbagi tips lama, memang sudah banyak yang tau tips ini, namun tidak ada salahnya untuk diposting ulang agar bisa sebagai tambahan pengetahuan buat kawan-kawan lain. Banyak dari kita yang menyangka bahwa tanda bulat hitam (•) seperti karakter disamping tidak akan bisa diketahui lagi isi dari karakter aslinya, namun jangan salah, hal itu tetap bisa diketahui dengan bantuan javascript.

Supaya lebih bagus saya sampaikan juga cara membuatnya, supaya jadi sedikit bertele-tele :), input password tersebut biasanya dibikin dengan HTML, dengan kode seperti &ltinput type="password" name="password" size="50" /> maka hasilnya mirip dengan input text, hanya saja karakter yang ditulis di konversi tampilannya dengan karakter (•) dan valuenya tetap karakter yang sebenarnya, Jika masih belum mudeng (ngerti maksudnya :D) tampilannya seperti saat kita login ke akun jejaring sosial kita, misal facebook,twitter ataupun google plus dengan memasukkan kata sandi. seperti gambar dibawah ini :

Tips Mengetahui Input Type Password di Firefox dengan Javascript

Nah untuk mengetahui isi dari karakter (•) kita lakukan percobaan ini di firefox(lebih mudah disini soalnya :D), kemudian tekan tombol pintas CTRL + SHIFT + K secara bersamaan akan tampil bar seperti gambar berikut :

Tips Mengetahui Input Type Password di Firefox dengan Javascript
nah masukkan javascript berikut di bagian bawah bar tersebut, silahkan copy dan pastekan javascript dibawah ini :

1
2
3
4
javascript:var a = new String(); for (var i = 0; i < document.forms.length; i++) {
for (var j = 0; j < document.forms[i].elements.length; j++) {
if (document.forms[i].elements[j].type == "password") {
a += document.forms[i].elements[j].value; } } } alert(a); 
dan setelah anda enter kode tersebut maka hasilnya seperti gambar dibawah ini :
Tips Mengetahui Input Type Password di Firefox dengan Javascript

Nah begitulah cara mengetahui isi password dari input type password html, dengan hal ini saya sarankan agar anda tidak mensave data-data saat login di browser, karena itu dapat dengan mudah dilihat dengan teknik diatas, sekian dulu postingan dari saya, semoga bermanfaat.

Sumber : http://komputerkampus.com/

Membuat Sendiri Share Link Ke Social Network Dengan JavaScript


Pernahkah Anda melihat link seperti di bawah ini di blog-blog atau situs orang lain?.?
share link social network
Ngomong-ngomong? Buat apaan sih link itu? Buat kalian yang belum tahu gunanya? Link tersebut digunakan untuk membagi link (share link) dari URL artikel yang sedang dibaca ke situs jejaring sosial milik kita, dapat dishare ke Facebook, Twitter, dll.Nah… bila Anda menggunakan WordPress, ada plugin yang menampilkan link share tersebut yang nantinya akan muncul di setiap postingan. Diharapkan dengan link tersebut, pembaca atau pengunjung blog yang tertarik dengan sebuah postingan tersebut bisa men-sharenya langsung ke situs jejaring miliknya.Sekarang… bagaimana bila kita memasang link share tersebut tanpa plugin apa-apa alias membuatnya sendiri? Dengan membuat sendiri, kita bisa memasangnya di CMS buatan kita sendiri atau situs pribadi kita.So… bagaimana caranya kalo kita buat sendiri link sharenya? OK.. langkah pertama kita harus tahu dulu URL di masing-masing social network untuk share link ini. 

Berikut ini beberapa URL dari social network untuk share linknya.
Facebook : http://www.facebook.com/share.php?u=url
Twitter: http://twitter.com/home/?status=url
Digg: http://digg.com/submit?url=url
Reddit: http://www.reddit.com/submit?url=url

Perhatikan keempat URL untuk keperluan share link di masing-masing social network di atas. Semuanya terdapat kesamaan yaitu adanya parameter ‘url‘. Parameter inilah yang akan diisi dengan URL yang akan kita share. Sebagai contoh misalkan kita ingin menshare sebuah URL http:// piecesly.blogspot.com  ke Facebook, maka kita gunakan URL http://www.facebook.com/share.php?u=http://piecesly.blogspot.comDah paham konsepnya ya? Sekarang misalkan kita punya blog atau CMS buatan sendiri. Lalu bagaimana cara menaruh share link tersebut ke setiap postingan, dan URL yang dishare itu menyesuaikan URL dari artikel yang sedang dibaca oleh visitor? atau dengan kata lain, bagaimana cara membuat script supaya parameter ‘url’ yang ada di setiap share link social network di atas secara otomatis terisi oleh URL dari setiap artikel yang ada di blog kita?
Nah… untuk melakukan hal tersebut caranya mudah, kita bisa membaca link URL dari setiap artikel yang ada di blog dengan menggunakan perintah Javascript ‘document.URL‘. Dalam Javascript, perintah ‘document.URL‘ digunakan untuk membaca URL dari halaman web yang sedang tampil di browser. Sehingga, dengan perintah ini kita bisa membuat share link ke social network nya dengan cara sbb:

1.Share this article on:2.<script language="javascript">3.document.write("<a href='http://twitter.com/home/?status="+document.URL+ "'>Twitter</a> | <a href='http://www.facebook.com/share.php?u="+document.URL+ "'>Facebook</a> | <a href='http://www.reddit.com/submit?url="+document.URL+ "'>Reddit</a> | <a href='http://digg.com/submit?url="+document.URL+ "'>Digg</a>");4.</script>

Javascript di atas selanjutnya kita taruh di setiap halaman artikel di blog atau CMS kita. Barusan tadi saya punya ide untuk membuatnya sendiri tanpa menggunakan plugin apa-apa. Memang simple, tapi keren kan?:D. 
Supaya lebih menarik, Anda bisa menambahkan icon dari setiap social network.Dengan adanya share link tersebut, blog kita akan mendapat traffic gratis yang berasal dari social network. Selamat mencoba !!^^