Osman KURT

Yazılım Uzmanı | MVC Eğitmeni

Site İçinde Dinamik Font Büyütme

Arkadaşlar eğer internet üzerinden haber okuyorsanız muhtemelen görmüşsünüzdür. Haberlerin detay kısmında yazıların fontunu büyütüp küçültme gibi bir onksiyon mevcuttur. Bu gerçekten bazı insanlar için haber okumanın bir işkenceden çıkması anlamına gelir. Ben bile Visıal Studio kullanırken gözlüklerimi kullanmadığım zamanlar yazıları büyüterek kullanıyorum.

Her neyse lafı uzatmadan kodlara geçmek lazım. Aslında .net ile hiçbir alakası yok. Sadece elimizde var olan bir .js dosyası ile bu işlemi yapıyoruz. .js dosyamızı

textsizer.js (775,00 bytes) indirebilirsiniz.

Bu dosyamızı indirdikten sonra alt kısımda ki kodlarımızla olayı sonlandırıyoruz.

    <a href="javascript:ts('osmankurt',1)" style="text-decoration: none; color: Black; font-size: 15px; font-weight: bold;">A</a> |
    <a href="javascript:ts('osmankurt',-1)" style="text-decoration: none; color: Black; font-size: 12px; font-weight: bold;">a</a>
    <div id="osmankurt">Osman KURT</div>

 

Bu arada osmankurt yazan yer büyümesini istediğimiz alana vereceğimiz id yani bir td nin içine büyüme işlemi yaptıracaksak <td id="osmankurt"> yapmamız lazım. Eğer ki bütün sayfada ki yazıların büyümesini istiyorsak ise değişkenimizi belirttiğimiz yere "body" yazmamız yeterli olacaktır.

Basit ama müşteriler tarafından sıklıkla istenilen bir özellik umarım işinize yarar.

Örnek Uygulama: OrnekText.rar (955,00 bytes)

Görüşmek üzere

Osman KURT

Yazılım Gelişitirici ve Grafiker

 

Yorumlar (7) -

  • Fatih Yedek

    21.2.2014 10:03:22 | Yanıtla

    Derste kullandık, çok işimize yaradı.
    Teşekkür ederiz..
    Burdan tüm 11-A ya selamlar..

    • osmankurt

      21.2.2014 18:21:34 | Yanıtla

      Rica ederim Fatih.
      11-A sağolsun ;)

      • Fatih Yedek

        21.2.2014 20:47:55 | Yanıtla

        ayrıca burdan onur belge mi vermeyen özgür hocama da selam olsun ve hocanın aklını karıştıran sarıyada (Furkan)  diyecek bişey bulamıyorum.

  • Misafir

    1.4.2014 20:51:09 | Yanıtla

    ben verdiğiniz kodları uyguladım fakat metinde bi değişme olmuyor sadece satır da bir genişleme oluyor

    • osmankurt

      1.4.2014 22:39:50 | Yanıtla

      Bu kodu kendimde kullandım başka arkadaşlarda faydalandı, lütfen tekrar deneyebilir misiniz? Herhangi bir sıkıntı çıkmaması lazım.

      • Misafir

        2.4.2014 20:16:23 | Yanıtla

        nerde hata yapıyorum ? yazdıklarınızın hepsini uyguladım
        <td
                        style="padding: 5px; width: 620px; height: 25px;" id="osmankurt" >
                        <a href="javascript:ts('osmankurt',1)" style="text-decoration: none; color: Black; font-size: 15px; font-weight: bold;">A</a> | <a href="javascript:ts 'osmankurt',-1)" style="text-decoration: none; color: Black; font-size: 12px; font-weight: bold;">A</a>  
                        <asp:Label ID="lbIcerik" runat="server" Font-Names="Arial" Font-Size="12px"></asp:Label>
                    </td>

        • osmankurt

          2.4.2014 22:59:09 | Yanıtla

          Kod kısmında bulunan "(" hatasını düzelttim.
          Gerekli eklemeleri tamamladım. Örnek uygulamada ekledim yazının altına oradan da kontrol edebilirsiniz.

Loading