ComboBox Menerima dan Mengirim data di Flash

cbTutorial kali ini saya akan memperkenalkan satu component dari flash yang sering digunakan dalam suatu website flash yaitu “Combobox”. Anda pernah dengar kan? seperti combobox pada html tentunya, tapi component ini terdapat di flash. Pada kesempatan kali ini saya akan menjelaskan bagaimana combobox “menerima dan mengirim” data. Kenapa saya katakan menerima? karena data dalam combobox berasal dari mysql, misalnya label “angga,bilal,fauzi,agus”. Sedangkan mengirim variabel yang dimaksud adalah meminta data dari Mysql sesuai dengan label dalam combobox.

Agak membingungkan memang menjelaskannya tapi saya akan coba semampu saya menerangkannya. skrip yang akan kita pelajari kali ini adalah cb.split(),cb.addItem,cb.addEventListener. fungsi split sama seperti pada php yaitu membagi string berdasarkan batas string lain misalnya data1,data2,data3 dipisahkan oleh tanda koma “,”. additem adalah class pada combobox untuk menampilkan label dan nilai data pada combobox. dengan format umum :

cb_ku.addItem({data:datadarilabel, label:labeldata});

baik kita mulai projectnya, Buatlah database beserta tabelnya seperti sql dibawah ini :

mysql_data

CREATE DATABASE `highscore`;

USE `highscore`;

CREATE TABLE `cb` (

`nama` varchar(20) NOT NULL,

`score` int(11) NOT NULL

) ;

INSERT INTO `cb` (`nama`, `score`) VALUES

(‘Angga’, 95),

(‘Bilal’, 80),

(‘Fauzi’, 90),

(‘Agus’, 75);

setelah database berhasil kita buat selanjutnya susunlah stage diframe 1 sesuai dengan gambar dibawah ini :

stage

1. Component ComboBox dengan instance “cb_ku” (Ctrl+F7 lalu drag combobox ke stage)

2. Dynamic text dengan instance “sc”.

I. Ok. masukkan skrip berikut di frame 1 layer action :

var lv:LoadVars = new LoadVars();

var lvsend:LoadVars = new LoadVars();

var lvscore:LoadVars = new LoadVars();

lv.onLoad = function(){

var datacb:Array = lv.lb.split(“,”);

for (var i = 0; i<datacb.length; i++) {

cb_ku.addItem({data:datacb[i], label:datacb[i]});

}

}

lv.load(“http://localhost/cb/dt.php&#8221;);

var pemicu:Object = new Object();

pemicu.change = function(){

lvsend.nama = cb_ku.getSelectedItem().data;

lvsend.sendAndLoad(“http://localhost/cb/terima_data.php&#8221;, lvscore, “POST”);

}

cb_ku.addEventListener(“change”, pemicu);

lvscore.onLoad = function(){

sc.text = lvscore.score;

}


Yang akan saya jelaskan disini yaitu event change pada combobox. apa gunanya? yaitu event saat dimana combobox berganti nilai value atau saat anda mengganti dan memilih data dalam combobox.

Skrip var datacb:Array = lv.lb.split(“,”); berfungsi memecah string pada variabel lv.lb dari php berdasarkan pemisahan tanda koma(,).

Kemudian addEventListener yang berfungsi sebagai pemicu atau variabel pengganti dari ComboBox “cb_ku”. perhatikan cb_ku.addEventListener(“change”, pemicu); variabel “pemicu” menggantikan posisi cb_ku sebagai penentu event.

II. Buatlah skrip dg nama file dt.php di alamat http://localhost/cb/dt.php

<?php

mysql_connect(“localhost”,”root”,”12345678″);

mysql_select_db(“highscore”);

$qr = mysql_query(“select * from cb”);

echo “lb=”;

while($dt = mysql_fetch_array($qr)){

echo $dt[‘nama’].”,”;

}

?>

skrip diatas akan menghasilkan teks “lb=nama1,nama2,nama3,nama4”.

III. Buatlah skrip dg nama file terima_data.php di alamat http://localhost/cb/terima_data.php

<?php

mysql_connect(“localhost”,”root”,”12345678″);

mysql_select_db(“highscore”);

$nama = $_POST[‘nama’];

$qr = mysql_query(“select * from cb where nama=’$nama'”);

echo “score=”;

$dt = mysql_fetch_array($qr);

echo $dt[‘score’];

?>

Skrip diatas akan menghasilkan teks “score=angkascore”.

IV. ALUR KERJA

Mysql—-> PHP—-> ComboBox di flash—–>PHP——>Mysql——>PHP———> ComboBox Di flash menampilkan score

Silahkan test movie pada project dengan menekan Ctrl+Enter pada keyboard sehingga muncul tampilan berikut :

finish_cb

Demikian Project mengenai combobox di flash, kurang lebihnya mohon maaf, silahkan komentarnya

silakan download file projectnya Combobox_flash.rar

end of project

Iklan

4 Responses to ComboBox Menerima dan Mengirim data di Flash

  1. Eikichi says:

    Tutorial nya bgus2 mas…

    request tutorial dunk,,

    saya punya flash file as.2, trdiri dari:

    1 datagrid dengan 3 kolom yang mana datanya diambil mysql.
    3 inputtext
    1 button,,

    gmana code nya supaya, begitu di klik cell dari datagrid tadi, masuk ke input text… dan ketika di klik button nya,, dia mengupdate data bersangkutan yang ada di mysql [lanjutan dari Edit Data Mysql dengan Datagrid di Flash]

    • aanx04 says:

      Mungkin bisa dibuat dengan memanfaatkan event saat mouse melakukan klik pada cell…
      kapan2 akan saya buat, tapi tidak dalam waktu dekat. soalnya saya juga baru banting setir ke pemrograman C sebagai mata kuliah….
      makasih dah berkunjung mas… keep connect…

  2. Romanz says:

    mas, mau tanya nih.

    kalau bikin comboBox ada 3 buah, yang pertama select dari database langsung
    terus yang kedua ambil data yang di-POST pada comboBox pertama dan yang ketiga ambil data yang di-POST pada comboBox kedua.

    itu bisa ndak ?? bingung mau bikinnya, masih newbie flash soalnya

    Trima kasih

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: