JavaScript/CSS ile Yazdırma (Print) İşlemi

Bu dersimizde javascript ve css ile print işlemini göreceğiz.. Sayfamızda bulunan sadece belli bir bölümü nasıl yazdırabileceğimizi öğreneceğiz..

Örneği İndirin;
http://yadi.sk/d/e3sV80ya09pkf

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“JavaScript/CSS ile Yazdırma (Print) İşlemi” üzerine 8 yorum

  1. tayfun kardeşim maillerime cevap yazmasanda senin yaptıklarını beğeniyle izliyorum. başarılarının devamını diliyorum.

  2. Kusura bakma, çok fazla mail geldiği için açıkçası hepsine bakamıyorum, gözden kaçıyor olabilir.

  3. Emeğinize sağlık. Bir iki ekleme yapmak gerekirse;

    1. Print işlemlerinde kısa kodlar içeren css dosyasınız varsa bu şekilde tek bir css içerisine @media belirteci ile kod yazımı yapabilirsiniz, ancak uzun bir css koduna sahipseniz, yeni bir css dosyasında (sadece print işlemine özel) css kodlarınızı hazırlamanız doğru olacaktır.

    2. Yazdırma işlemleri için hazırladığınız css kodlarınızda yazı tiplerini değiştirmeniz (Sans-Serif'ten Serif'e çevirmek) ve ölçü birimi olarak da px değil pt vermeniz çok daha doğru olacaktır.

    3. css syntax yönergesine göre tek satır da css özelliği belirtseniz sonuna ; işaretini eklemeliyiz.

    İyi çalışmalar dilerim.

  4. Merhaba Tayfun
    @media only print
    {
    body * { display: none !important; }
    body:after { content: “Don’t waste paper!”; }
    }

    bunu kullanıyorum ben fakat sadece yazı çıkıyor. Örneğin .sidebar{display:block} dedğimde veya başka birşeyleri göstermeye çalıştığımda hiç bir şey çıkmıyor. Amacım herşeyi kaldırıp istediklerimi göstermek, çünkü sayfada random gelen bir sürü div’ler oluşmakta. Sen ne tavsiye edersin?

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir