تاریخ : سه شنبه، 24 آبان ماه، 1390
موضوع : آموزش JAVA

تغییر فونت با استفاده از جاوا اسکریپت javascript change font

امروز یک کد جاوا اسکریپت جالب برای دوستان آماده کردم که با استفاده از آن می توانید فونت یک نوشته را در صفحات وب تغییر بدهید (بدون نیاز به Refresh)

تابع کد مربوطه به صورت زیر می باشد:

changeFont(this.value);


تابعی که این عمل را انجام می دهد به صورت زیر می باشد که باید در تگ اسکریپت قرار گیرد:

function changeFont(name) {
 document.getElementById('picpars.com').style.fontFamily = name;
}

با استفاده از یک منو و قرار دادن دستور زیر در داخل تگ Select این عمل تغییر فونت را انجام می دهیم. به این صورت که با تعریف option های متعددی فونت های دلخواه خود را درون این منو قرار می دهید.

<select onchange="changeFont(this.value);">




نکته: متنی که می خواهید به این صورت فونت آن را تغییر دهید باید داخل تگی قرار بگیرد و داخل آن تگ نیز باید مقدار id="picpars.com" وارد شود.

برای فهم بهتر این موضوع یک نمونه html آماده شده که می توانید در زیر آن را مشاهد نماید.

javascript_change_font.html

 


جاوا جاوا اسکریپت تغییر فونت فونت انتخاب فونت با جاوا انتخاب فونت با جاوا اسکریپت java script change font java script change font font

منبع این مقاله : :برنامه نویسی میکروکنترلرها
آدرس این مطلب : http://www.picpars.com/241/-تغییر-فونت-با-استفاده-از-جاوا-اسکریپت-javascript-change-font