Beberapa waktu yang lalu ada temen minta dibuatin module pembelajaran mengenai Javascript Conditional and Loop Control Statements, karna bingung mulai dari mana dan stepnya kemana (ngga berbakat jadi dosen pengajar nih hahah) jadinya cuman 5 halaman folio (sengaja di banyakin contoh biar lebih banyak halaman heheh) dengan penjelasan singkat dan tu de poin sambil berharap yang baca ngga malah tambah bingung 
berikut ini adalah ringkasan hasil-nya.
IF , IF Else, dan IF Elseif
Conditional statement if seperti di bahasa pemrogramman lain digunakan untuk mem-filter suatu ekspresi kondisi dan kemudian memberikan action berdasarkan hasil filter tersebut.
Satu ekspresi:
if ( variable==‘gula’)
{
document.write (‘manis’);
}
Dua ekspresi:
if ( variable==‘gula’ )
{
document.write (‘manis’);
}else{
document.write (‘pahit’);
}
Tiga atau Lebih ekspresi:
if ( variable==‘gula’ )
{
document.write (‘manis’);
}elseif( variable==‘asam’ ){
document.write (‘masam’);
}elseif( variable==’sambal’ ){
document.write (‘pedas’);
}else{
document.write (‘pahit’);
}
Switch Statement
Conditional loop switch merupakan alternatif bentuk perulangan IF ELSEIF ELSE, digunakan untuk melakukan perulangan berdasarkan sebuah nilai ekspresi dan kemudian memberikan action berdasarkan kemungkinan nilai-nilai hasil evaluasi. Continue reading ‘Javascript Conditional and Loop Control Statements’
ajaxed adalah ajax class untuk classic asp (ASP 3.0) (silakan baca postingan saya sebelumnya tentang ajaxed),michal gabrukiewicz author dari webdevbros.net telah me-rilis versi terbaru dari ajaxed (ajaxed 0.3), fasilitas² baru (dan bug fixes) yang ditambahkan antara lain:
- Menggunakan prototype javascript library versi 1.6
- Update JSON class utility (sekarang menggunakan versi 1.4)
- Bug pada loading indicator telah diperbaiki dimana sebelumnya
loading indicator tidak kelihatan klo halaman di scroll down
- Style untuk loading indicator tidak di define secara default
sehingga kita harus membuat CSS class tersendiri
“ajaxLoadingIndicator”
- Lebih banyak contoh² yang di bundle dalam download termasuk contoh
me-load dari database (recordset)
- AJAXED_DBCONNECTION sekarang di define didalam config untuk
memudahkan proses integrasi dengan database di setap halaman
Setelah release versi pertama ajaxed ini telah menjadi favorit saya dalam membuat halaman ajax enabled dengan classic asp programming, pada versi ajaxed 0.2, telah di include-kan berbagai library yang menambah kemampuan ajaxed sendiri diantaranya: Database class library dan String Operations Class library. Untuk informasi Semua library tersebut (JSON Utility, Database Class, dan String Operation class) di develop oleh michal sendiri.
Sebelum release ajaxed sebenarnya telah ada library yang menggunakan XMLHTTPRequest untuk classic asp programming yaitu CLASP yang saat ini sudah versi CLASP 2.0, sangat kompleks tetapi menurut saya lebih rumit implementasinya meski dokumentasi dan sample-nya sendiri sangat banyak dan lengkap, silakan mau pilih yang mana 
Sergey Ilinsky has written a great article about cross browser XMLHttpRequest implementation wrapper. The benefit of using this wrapper we can fix things like below:
- Missing static members (UNSENT, OPEN, SENT, LOADING, DONE) in All browsers
- missing native XMLHttpRequest object support in Internet Explorer 6.0
- memory leak caused by onreadystatechange handler in Internet Explorer 6.0
- onreadystatechange wrong execution context in Internet Explorer All
- onreadystatechange wrong execution context in Gecko All
- readystatechange OPEN fired twice in Internet Explorer All
- readystatechange OPEN fired twice in Gecko All
- missing readystatechange calls in synchronous requests in Gecko All
- unnecessary readystatechange DONE call when request aborted in Gecko All
- annoying “<parsererror />” document in invalid XML responses in Gecko All
- caching bug in Internet Explorer 6.0
The picture above is the result of Sergey XMLHttpRequest implementation in various browsers. The wrapper download here
Dalam posting sebelumnya Expandable HTML form element with Javascript insertAdjacentHTML saya sharing script untuk membuat form dinamis script tersebut sudah saya test tetapi hanya di Internet Explorer saja, tetapi beberapa waktu lalu saya mendapat task untuk bugfixxing dan ternyata bug-nya adalah script Expandable HTML tersebut. masalahnya adalah tidak cross browser compatible.
Mozzila Firefox memang tidak mengenali fungsi insertAdjacentHTML
Cross browser problem huh.. paling bete klo berhadapan dengan problem yang satu ini he eh. setelah ber-googling ria akhirnya ketemu pemecahannya (google is tha best). Mozzila Firefox memang tidak mengenali fungsi insertAdjacentHTML, so dengan menambahkan block script di bawah ini semua fungsi insertAdjacentElement, insertAdjacentHTML, insertAdjacentText bisa berjalan baik di Mozilla FireFox.
Continue reading ‘Javascript insertAdjacentElement, insertAdjacentHTML, insertAdjacentText Cross Browser Compatibility’
Script berikut ini berfungsi untuk membuat dynamic form element yang bisa expand/bertambah setiap kali javascript expand function di panggil dengan limit yang bisa di set sesuai keinginan (bisa pula unlimited). Script ini sangat berguna untuk membuat Multi Files uploader sehingga user tinggal meng-klik button expand setiap user perlu files Field untuk mengupload lebih banyak file.
Dengan menggunakan fungsi Javascript insertAdjacentHTML kita bisa menambahkan element di dalam HTML. Fungsi insertAdjacentHTML memiliki 2 parameter yaitu posisi & Element_yang_di_add. untuk parameter posisi ini ada 4 nilai yang bisa dipake antara lain : beforeBegin, afterBegin, beforeEnd, dan afterEnd.
Continue reading ‘Expandable HTML form element with Javascript insertAdjacentHTML’
Menggunakan Mozilla Firefox (saya menggunakan versi 2) jika mau mengganti nilai InnerHTML dari suatu HTML element (div,span…) secara runtime (menggunakan metode AJAX http request) kita dapat langsung menggunaan javascript sbb:
NamaElement.innerHTML = Text_HTML_yang_ditampilkan;
Ternyata metode tersebut menghasilkan error jika menggunakan IE (saya menggunakan IE versi 6). IE tidak membiarkan kita meng-override isi tersebut so, diakalin dengan mengubah nilai innerText element tersebut dengan string kosong dan kemudian membuat element baru di dalam element tersebut dan menempatkan InnerHTML di element baru.
Continue reading ‘AJAX HTTP Request Troubleshooting Override InnerHTML value in IE’
open()
metode open() untuk membuat koneksi ke server web.
send()
metode send() untuk mengirimkan request ke server web .
abort()
metode ini berguna untuk membatalkan request yang dikirimkan ke sever web.
setRequestHeader()
metode ini untuk mengirimkan header value ke server web (content-type,content-length etc.)
overrideMimeType()
metode ini untuk memberitahukan content type dari response nantinya.
onreadystatechange
melakukan pengecekan nilai readystate
readyState
step dari request yang dilakukan nilainya sbb: Continue reading ‘Ajax XMLHttpRequest Property & Methods’
Contoh String XML yang digunakan :
var xmlstring = ‘<?xml version="1.0"?>\
<root>\
<data>\
<row>\
<cell>Captain</cell>\
<cell>Bryophyllum</cell>\
<cell>Zucchini</cell>\
</row>\
</data>\
</root>’;
Convert String to XML menggunakan Javascript:
var xmlobject = (new DOMParser()).parseFromString(xmlstring, “text/xml”);
Convert XML to String menggunakan Javascript:
var string = (new XMLSerializer()).serializeToString(xmlobject);
As Presented in captain.at
AJAX telah menjadi trend baru dunia web development sejak GOOGLE me release aplikasi GMAIL yang menggunakan AJAX. AJAX memungkinkan aplikasi web base client-server tanpa harus melakukan full roundtrip (refreshing/reloading) halaman web (eg: submit form memposting data ke server-side script). Dengan tehnik tradisional data yang diposting ke server, diproses dan kemudian di kirimkan kembali ke browser harus melalui reloading halaman web penuh.
AJAX memungkinkan posting data ke server tanpa harus meloading page secara penuh, sehingga proses menjadi lebih cepat karena tidak perlu meload element-element halaman web yang tidak perlu diproses. Data yng dikirimkan ke server di proses kemudian diresponse balik, kemudian nilai itu di catch oleh javascript dan javascript melakukan proses di browser client sesuai dengan nilai response yang dikirimkan oleh server tersebut. Continue reading ‘AJAX HTTP Request, Post form using classic ASP script’
Hasil blogwalking hari ini dapet dari webdevbros.net script aslinya dari beauscott.com untuk menampilkan tooltips dengan lebih elegan dan bisa menggunakan ajax method (XML supported)á maupun menggunakan static HTML, layak untuk di coba.
Script bisa di download disini
Commentary