Menyembunyikan dan memunculkan teks

Contoh :

Blog Nano Yulianto - Tips trik dan tutorial Blogger.



Kodennya :

<p id="contoh">Blog Nano Yulianto - Tips trik dan tutorial Blogger.</p>
<input type="button" value="Hide text" onclick="document.getElementById('contoh').style.visibility='hidden'" />
<input type="button" value="Show text" onclick="document.getElementById('contoh').style.visibility='visible'" />

Sebenarnya ini hanya trik dari visibility. Selanjutnya bisa anda kembangkan.

Alhamdulillah

13 comments:


  1. alhamdulillah...
    bro udah berbagi...
    sangat bermanfaat...

  2. itu sekedar coba-coba bro... hehehehe

  3. cara nambahin banyak CSS style di .style.visibility='hidden'
    misalnya Color; background; font; dll....
    GIMANA BANG????
    PLISSSSSSSSSSS

  4. masukin aja attribute style didalamnya bro...
    lihat Disini

  5. bisa di contohin gak bang?????
    pliss

  6. koq ga di bales..

  7. tinggal masukan saja bro, sama kayak artikel yang saya tunjukin...

    misalnya :
    <input style="background:black; color:white;" />

  8. bukan itu maksud saya..
    misalnya kalau kita tekan tombol HIDE TEXT,
    maka teks nya akan Hilang terus berubah Warna, Backgrund dan Style Lainnnya...

    Gimana caranya??

  9. itu sudah beda lagi bro.... JSnya gak sesimpel itu...

  10. Tepat sekali!!!
    oleh karena itu saya bertanya ke sini, buatin dunk contoh jSny..

  11. memang buat tempat apaan bro ? kalau yang ada ditombol search pada template pernak-pernik gimana bro... itu juga hampir sama....

  12. Gak penting sih, Cuma pengen tau Ja caranya..
    kalau bang Nano tahu, aku juga pingin tahu!!
    kalau ga tau, gpp kuq..
    hehehehe :D

  13. kirain penting... gubrak...

Posting Komentar


Creative Commons License
Menyembunyikan dan memunculkan teks by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2010/12/menyembunyikan-dan-memunculkan-teks.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.