IFRAME

IFRAME

Inline Frames merupakan implementasi besar ide frame - mereka memungkinkan Anda untuk membuka halaman baru di dalam halaman utama, tanpa banyak masalah yang ditimbulkan oleh gaya klasik frame.

<iframe> Dasar

Inline atau "mengambang" frame adalah orang yang muncul pada halaman, seperti gambar atau tabel akan. Hal ini memungkinkan Anda untuk membuka halaman benar-benar terpisah di tengah-tengah halaman Anda. Berikut adalah contoh sederhana dari sebuah frame inline: 

Jadi sekarang, aku punya dua halaman yang ditampilkan pada satu halaman, tanpa pembatasan dari biasanya frameset hal. Kode untuk inline frames sangat mudah, dan sangat mirip dengan <img> elemen. Untuk mendapatkan halaman tersebut untuk menampilkan, saya menulis

< iframe src="../examples/inlineframes1.html" width="80%" height="110"> </iframe>

Sangat, sangat mudah kok. Para iframe unsur set up beberapa ruang untuk konten baru, dan src atribut menentukan alamat dari file Inlined. Jika Anda ingin menggunakan halaman dari situs web lain, Anda hanya bisa dimasukkan ke dalam penuh URL , dimulai dengan bagian "http://".

Lebar dan tinggi frame dinotasikan baik sebagai nilai-nilai pixel atau persentase. Anda perlu penutup </iframe> tag, meskipun Anda bayangkan itu un-diperlukan, jadi jangan lupa. Apa pun yang Anda menempatkan antara tag akan muncul untuk browser yang tidak bisa melakukan iframe s (yaitu Netscape 4).

Interaksi

Jika Anda memiliki beberapa iframe s pada halaman yang sama Anda dapat memiliki mereka berinteraksi, dengan mengirimkan perintah di antara mereka, seperti frame biasa. Check this out: 

<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">[left]</span> [Kiri]</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">[right]</span> [Kanan]</span>

Sekali lagi, ini pada dasarnya metode yang sama interlinking telah Anda pelajari dalam bingkai dasar . Anda hanya memberikan Anda iframe sa name atribut, dan kemudian menambahkan yang sesuai target="name" untuk link. Jadi, kode akan pergi sesuatu seperti ini:

<iframe src="left.html" name="left"></iframe>
<iframe src="right.html" name="right"></iframe>

Kemudian pada left.html, tambahkan target="right" untuk link. Mudah. Dan jika tidak, Anda mungkin harus melihat kembali pertama tutorial frame . Jika Anda ingin mengatur efek ini, Anda akan perlu untuk membuat file html kosong untuk duduk di kanan iframe menunggu untuk berubah - Anda tidak bisa meninggalkan src kosong.

Juga perhatikan bagaimana Kembali dan tombol Forward dalam browser Anda berperilaku. Jika Anda mengklik link yang membuka dalam sebuah iframe , menekan Kembali akan membuat bingkai kembali isi sebelumnya, dan Anda akan perlu untuk tekan Kembali lagi untuk kembali halaman dalam sejarah Anda.

Semua atribut

Ada beban atribut dapat Anda gunakan pada inline frames Anda, dan mereka adalah:

scrolling="no"

jika halaman berbingkai terlalu besar untuk dimensi yang telah Anda tetapkan scrollbar akan muncul. Atribut ini akan menghentikan hal ini terjadi.

frameborder="0"

pengaturan perbatasan untuk 0 menghilangkan itu, memungkinkan halaman untuk berintegrasi mulus dengan halaman utama Anda. Nilai yang mungkin adalah 1 (ya) dan 0 (tidak ada), Anda tidak dapat memberikan perbatasan yang lebih besar.

marginwidth="x"

menambahkan beberapa jarak antara sisi perbatasan iframe dan halaman di dalamnya.

marginheight="x"

menambahkan beberapa jarak antara bagian atas dan batas iframe bawah dan halaman di dalamnya. Setiap nilai yang Anda berikan marginwidth dan marginheight akan ditambahkan ke margin Anda telah diterapkan pada halaman batin sendiri.

align="right"

seperti atribut gambar, ini akan mempengaruhi bagaimana teks di sekitar frame menyelaraskan diri.

hspace="x"

set margin ruang putih di sekitar iframe ke samping.

vspace="x"

