• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
تغییر فونت تگ html با جاوا اسکریپت؟
#1
Question 
سلام دوستان.
من از کد زیر استفاده کردم که فونت متنی رو که داخل تگ div هست رو تغییر بدم ولی نمیدونم چرا جواب نمیده با اینکه خطایی هم نداره!!!Confused

کد:
<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>
  پاسخ
تشکر شده توسط :
#2
سلام
ببین دوست عزیز این کد درست کار می کنه ببین مشکلت کجا بوده
(منم اگه فهمیدم رو همون کد شما بازنویسی می کنم )
کد پی‌اچ‌پی:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Font Styles</title>
<
script type="text/javascript" language="javascript">
    function 
changeFont(name) {
        
document.getElementById('test').style.fontFamily name;
    }
</
script>
</
head>
<
body>
<
select onchange="changeFont(this.value);">
    <
option value="arial">Arial</option>
    <
option value="verdana">Verdana</option>
    <
option value="impact">Impact</option>
    <
option value="'ms comic sans'">MS Comic Sans</option>
</
select>
<
i><strong>I sure hope this font changes too!</strong></i>
<
div id="test"><center><b>Test Test<br />I sure hope this font changes too!</b></center></div>
</
body>
</
html

ببینید این درست کار می کنه (همون کد شماست) :
کد پی‌اچ‌پی:
<html>
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</
head>
<
style >
body{
    
font-family:Tahoma;
}
.
corner-circle{
    
width:auto;
    -
moz-border-radius-bottomleft:6px;
    -
moz-border-radius-bottomright:6px;
    -
moz-border-radius-topleft:6px;
    -
moz-border-radius-topright:6px;
}
.
c{
    
font-family:Arial;
}
.
tahoma{
    
font-family:Tahoma;
}
.
andalus{
    
font-family:Andalus;
}
.
irannastaliq{
    
font-family:IranNastaliq;
}
.
arial{
    
font-family:Arial;
}
.
fontface{
    
width:120px;
    
font-size:18px
}
</
style>

<
script language="javascript" type="application/javascript">
function 
fontchange(id,font){
    
document.getElementById(id).style.fontFamily =font;
}
</
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 id="fonts" class="fontface" title="نوع قلم" onchange="fontchange('sher',this.value);">
             <
option class="tahoma" value="Tahoma" selected >تاهما</option>
             <
option class="irannastaliq" value="IranNastaliq">نستعلیق</option>
             <
option class="maryam" value="maryam">مریم</option>
             <
option class="arial" value="Arial">آریال</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 hidensoft
#3
ممنون مشکل از این استایل Css بود.

کد پی‌اچ‌پی:
*{font-family:TahomaGenevasans-serif;} 

اینو پاکش کردم دست شد البته به این شکل هم تغییر کنه حل میشه


کد پی‌اچ‌پی:
#sher{font-family:Tahoma, Geneva, sans-serif;} 
  پاسخ
تشکر شده توسط : paull
#4
خب دوست عزیز من. برای اینکه یک شی رو پیدا کنی باید یک ایدی بهش بدی (اغلب از این روش استفاده می کنن) یا همون Name خودش. وقتی شما بخوای استایل یا اصلاً متن داخل صفحه رو عوض کنی اول باید یک آیدی ازش به جاوااسکریپت بدی. در استایل هم شی ای به نام sher وجود نداره.
غایب
  پاسخ
تشکر شده توسط :
#5
(۱۳۹۰ تير ۲۷, ۰۶:۲۸ ب.ظ)cyletech نوشته: خب دوست عزیز من. برای اینکه یک شی رو پیدا کنی باید یک ایدی بهش بدی (اغلب از این روش استفاده می کنن) یا همون Name خودش. وقتی شما بخوای استایل یا اصلاً متن داخل صفحه رو عوض کنی اول باید یک آیدی ازش به جاوااسکریپت بدی. در استایل هم شی ای به نام sher وجود نداره.

یعنی چی شی ای به نام sher وجود نداره؟؟

منظورتون تگ با آیدی shere هست که موجوده <div id="sher" > و تو استایل هم یه کلاس به نام sher# وجود داره

  پاسخ
تشکر شده توسط :
#6
پائل عزیز کد رو خدمتتون دادند ولی منظور من کد خود شماست که در اولین پست همین تاپیک قرار دادید. در استایل اون آیدی بنام sher وجود نداره پس شما هرکاری در جاوا اسکریپت کنید حتی اگر همه چیز رو هم درست نوشته باشید باز کار نخواهد کرد.
غایب
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان