Select box styling with mootools (fake combo)

23 Mar
2009

As you know, ‘select box’ is a special control and its style cannot be changed very much. For example the height property can be changed in Firefox, but it can’t be changed in IE. Instead of creating a formal select box, our aim is to create a virtual select box whose properties can be adjusted. It should only include HTML codes, so it will give the same result in all browsers.

This select box also changes all the select boxes automatically when you add JS and CSS into the page. Using this component is totaly up to your talent.

Working Model: It scans all the select boxes in your page. It hides adding the “Multiple” tag. It inserts a <div> into its location and shows the real select box when it is clicked that you made “Multiple”. Thus you can select the items in your real select box.

combo1

Working Example : http://www.cihantopcu.com/samples/fakecombo/index.html

For download : http://www.cihantopcu.com/samples/fakecombo/fakecombo.rar

This control based to http://www.cult-f.net/2007/12/14/elselect/

Mootools ile özel select box (fake combo)

23 Mar
2009

Bildiğiniz gibi select box özel bir kontroldür ve görünümü çok fazla değiştirilemez. Örneğin “heigth” özelliği firefox da değişmesine rağmen ie de değişmez. Amacımız select box ların yerine tüm görsel özellikleriyle oynayabileceğimiz, sadece html kodlarından oluştuğu için tüm browser larda aynı sonucu veren sanal select box oluşturmaktır. Öyle bir select box ki js yi ve css i sayfaya eklediğinizde tüm select box ları otomatik değiştiriyor. Yerleştirmek sizin yeteneğinize kalmış.

Çalışma şekli : Sayfanızda bulunan tüm select box ları tarıyor, “multiple” tag ı ekleyerek gizliyor. Bulunduğu konuma <div> ekliyor ve tıklandığında “multiple” hale getirdiğiniz gerçek select box unuzu gösteriyor. Böylece gerçek select box unuzdaki item larınızı seçiyorsunuz.

combo1

Çalışan örnek için : http://www.cihantopcu.com/samples/fakecombo/index.html

İndirmek için :  http://www.cihantopcu.com/samples/fakecombo/fakecombo.rar

Bu kontrol http://www.cult-f.net/2007/12/14/elselect/ adresindeki kontrol optimize edilerek yeniden yazılmıştır.

Microsoft ASP.NET Grafik kontrolü : <asp:chart runat=”server”/>

23 Jan
2009

Microsoft, ASP.NET 3.5 ta kullanılabilecek yeni bir ücretsiz kontrol yayınladı. Hatta Visual Studio 2008 toolbox u için bir eklenti bile çıkardı.

İndirmek için tıklayın. Kullanabilmek için framework 3.5 sp1 gerekli. Visual Studio 2008 add-in ini indirmek için de buraya tıklayın


Detaylı bilgi ve örnekler

"

Microsoft, Web Platform Installer 1.0 duyurdu

22 Jan
2009

Microsoft yine hayatı kolaylaştırıcı bir tool sunuyor. Web ortamı için gerekli bütün toolları bir kaç tıkla kurmanızı sağlayacak (klasik ASP ve PHP dahil) bir sihirbaz.

Daha fazlası için

Browser nesnesiyle html yazdırma

28 Dec
2008

Browser nesnesindeki html yazdırırken sayfa header ında “Page n of n” sayfa footer ında ise url ve tarih beraberinde yazılır. Bu header ve footer ı yok etmenin çok basit bir yolu var. Browser nesnesinde kullandığınız html in style ına

div#header{display:none;}

div#footer{display:none;}

satırlarını  eklerseniz sorununuz basitçe çözülür.

Windows uygulamalarında form konum ve boyut ayarları

28 Dec
2008

Bir uygulamanın en son kapatıldığı konum ve boyutlarda açılması için

  • Önce uygulamanızın özelliklerinden Settings sekmesine gelin, Location ve Size isimlerinde iki değişken tanımlayın

  • Form kapandığında bu ayarları kaydetmesi için Form_Closed event ine aşağıdaki kodları yazın
private void Form1_FormClosed(object sender, FormClosedEventArgs e)
{
Settings.Default.Location = new Point(this.Left, this.Top);
Settings.Default.Size = new Size(this.Width, this.Height);
Settings.Default.Save();
}
  • Form tekrar açıldığında kaydedilen ayarlarla açılabilmesi için Form_Load event ine aşağıdaki kodları yazın
private void Form1_Load(object sender, EventArgs e)
{
this.Left = Settings.Default.Location.X;
this.Top= Settings.Default.Location.Y;
this.Width = Settings.Default.Size.Width;
this.Height = Settings.Default.Size.Height;
}

SQL Server 2005 SP3 yayınlandı

18 Dec
2008

Microsoft SQL Server 2005 SP3 &uuml; yayınladı. Daha fazla bilgiyi ve download linklerini buradabulabilirsiniz.

WiX# ile kolayca Windows Installer XML (WiX) dosyası oluşturun

14 Dec
2008

Öncelikle bilmeyenler için söyleyelim: WiX, XML den Windows yükleme paketleri (msi veya msm) oluşturan açık kaynak kodlu bir araçtır. Microsoft tarafından geliştirilmiştir ve Microsoft&#39;un dışarıda yayınladığı (SourceForge) ilk açık kaynak kodlu projedir.

WiX için xml dosyası oluşturma biraz karışık olabilir. Bu işlem için yazılmış bir interface olan WiX# kullanarak c# ile kolaylıkla gerekli XML i oluşturabilirsiniz.

Yok ben bununla da uğraşamam diyorsanız WiXAware yi deneyin.

Newer Entries
top