Menampilkan Pesan dalam TextArea Drop Down

Widget ini sangat cocok digunakan jika Anda memiliki beberapa coding pilihan yang bisa digunakan untuk beberapa jenis kode. Misalnya suatu widget bisa dijalankan menggunakan JavaScript, jQuery atau mungkin dengan PHP.
HTML
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%"><form name="askedboss"><table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100%">
 <select name="selectbox" size="1" onChange="tukarKonten(this);">
<option selected="selected" disabled="disabled">PILIH SALAH SATU</option>
            <option>PILIHAN PERTAMA</option>
            <option>PILIHAN KEDUA</option>
            <option>PILIHAN KETIGA</option>
          </select>
          </td>
        </tr>
        <tr>
          <td width="100%" style="display:none" id="tempatKonten"><textarea rows="10" name="areaPesan" cols="38" wrap="virtual"></textarea><br />
<font face="arial" size="-2">Widget drop down messages by <a href="http://www.kangsigit.com">Sigit Purnomo</a></font>
</td>
        </tr>
      </table>
    </form>
    </td>
  </tr>
</table>

JAVASCRIPT
<script type="text/javascript">
/*******
** Get more script: http://www.kangsigit.com **
   *************************************************
*****/

var konten=new Array()

konten[0]='' //TAK ADA KONTENT

konten[1]='INI KONTEN BIASA YANG MUNCUL UNTUK PILIHAN PERTAMA'

konten[2]='PADA BAGIAN KEDUA INI JIKA MENAMBAHKAN TANDA PETIK HARUS MENGGUNAKAN TANDA PETIK GANDA "CONTOHNYA YANG INI" JIKA MENGGUNAKAN TANDA PETIK TUNGGAL AKAN EROR'

konten[3]='CONTOH TAMPILAN BAGIAN KETIGA JIKA MENGGUNAKAN KODE HTML DAN PEMENGGALAN BARIS BARU\n <div id="idAnda">HAY, SAYA DIV</div>\n <p id="idAnda">DAN SAYA P</p>\nTERIMAKASIH..' // Gunakan \n untuk membuat baris baru

//jangan edit bagian ini

function tukarKonten(which){
document.askedboss.areaPesan.value=konten[which.selectedIndex]
document.getElementById("tempatKonten").style.display="block";
}
document.askedboss.areaPesan.value=konten[document.askedboss.selectbox.selectedIndex]
</script>
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini