Yazı Boyutu Değiştirme Örneği

Pwm · 04/02/2008, 03:21

Geçen gün bir arkadaşım bazı haber sitelerinde olan yazı büyültüp küçültme olayının mantığını sordu. Onla beraber yaptığımız çalışmayı buraya koyuyorum. Basit ama belki birisinin işini görür.

Kod:

<script>
function change_size(change_type)
    {
    var textfield = document.getElementById("text")
    if(change_type == "+" && textfield.size<7)
        {
        textfield.size = parseInt(textfield.size) + 1;
        }
    else if(change_type == "-" && textfield.size>1)
        {
        textfield.size = parseInt(textfield.size) - 1;
        }
    }
</script>

<body>
<a href="javascript:void(0)" onclick="change_size('+')">+</a>   <a href="javascript:void(0)" 

onclick="change_size('-')">-</a><br />
<font id="text" size="1">Yazının boyutunu arttırmak veya azaltmak için + veya -  ye basabilirsiniz.</font>
</body>

harem · 18/02/2008, 20:44

çok güzel olmuş elinize sağlık yalnız

Yazının boyutunu arttırmak veya azaltmak için + veya - ye basabilirsiniz. dan sonra

sss eklersek ikinci eklediğimizin fontu büyütmemekte. ancak

o halde bir site içinde id="text" her için nasıl tanımlamamız lazımda bütme ve küçültme bir sayfada yer alan bütün yazılar için sağlansın.

Pwm · 19/02/2008, 16:04

id tek bir nesneye özgü olduğu için aynı id li birden fazla nesne olamaz. O yüzden kodlar çalışmamış olabilir. Bu durumda



şeklinde kullanabilirsin. Birden fazla nesnenin class ları aynı olabilir. Tabi bu durumda javascript kodunuda değiştirmen lazım. Javascript kodunuda bir for döngüsüyle class ları text olan ları bulup boyutlarını değiştirmen gerekecek.

harem · 19/02/2008, 20:55

ne yazıkki dediğiniz gibi bir değişim yapacak bilgim yok

rica etsem örnekteki gerekli değişimi yapıp tekrar paylaşırmısınız hem benim gibi bilgi yoksunları daha iyi faydalanmış olur.

selam ve dua ile kalın

18/02/2008, 20:44	#2 (permalink)
harem Üye Üyelik Tarihi: 02/2008 Mesaj: 44	çok güzel olmuş elinize sağlık yalnız <font id="text" size="1">Yazının boyutunu arttırmak veya azaltmak için + veya - ye basabilirsiniz.</font> dan sonra <font id="text" size="1">sss</font> eklersek ikinci eklediğimizin fontu büyütmemekte. ancak o halde bir site içinde id="text" her <font> için nasıl tanımlamamız lazımda bütme ve küçültme bir sayfada yer alan bütün yazılar için sağlansın.

19/02/2008, 16:04	#3 (permalink)
Pwm RoboCup 2011 Üyelik Tarihi: 11/2007 Yer: İstanbul Mesaj: 210	id tek bir nesneye özgü olduğu için aynı id li birden fazla nesne olamaz. O yüzden kodlar çalışmamış olabilir. Bu durumda <font class="text"> şeklinde kullanabilirsin. Birden fazla nesnenin class ları aynı olabilir. Tabi bu durumda javascript kodunuda değiştirmen lazım. Javascript kodunuda bir for döngüsüyle class ları text olan ları bulup boyutlarını değiştirmen gerekecek. __________________ Burak YÜCESOY

Benzer Konular
Konu	Konuyu açana göre	Forum	Cevap	En Son Mesaj
javascript ile frame boyutu değiştirme	osi	Javascript / DHTML / Ajax	1	04/04/2007 23:05
Toplu Resim Boyutu Değiştirme	hserkans	Uygulama Yazılımları / Hazır Betikler	4	29/01/2007 01:40
Dinamik foto boyutu değiştirme.	1a	ASP	13	23/10/2006 17:38
Swish Max ile statik yazı boyutu	yeniogrenen	Flash / Director / Swift 3D ...	2	19/04/2006 01:52
tablo boyutu ile arkaplan resimi boyutu	MaverickGizli	Web Tasarım	4	06/10/2005 12:26

19/02/2008, 20:55	#4 (permalink)
harem Üye Üyelik Tarihi: 02/2008 Mesaj: 44	ne yazıkki dediğiniz gibi bir değişim yapacak bilgim yok rica etsem örnekteki gerekli değişimi yapıp tekrar paylaşırmısınız hem benim gibi bilgi yoksunları daha iyi faydalanmış olur. selam ve dua ile kalın

Seçenekler
Yazdırmaya Uygun Sayfa Sayfayı E-posta İle Gönder