Accordion Kontrolü - KralForumuz.Biz -Bedava, indir, Film, Rapid,Rapidshare, Araba, Modifiye,Trendleri, Full, Mp3, Oyun, Okul öncesi, Program, Video, Msn, Eğitim, Ödev, Bilgiler, Resimleri, Wallpaper, Avatar, Aşk, Gençler, Muhabbet, Forum

QaFaDaR · 11-30-2007, 03:43 PM

ACCORDION KONTROLÜ

Accordion içerisinde farklı alanlar oluşturup bu alanlardan sadece bir tanesini görüntülemek amaçlı kullanılır.
Kullanımı

<LI style="tab-stops: list .5in">Visual Stuio .Net 2005 platformumuzu açtıktan sonra File > New > Web Site seçeneğinden karşımıza gelen pencereden ASP.NET AJAX-Enabled Web site seçeneğini seçip projemizi başlatalım. <LI style="tab-stops: list .5in">Daha sonra açılan sayfamıza Accordion kontrolün ekleyelim. <LI style="tab-stops: list .5in">Accordion kontrolünün properties penceresinden Panes seçeneğine geldiğimizde üç noktalı butonu tıklayalım. <LI style="tab-stops: list .5in">Karşımıza gelen AccordionPane Collection Editor penceresi gelecektir.
Buradan Add butonuna basarak 3 ader accordionpane ekleyelim.

<LI style="tab-stops: list .5in">Daha sonra html source alanına geçelim. <LI style="tab-stops: list .5in">Burada AccordionPanelerin içerisine Header ve Content bölümlerini eklemeniz gerekmektedir.
Bu sırada yine source kısmına <cc1:Accordion ID="Accordion1" runat="server"> yazan kısmın içerisinede <Panes> ‘ eklemeyi unutmayın.

Kodlamamıza baktığımızda yapının aşağıdaki gibi olmasına dikkat edin.

Header alanı başlıktır. Web sayfasında direk olarak görünür. Content kısmı ise hangi header’ı tıkladığımızda ona ait açıklamaın açıldığı yerdir. Şimdi kodumuza devam edelim ve sonucu görelim.

Kodlamayla birlikte artık sonucu alabiliriz. Dosyamızı çalıştıralım. Header alnına yazdığımız kısımları tıkladığımızda content kısımları gelecektir.

İlk bakışta yazılar birbirine girmiş gibi görünüyor değilmi. Tıklananan bir alanın olup olmadığı bile belli değil diyorsanız kodlamamızda biraz değişiklik yapalım. Header kısmında bulunan yazılarımızı <a href="" onclick="return false"> tagı içerisine yazalım. Böylece başlıklar yazılarımız link haline gelecektir.

ALWAYS VISIBLE KONTROLÜ

Sayfa içerisinde belirletidiğimi kontrolun sürekli olarak o noktada durmasını sağlar. Günümüzde reklam amaçlı kullanılan bir görüntünün sayfamızı sağa sola, aşağı yukarı oynatsak bile o noktada durmasını sağlar.
Bir önceki çalışmamıza WebSite > Add New Item seçeneğini kullanarak yeni bir Web Form ekleyelim. Daha sonra design alanıa geçerek öncelikle toolbardan Ajax Extensions bölümünden Script Manager kontrolünü ekleyelim. Daha sonra Ajax Toolkit kısmında AlwaysVisibleControlExtender ekleyelim.
Sayfamıza bir adet panel koyalım ve içerisine “Bu sürekli burada kalacak” yazısını yazalım. AlwaysVisibleControlExtender kontrolümüzün properties penceresinden TargetControlID özelliğinden Panel1 seçeneğini seçiniz.

Daha sonra source alanına geçerek AlwaysVisibleControlExtender kodumuzda değişiklikler yapacağız.
HorizontalSide= “Right”
VerticalSide= “Bottom”
Özelliklerini ekleyelim. Kodumuz aşağıdaki gibi olacaktır.
<cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server" HorizontalSide="Right" VerticalSide="Bottom" TargetControlID="Panel1">
Kodumuzu çalıştırdığımızda panel1’in sürekli sağ alt tarafda olduğunu, penceremizi küçültüp büyütsekde, aşağı yukarı kaydırsakta sürekli olarak orada kaldığını göreceksiniz.

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

Bir sonraki makalemde görüşmek üzere

