Google da ara

 

Haziran 2010
Pts Sal Çar Per Cum Cts Paz
« May   Tem »
 123456
78910111213
14151617181920
21222324252627
282930  

Google Reklamları

Dil Seçimi

Bağış yada Ödeme

Firebug ile CSS duzenleme ve kaydetme

Bir çok web tasarımcısının sitelerinin tasarımlarını firebug ile düzenlediğini ve burada yaptığı değişiklikleri css dosyalarına kopyalayıp yapıştırdığına şahit oldum. Dün bununla ilgili biraz araştırma yapıp firebug üzerindeki değişiklikleri direk kaydetmenin bir yolunu aradım ve karşıma FireFile adında bir Firebug eklentisi çıktı. Bu eklenti ile yaptığınız değişiklikleri direk server a gönderebiliyorsunuz.

Kısaca yaptığı işlem şu :

- Firebug a attach olarak Css düzenlemelerini track ediyor
- Eklemiş olduğunuz bir endpoint service e bu değişiklikleri otomatik yada manuel bir şekilde gönderebiliyor.

Burda sözü geçen endpoint eklentiyi geliştiren arkadaşın canlıda kullanılmak üzere yazdığı bir php dosyasından ibaret.
Dosyayı server a atarak gerekli düzenlemeleri yaptığınızda (dosya yetkileri vb) sitenize girip firebug ile düzenlediğiniz css leri herhangi bir kopyala yapıştır işlemi olmaksızın kaydedebiliyorsunuz.

Eklentiyi biraz debug ederek yaptığı işlemin en basit halini kendim kullanabileceğim bir Asp.Net dosyası olarak geliştirdim. Böylece local de asp.net web development server üzerinden istediğim gibi css lerimi kolay bir şekilde değiştirebilir hale geldim.
Asp.Net Web Developer larının çok işine yarayacağını düşündüğüm bu dosyayı aşağıdaki adresten indirebilirsiniz.

Kurulum için öncelikle bu adresten firebug ı kurmuş olmanız gerekiyor:

http://getfirebug.com/

Sonra firefile eklentisini bu adresten edinebilirsiniz:

https://addons.mozilla.org/en-US/firefox/addon/52365/

En son olarakta FireFile.aspx dosyasını aşağıdaki adresten indirebilirsiniz :

http://www.yilmazyavuz.com/yyblog/wp-content/uploads/FireFileAspx.rar

Kullanımı readme.txt dosyasında anlatılmıştır.Soru ve önerileriniz için bu yazıya yorum yapabilirsiniz.

Asp.Net Html element i Jquery ile bulma.

Bildiğiniz üzere Asp.Net tarafında html elementleri runat server yaptığınız verdiğiniz id / name attribute leri render edilirken bağlı bulunduğu asp.net panel/ container / div vb nesnelerin idlerinide almakta. Jscript ile bu elementleri bulmak için aşağıdaki Jquery selectorünü kullanabilirsiniz.

Örneğin divSagTaraf adinda bir asp.net runat server yapılmış bir divimiz olsun bu eğer dışında başka bir container vb varsa


$('#divSagTaraf') .slideDown();

şeklinde bir komut çalışmayacaktır, jquery bulamadığı element için hata vermeyeceği gibi herhangi bir işlemde yapmayacaktır.


$("[id$='divSagTaraf']").slideDown();

şeklinde bir javascript kodu id sinin sonunda divSagTaraf geçen bir element arayacağı için herhangi bir hata vermeden çalışacaktır. Ancak bu işlemi bir repeater, dataview yada birden fazla kullanılan bir usercontrol içindeki bir element için uygularsanız tüm aynı id ile biten divler yapılan işlemden etkilenecektir.

Backgroundworker progress changed örneği

Backgroundworker windows application yazarken yönetilmesi kolay bir multi-thread componentidir. Farklı bir thread de yapmak istediğiniz işlemleri kolay bir şekilde yapabilir, durum değişikliklerini UI thread e gönderebilirsiniz.

Örnekte 100 birimlik bir iş yapan bir kodumuz var ve progress bar ile bu işlerin ne kadarının bittiğini kullanıcıya göstermek istiyoruz.

02.06

Form üzerinde bir adet ProgressBar ve bir adet BackgroundWorker sürükleyip bırakıyoruz. Yukarıdaki gibi görünecektir.

Daha sonra formun üstüne çift tıklayıp yada Events penceresinden Form_Load ın üzerine çift tıklayıp aşağıdaki kodları yazıyoruz.


//Main Thread
private void Form1_Load(object sender, EventArgs e)
{
//Backgroundworker in başlaması için
backgroundWorker1.RunWorkerAsync();
}

Daha sonra Backround worker in Do work eventini yakalıyor ve şu şekilde yazıyoruz. (Backgroundworker üzerine çift tıklandığında gelen event)


//Backgroundworker in Thread i
private void backgroundWorker1_DoWork(object sender, DoWorkEventArgs e)
{
//burda yapmak istediğimiz işlemi yapıyoruz
//örnek olarak for ile 1 den  100 e kadar rasgele bekletiyoruz.
for (int i = 0; i < 100; i++)
{
//Her birim işlem bitiminde report progress methodunu çağırıyoruz
backgroundWorker1.ReportProgress(i);
Thread.Sleep(new Random().Next(10) * 100);
}
}

Daha sonra yine Backgroundworker in ProgressChanged eventini yakalıyor ve aşağıdaki kodu yazıyoruz:


//Main Thread
private void backgroundWorker1_ProgressChanged(object sender, ProgressChangedEventArgs e)
{
//Progress değiştiğinde göstermek istediğimiz şekilde bunu ekrana gönderiyoruz
progressBar1.Value = e.ProgressPercentage;
}

Böylece her durum değişikliğinde çalışan progresschanged bize UI tarafında yapılan işlemle ilgili bilgi verebilmemizi sağlıyor. Bu işlemi direk Do_Work içerisinde yaparsak Cross-Thread olacağından exception verecektir.