Jogja Start Up !

You, yes.. You!

If you have a company that still struggling, hasn’t been settled, currently building network, maintaining business plan or if you don’t have enough sleep, don’t take any vacation, work seven days a week. That we called it startup. Then, we welcome you with big smile and monggo gesture to introduce your startup company to the world by this site. Let’s make a kicking ass history!

Let’s  JOIN US at http://jogjastartup.com/

A collection of start up companies made in Yogyakarta !

What we do ?

The true purpose of this site was to create solid relationship and unbreakable creative circle among Jogja startups. Jogja is one of Indonesia creative city, so why we don’t create an ambience to make it more creative. Be known, giving support each other, and build network. Made our success to be benefit for all.

Startup isn’t just about trend or cool thing or method. But startup is about spirit. About doing what you love and makes you great. About putting your courage, creativity, meaning, and heart into what you believe. About taking risks, and do every effort to makes your idea come to life.

🙂

So, are you ready to make a history ? 🙂

Let’s come and share, give support each others 🙂

Advertisements

Seach data using onkeyup event jquery

Sedikit mau bagi-bagi tips nih buat agan-aganwati yang hobby coding dan bereksperimen… heuheu
Jadi di website maupun mobile apps kan biasanya ada search box dari list yang ada, bisa kita filter, ini beda sama suggestion ya 🙂 Ini konsepnya cuma get value dari search box dan dicocokin sama list yg kita punya, kalo ga cocok ya di hide. Simple aja 🙂

Misal kita punya html seperti ini :

 

<input type="text" id="search">
<p class="red">Angin</p>
<p class="red">Feni</p>
<p class="red">Dendi</p>
<p class="red">Mutia</p>
<p class="red">Alvita</p>
<p class="red">Fian</p>

Nah, untuk filternya saya pake jquery, langsung disimak aja 😀

Event yang saya gunakan adalah onkeyup dimana function pada onkeyup akan dilakukan secara otomatis saat user melepaskan tombol pada keyboard, jadi selama kita masih menekan tombol pada keyboard aksi tidak akan dijalankan. Konsepnya, kita menyeleksi semua elemen yang memiliki class red, kemudian dari elemen tersebut akan dicocokkan dengan keyword search dengan function indexOf, jika tidak cocok maka elemen tersebut akan di sembunyikan.

     $('#search').on('keyup', function(){
         var key = $(this).val().toLowerCase(); //ambil nilai dari inputtext search, dijadikan huruf kecil semua
         var elements = $('.red');   // select semua elemen yang memiliki class "red"
         for (var i=0; i<elements.length; i++){
			var elem = $(elements[i]);
			var nama = elem.text().toLowerCase(); //text dari selected element ke -i 
			if((key !== '') && (nama.indexOf(key) < 0)) 
//cek jika key kosong, dan ada kesamaan dengan text nama menggunakan function indexOf dimana jika tidak terdapat karakter yang sama dengan key, maka return nya adadalah -1, means, jika < 0 maka tidak ditemukan kesamaan
				{
				    elem.hide(); //hide element
				} 
             else 
                 {  //karakter yang dicari ditemukan,
                     elem.show(); //show element
                 }
		}
         
     });

Sekian, dan semoga membantu ^_^
Untuk demonya bisa dilihat disini ^_^