18%
25%
50%
75%

Kripkorn Studios | Komuniti Drupal phpBB Malaysia

Papar dan sembunyi elemen dengan Javascript

Dikarang oleh johnburn pada Isn, 26/04/2010 - 9:04pm
Dikemas kini pada: 17/03/2012 11:43:15
Tag:

Contoh mudah kod Javascript bagi memaparkan atau menyembunyikan elemen HTML berdasarkan id. 

function tukar(id) {
var elemen = document.getElementById(id);
elemen.style.display = ((elemen.style.display!='none') ? 'none' : 'block');
}

Contoh penggunaan: 

<a href="#" onclick="tukar('test');">Klik untuk papar.</a>
<div id="test" style="display: none;">Elemen yang disembunyikan.</div>

Dalam contoh di atas, elemen div dengan id test disembunyikan dan akan dipaparkan apabila pengguna menekan pautan yang disediakan.

Demo:

Artikel atau tutorial di atas hanya dipaparkan sebahagian sahaja.
Untuk melihat dan membaca kandungan selanjutnya, sila log masuk ATAU mendaftarkan diri sebagai ahli.
  • 115 bacaan

Komen-komen

Kongsikan pandangan, idea dan pendapat anda dengan ahli komuniti

Hantar komen baru

Kemasukan pada ruangan ini bersifat peribadi dan tidak dipaparkan kepada umum.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <span> <img>
  • Web page addresses and e-mail addresses turn into links automatically.
  • Use to create page breaks.
Anda bersetuju dengan dasar privasi Mollom untuk penghantaran kiriman ini.