set margin ruang putih ke atas dan bawah dari iframe, mendorongnya menjauh dari elemen halaman lainnya.

Sebagian besar atribut ini dapat diganti dengan CSS yang sesuai, untuk perbatasan dan spasi . 

SUMBER:

www.yourhtmlsource.com/

PLAIN TEXT FILE

Apa plain text file artinya? Apa yang dimaksud dengan plain text file ?
     Sebuah plain text file  adalah jenis file. File dapat berupa biner (kode mesin) atau teks biasa (bahasa Inggris atau asli).
Sebenarnya, Inggris file teks biasa berisi karakter berikut hanya:
• Menurunkan kasus abjad (a-z)
• Atas kasus abjad (A-Z)
• Numeric (0-9)
• tanda baca umum

      Anda dapat plain text file menggunakan editor teks biasa. Sebagai contoh, Microsoft Windows datang dengan sebuah program bernama Notepad. Anda dapat menggunakan Notepad untuk melihat, mengedit atau membuat file teks biasa.
      Untuk menjalankan Notepad, pilih "Run ..." menu item dari menu start dan ketik notepad untuk memulai program.
      Biasanya, editor teks biasa yang paling dasar dan dilengkapi dengan seperangkat fitur yang terbatas.
Anda tidak dapat membuat efek khusus seperti huruf tebal teks atau di bawah-lapisan seperti ini tidak dapat disimpan dalam format teks biasa. Sebagai contoh, dokumen (doc) file teks biasa tidak.
      Anda dapat membuka file dokumen dalam editor dokumen dan mereka akan muncul menjadi teks biasa. Dalam kenyataannya, ada disimpan menggunakan kombinasi teks biasa dan khusus diformat pengkodean yang editor dokumen akan mengenali. Microsoft Word dan Microsoft WordPad adalah editor dokumen populer.
      Jika Anda membuka file dokumen dalam editor teks biasa, Anda akan melihat karakter teks banyak non-biasa yang normal tidak akan Anda lihat dalam editor dokumen. Anda juga tidak bahwa tidak akan ada format khusus seperti huruf tebal teks, menyoroti atau scaling font.
      Hal ini biasanya untuk plain text file  yang akan disimpan dengan ekstensi txt. Meskipun ada banyak ekstensi yang lain digunakan untuk menyimpan file teks biasa. Sebagai contoh, file html ditulis dalam teks biasa. Mereka biasanya disimpan dengan ekstensi. Html atau. Htm

SUMBER:

http://www.monkeyjob.com/

XMLHTTPRequest

Arti XmlHttpRequest

XmlHttpRequest adalah sebuah object javascript yang digunakan untuk mengakses web server secara asingkron, jadi user dapat terus melakukan aktifitasnya di sebuah halaman web tanpa me-refresh halaman tersebut, karena proses requestnya dilakukan di background. Mengakses web server artinya adalah melakukan sebuah request biasa ke sebuah halaman di webserver yang berisi script (server side script). Teknisnya XMLHttpRequest (XHR) adalah sebuah DOM API yang dapat digunakan pada web browser scripting language seperti JavaScript.

Pada proses request ini, tentunya ada data yang akan kita lewatkan untuk diproses di sisi server. Metode request yang dapat dan biasa kita gunakan adalah GET atau POST. Tentunya akan sangat mudah bagi server untuk membaca data yang di kirimkan oleh client dengan menggunakan metode tersebut.

Setelah data tersebut terkirim, otomatis server akan mengirimkan respon balik atas request yang telah dilakukan. Berbeda dengan respon web server biasa, biasanya hasil respon tersebut dalam sebuah format yang mudah di parsing oleh javascript di sisi client. Walaupun berlabel XML kita juga dapat menggunakan data format lain seperti # HTML, JSON, CSV. Text Format yang banyak digunakan adalah XML dan Json. Xml banyak digunakan karena format ini sudah di dukung banyak system dan ada banyak library yang dapat digunakan untuk memanipulasi dokumen XML tersebut. Sedangkan JavaScript Object Notation (JSON) karena simple dalam mendecode dan ukurannya yang sangat kecil dan data oriented.

Sejarah XMLHttpRequest

Konsep utama XMLHttpRequest ini berasal dari Microsoft pada project Outlook Web Access. Sebuah interface bernama IXMLHTTPRequest telah diimplementasikan di MSXML. Dan pada versi kedua MSXML, IXMLHTTPRequest sudah dapat digunakan pada Internet Explorer 5.0(March 1999) menggunakan ActiveX wrapper.