11-30-2007, 03:43 PM	#1
Kullanıcı Profili QaFaDaR Kayıtlı Üye Bilgiler Üye No: 21 Üyelik tarihi: Nov 2007 Nerden: los angeles Yaş: 22 Mesajlar: 1.752 Konular: 1417 Ettiği Teşekkür: 117 309 Mesajına 447 Kere Teşekkür Edlidi Tecrübe Puanı: 2 Rep Puanı : 1436 Rep Seviyesi:	Accordion Kontrolü ACCORDION KONTROLÜ Accordion içerisinde farklı alanlar oluşturup bu alanlardan sadece bir tanesini görüntülemek amaçlı kullanılır. Kullanımı <LI style="tab-stops: list .5in">Visual Stuio .Net 2005 platformumuzu açtıktan sonra File > New > Web Site seçeneğinden karşımıza gelen pencereden ASP.NET AJAX-Enabled Web site seçeneğini seçip projemizi başlatalım. <LI style="tab-stops: list .5in">Daha sonra açılan sayfamıza Accordion kontrolün ekleyelim. <LI style="tab-stops: list .5in">Accordion kontrolünün properties penceresinden Panes seçeneğine geldiğimizde üç noktalı butonu tıklayalım. <LI style="tab-stops: list .5in">Karşımıza gelen AccordionPane Collection Editor penceresi gelecektir. Buradan Add butonuna basarak 3 ader accordionpane ekleyelim. <LI style="tab-stops: list .5in">Daha sonra html source alanına geçelim. <LI style="tab-stops: list .5in">Burada AccordionPanelerin içerisine Header ve Content bölümlerini eklemeniz gerekmektedir. Bu sırada yine source kısmına <cc1:Accordion ID="Accordion1" runat="server"> yazan kısmın içerisinede <Panes> ‘ eklemeyi unutmayın. Kodlamamıza baktığımızda yapının aşağıdaki gibi olmasına dikkat edin. Header alanı başlıktır. Web sayfasında direk olarak görünür. Content kısmı ise hangi header’ı tıkladığımızda ona ait açıklamaın açıldığı yerdir. Şimdi kodumuza devam edelim ve sonucu görelim. Kodlamayla birlikte artık sonucu alabiliriz. Dosyamızı çalıştıralım. Header alnına yazdığımız kısımları tıkladığımızda content kısımları gelecektir. İlk bakışta yazılar birbirine girmiş gibi görünüyor değilmi. Tıklananan bir alanın olup olmadığı bile belli değil diyorsanız kodlamamızda biraz değişiklik yapalım. Header kısmında bulunan yazılarımızı <a href="" onclick="return false"> tagı içerisine yazalım. Böylece başlıklar yazılarımız link haline gelecektir. ALWAYS VISIBLE KONTROLÜ Sayfa içerisinde belirletidiğimi kontrolun sürekli olarak o noktada durmasını sağlar. Günümüzde reklam amaçlı kullanılan bir görüntünün sayfamızı sağa sola, aşağı yukarı oynatsak bile o noktada durmasını sağlar. Bir önceki çalışmamıza WebSite > Add New Item seçeneğini kullanarak yeni bir Web Form ekleyelim. Daha sonra design alanıa geçerek öncelikle toolbardan Ajax Extensions bölümünden Script Manager kontrolünü ekleyelim. Daha sonra Ajax Toolkit kısmında AlwaysVisibleControlExtender ekleyelim. Sayfamıza bir adet panel koyalım ve içerisine “Bu sürekli burada kalacak” yazısını yazalım. AlwaysVisibleControlExtender kontrolümüzün properties penceresinden TargetControlID özelliğinden Panel1 seçeneğini seçiniz. Daha sonra source alanına geçerek AlwaysVisibleControlExtender kodumuzda değişiklikler yapacağız. HorizontalSide= “Right” VerticalSide= “Bottom” Özelliklerini ekleyelim. Kodumuz aşağıdaki gibi olacaktır. <cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server" HorizontalSide="Right" VerticalSide="Bottom" TargetControlID="Panel1"> Kodumuzu çalıştırdığımızda panel1’in sürekli sağ alt tarafda olduğunu, penceremizi küçültüp büyütsekde, aşağı yukarı kaydırsakta sürekli olarak orada kaldığını göreceksiniz. [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] Bir sonraki makalemde görüşmek üzere
	Hayat Kisa Degmez Bir Kiza !! Bazen arkada$lik bazen sevili olmakti a$k Bana gore a$k fedakarlikti Bazen susmayi bilmek bazende dogru $eyleri konu$makti A$in icinde engeller oyunlar firtinlar yoktu A$k birbirini yipratmak degildi cunku A$k sinirsizca sorgusuzca sonsuzca sevmekti blok sıteme gırıs : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç