PDA

View Full Version : حرفه ای: تغییر فونت تگ html با جاوا اسکریپت؟



ghasemweb
جمعه 24 تیر 1390, 23:33 عصر
سلام دوستان.
من از کد زیر استفاده کردم که فونت متنی رو که داخل تگ div هست رو تغییر بدم ولی نمیدونم چرا جواب نمیده با اینکه خطایی هم نداره!!!


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<style >
*{font-family:Tahoma, Geneva, sans-serif;}
.corner-circle{
width:auto;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
}
</style>

<script language="javascript" type="application/javascript">


ChangeFontFace=function(id) {

var myArray = new Array();
myArray[0] = "arial";
myArray[1] = "tahoma";
myArray[2] = "andalus";
myArray[3] = "IranNastaliq";
var j=0;
var p = document.getElementById(id);
if(!p.style.fontFamily) {
p.style.fontFamily="arial";
}
for(i=0;i<4;i++){
if(p.style.fontFamily==myArray[i]){
if(i<3){j=(i+1);}else{j=0;}
p.style.fontFamily=myArray[j];
break;
}
}
}




</script>
<body dir="rtl">
<table align="center" width="700" border="1">
<tr>
<td width="250px" valign="top">

<fieldset class="corner-circle"><legend >استایل:</legend>

<table width="100%" border="0" cellspacing="2" cellpadding="1">
<tr>
<td>
<select style="width:120px;font-size:18px" title="نوع قلم" onChange="ChangeFontFace('sher')">
<option style="font-family:Tahoma" selected >تاهما</option>
<option style="font-family:IranNastaliq;" onClick="ChangeFontFace('sher')">نستعلیق</option>
<option style="font-family:'2 Davat'" onClick="ChangeFontFace('sher')">مریم</option>
<option style="font-family:arial" onClick="ChangeFontFace('sher')">آریال</option>
</select>
</td>
</tr>
<tr>
<td>

</td>
</tr>
<tr>
<td>

</td>
</tr>
<tr>
<td>

</td>
</tr>
</table>

</fieldset>
</td>

<td valign="top">
<div id="sher" > <br />
<p>&nbsp;</p> <br />
<p>ای دل که «منم» مینوشی!</p> <br />
<p>بـر مـن تـو دروغکی قـسم مینـوشـی</p> <br />

<p>دیــری نشود کــه سنـگ بیـصدا تـو را هم کـوبـد</p> <br />
<p>دیری نشود تو هم درین عرصه ی حق تیغ دو دم مینوشی</p> <br />
<p>زیـرا کــه حقیـقت&nbsp; ز تـو&nbsp; هر لحظه&nbsp; شکایت دارد</p> <br />
<p>زیــرا کــه بسی خـون قـلم مینوشی</p> <br />

<p>بـدبـخت! عـدم&nbsp; مینـوشی!</p> <br />
<p>&nbsp;</p> <br />
<p>&nbsp;</p></div>
</td>

</tr>


</table>

</body></html>

ghasemweb
جمعه 24 تیر 1390, 23:36 عصر
اگه راه حلی دیگه ای دارید ممنون میشم بهره مند کنید:قلب:

J.Masomi
شنبه 25 تیر 1390, 02:12 صبح
سلام
مشکل بخاطر جدول است. در درون جدول از div استفاده کردی که اگر اونو بیرون جدول ببری حل میشه.
اگر id یکی از تگهای p را sher بزاری آن تگ فونتش عوض میشود.

ghasemweb
شنبه 25 تیر 1390, 17:00 عصر
ممنون البته مشکل از اون استایل بالا هم بود که برش داشتم حل شد.


*{font-family:Tahoma, Geneva, sans-serif;}