Hal tersebut diikuti oleh Mozilla Foundation dengan membangun sebuah interface yang disebut nsIXMLHttpRequest pada browser engine mereka – gecko. Interface ini dibangun mirip dengan Microsoft’s IXMLHTTPRequest interface. Perbedaanya Mozzila menjadikannya sebagai salah satu object dalam javascript.

Karena konsepnya yang bagus, XMLHttpRequest menjadi standard diantara browser-browser besar. Safari mengimplementasikan pada February 2004 (safari 1.2), Konqueror, Opera 8.0 pada April 2005. Pada tahun 2006 World Wide Web Consortium (W3C) mempublish sebuah draft tentang XMLHttpRequest ini untuk menjadi standar yang lebih baku.

Implementasi XHR

var xmlHttp = createXmlHttpRequestObject();
function createXmlHttpRequestObject(){
  var xmlHttp;
  try

 {
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0",
                                    "MSXML2.XMLHTTP.5.0",
                                    "MSXML2.XMLHTTP.4.0",
                                    "MSXML2.XMLHTTP.3.0",
                                    "MSXML2.XMLHTTP",
                                    "Microsoft.XMLHTTP");

for (var i=0; i<XmlHttpVersions.length && !xmlHttp; i++){
      try{
        xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
      }
      catch (e) {}
    }
  }
 if (!xmlHttp)
    alert("Error creating the XMLHttpRequest object.");
  else
    return xmlHttp;
}

Setelah
 object XMLHttp dibuat, kita dapat membuat HTTP request mengunakan 
javascript dengan memanggil fungsi open() yang merupakan member dari 
class XMLhttp. Fungsi ini mempunyai 3 parameter diantaranya :

·         - Type Request: Sebuah string yang menunjukkan dengan tipe request apa koneksiyang akan dilakukan.

·         - URL kemana kita akan mengirim request tersebut.

·          -Async: Sebuah value bertipe boolean yang menunjukkan apakah request akan diminta secara asingkron

    Parameter terakhir Async sangat penting karena ia mengontrol javascript bagaimana cara menangani request. Ketika ia di set True maka request akan dilakukan secara asingkon, artinya javascript akan tetap menjalankan kode salanjutnya tanpa menunggu response dari server, Tetapi jika di set false maka browser akan menunggu sampai aja respon sebelum melanjutkan eksekusi code. Ini berarti jika respon membutuhkan waktu yang banyak, maka user tidak dapat berinteraksi dengan browser sampai request selesai.

Selanjutnya setelah object XMLhttp terbentuk, kita perlu mendefinisikan sebuah event handler onreadystatechange. Objek XMLHttp mempunyai sebuah properti dengan nama readyState yang berisi informasi tentang status response dari server. Ada 5 jenis status respondari server diantaranya:

·         - 0 (Uninitialized) : Objek XML Http sudah dibuat tetapi fungsi open belum dipanggil.

·        -  1 (Loading) : Fungsi open telah dipanggil tetapi request belum dikirim

·        -  2 (Loaded) : Request telah dikirim

·        -  3 (Interactive) : Sebagian response telah di terima

·        -  4 (Complete) : Semua data telah diterima

   Setiap ada perubahan value pada property readystate maka eventhandler onreadystatechange akan di panggil. Adapun method/properties pada XMLHTTP Object adalah:

-Method/Property : keterangan

-Abort () :  Membatalkan request yang telah dikirim

- getAllResponseHeaders () : Mendapatkan header respon sebagai string

-Open ( “method”, ”URL”[,asyncflag [, “username” [, “pasword”]]]) : Inisialiasi parameter request

-Send (content) : Melakukan HTTP Request

-setRequestHeader(“Label”, “value”) : Set pasangan label dan valuenya pada header request

-Onreadystatechange : Digunakan untuk mengeset fungsi callback yang

-menghandle perubahan request state

-readyState : Memberikan informasi status request

-responseText : Mengembalikan respon server dalam format string

-responseXML : Mengembalikan respon server dalam format XML

-Status : Mengembalikan kode status request

-statusText : Mengembalikan pesan status request

SUMBER:

ceritasejarah.blogspot.com/2010/11/sejarah-xmlhttprequest.html