تغییر خاصیت های فونت با js

سلام به دوستان من می خوام دو تا دکمه برای بزرگنمایی و کوچکنمایی فونت صفحه وب به وسیله جاوا اسکریپت بذارم.
این کار را انجام دادم این طوری که وقتی رو دکمه بزرگترشدن کلیک می کنیم فونت چند سایز بزرگتر می شه
با این دستور
div.style.fontSize = 16px
که div تگ id تگ مورد نظرمون هست.
این کار تا اینجا خوبه ولی چند تا سوال و مشکل دارم :
البته بعضی این مشکلا با IE هست مثلا مورد یک تو Opera درسته ولی برای من اینجا IE مهمتره
1- با این کار تمام متن در داخل div مورد نظر بزرگ میشه ولی هدینگ ها h1,h2 تغییر سایز نمی دن، دستور مشابه دستور فوق من برای h2 چیه ؟ مثلا ( h2.style.fontSize = 18px ) ؟
2- دستور عوض کردن نام فونت چیه ؟ (مثلا div.style.fontName = arial)
3- اگه بخوام css فایل را با یه دستور عوض کنم میشه ؟ (من این کار را با ASP.NET انجام دادم)

این هم نمونه کار من که البته از سورس یه سایت ورزشی بیرون کشیدم (نمی دونم باید اسمش رو بگم یا نه؟ یا این کارها مشکلی داره یا نه؟ اونم حتما از سایت های منبع برداشته دیگه)
البته با نصف این کد جاوا اسکریپت هم میشه این کار را انجام داد.
Right Click and View Source بعد از دانلود و مشاهده
با تشکر
 

پیوست ها

  • Font.zip
    2.7 کیلوبایت · بازدیدها: 1

جدیدترین ارسال ها

بالا