|
|
| |
|
|
Açılır Kutu(DropDown) yapımı |
 |
6969 Görüntülenme |
Bu makalemizde DropDown menülerin yapımından bahsetmek istiyorum.DropDown menüler bildiğiniz üzere yanındaki ok'a basınca aşağı doğru listelenen ve seçenekler bulunan bir form uygulamamız.Örnek bir DropDown menü örneği verecek olursak
<select size="1" name="mnuDropDown">
<option>Seçenek 1</option>
<option>Seçenek 2</option>
</select>
Bu Html kodunu aynen çalıştırdığınızda 2 adet seçenekli bir DropDown menü çıkacaktır.
Bu örneğimizde veritabanındaki bilgilerin nasıl sıralandığını göreceğiz.Bu işlem ile
Arama motorunda hangi kategoride arama yapılacağınız seçtirebilirsiniz.Bunun gibi değişik yerlerde kullanabilirsiniz.Eğer şehir ile işlemler yapıyorsanız şehirleri listelettirebilirsiniz.
Bu örneğimizde kodu şehirler'i listeletmek için yazacağım.Veritabanımızda tblSehirler adında bir adet tablomuz olsun ve içinde fldID(AutoNumber),fldSehir(text) adında 2 adet tablomuz olsun.Buraya birkaç tane şehir girmeniz yeterli olacaktır.
veritabanı bağlantınızı yaptıktan sonra kodu aynen çalıştırabilirsiniz.
************************** Kod başlangıcı
<%
'Yukarıda anlatımını verdiğimiz Veritabanı bağlantınız burada olacak.İsmini ben ObjConn olarak yaptım.Değiştirmek isterseniz alt tarafda bağlantıda değiştirebilirsiniz.(Access)
Set ObjRS = ObjConn.Execute("Select * From tblSehir Order by fldSehir ASC") 'Şehirlerimizi seçtirdik.
%>
<select size="1" name="mnuDropDown">
<option selected>Lütfen şehir seçiniz</option>
<% Do Until ObjRS.Eof %><option><%=ObjRS("fldSehir")%></option><% ObjRS.Movenext : Loop %> ' şehirleri sıralattık
</select>
*************************** Kod bitişi
Bu kodu gerekli bağlantılarınızı yaptıktan sonra çalıştırırsanız veritabanındaki şehirlerin seçme kutumuz(DropDown menü) da sıralandığını görüceksiniz.Kayıt, seçtirme gibi işlemler yaparken böyle yapabiliyorsunuz.
Birde "selected" özelliğimiz vardır.Bu özellik ile örneğin bir kişiye daha önceden seçmiş olduğu bilgiyi göstermek isterken açılır kutu menümüzde seçtiği özelliğin, seçilmiş olarak gelmesini sağlayabiliriz.Bunu yapabilmek için kişini bilgilerinide seçtirmeniz gerekiyor.Bunun için tablo ve kişi eklemek gerektiği için ben size "Ankara" şehirinin seçili gelmesini göstereceğim
Örneğe göre değiştirmeler yaparak her türlü seçtirme işlemi yapabilirsiniz.
Örnek kod :
************************** Kod başlangıcı
<%
' şehirlerimizi veritabanından üstteki gibi seçtirdik.
%>
<select size="1" name="mnuDropDown">
<option>Lütfen şehir seçiniz</option>
<% Do Until ObjRS.Eof %><option <% If ObjRS("fldSehir")="Ankara" Then : Response.Write "Selected" : End If %>><%=ObjRS("fldSehir")%></option><% ObjRS.Movenext : Loop %> ' şehirleri sıralattık
</select>
*************************** Kod bitişi
Menümüzde üstteki gibi şehir isimleri listelenecek ve bu şehirlerden üstteki gibi "Lütfen seçiniz" seçeneği yerine "Ankara" şehiri seçili olarak gelecektir.
Konuyla ilgili her türlü sorularınızı forumlarda bizimle paylaşabilirsiniz. |
|
|
|
|
|
| |
|
Bu içerik hakkında 6 yorum yapılmış |
|
|
|
|
|
|
| Yorumlar(6) |
Not : Yorumlar zamana göre
son yorumdan ilk yoruma doğru(azalan) biçimde sıralanmıştır.
Yorumlarınız site yöneticileri tarafından onaylandıktan sonra eklenecektir. |
|
| + bu güzel örnek için teşekkürler, benim yapmak istediğim bir şehir seçince bir başka dropdown menüde o şehire bağlı ilçelerin listelenmesini istiyorum. bunu iki dropdown menuyu ilişkilendirecek java script gerekiyor sanırım, yardımcı olan bir arkadaş olursa sevinirim. |
| Yazan : Hasan Genç | Zaman : 30 Nisan 2006 Pazar, Saat 20:59 |
|
|
| + arkadaşlar selam, ben bu konu hakkında yorum değil de soru sormak istiyorum. benim yapmak istediğim, bir butona tıkladıgım zaman o butonun yanında 2 yada daha fazla link acılması. bu mumkunmudur, mumkunse nasıl yapabilirim, yardımcı olursanız sevinirim, teşekkürler... |
| Yazan : levent | Zaman : 13 Nisan 2006 Perşembe, Saat 20:48 |
|
|
| + Arkadaş bu işinde neden üstüne giderler anlamam.Yani veritabanından alınan bilgiyi döngü içinde kullanabilen herkes birazda HTML ile herkes yapabilir herhalde.Neyse yinede güzel bi yazı eline sağlık Serdar. |
| Yazan : Alparslan SARAL | Zaman : 6 Mayıs 2005 Cuma, Saat 22:30 |
|
|
|
|
|
|
