با سلام
فرارسیدن سال نو را به همه کاربران دیتالایف تبریک میگم
من با استفاده از جاوا اسکریپت میخواستم امکان کنترل سایز فونت در قسمت ادامه مطلب به کاربران بدم که از کد زیر استفاده کردم :
<script type="text/javascript">
//<![CDATA[
var minsize=8;
var maxsize=18;
function increaseFontSize(){
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=maxsize) {
s += 1;
}
p[i].style.fontSize = s+"px"
}
}
function decreaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=minsize) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}
}
function defultFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=12) {
s = 12;
}
p[i].style.fontSize = s+"px"
}
}
//]]>
</script>
<a href="javascript:decreaseFontSize();">کاهش اندازه فونت</a> <a href="javascript:increaseFontSize();">افزایش اندازه فونت</a> <a href="javascript:defultFontSize();">اندازه فونت پیش فرض</a>
که با قرار دادن در تگ <p> پاراگراف متن مورد نظر را میتوان کنترل کرد ولی در قسمت fullstory.tpl بر روی مطالب تاثیری ندارد
ممنون میشم دوستان راهنمایی کنن
fullstory.tpl:
<script type="text/javascript">
//<![CDATA[
var minsize=8;
var maxsize=18;
function increaseFontSize(){
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=maxsize) {
s += 1;
}
p[i].style.fontSize = s+"px"
}
}
function decreaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=minsize) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}
}
function defultFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=12) {
s = 12;
}
p[i].style.fontSize = s+"px"
}
}
//]]>
</script>
<script type="text/javascript">
$(document).ready(function() {
$('.fullgallery').find('br').remove();
}
);
</script>
<article class="section" id="fullnews">
<div class="sar_bolet">
</div>
<div style="background: #F2F2F2;">
<div class="left">
<span>
تاریخ:
<strong>
{date}
</strong>
</span>
</div>
<br>
<div class="left">
<span>
کد خبر:
<strong>
{news-id}-{date=ymd}
</strong>
</span>
</div>
[xfgiven_rutitr] [xfvalue_rutitr] [/xfgiven_rutitr]؛
<h2>
{title}
</h2>
<div class="right">
دسته بندی: {link-category}
</div>
<br>
</div>
<br>
<p>
<a href="javascript:decreaseFontSize();">کاهش اندازه فونت</a>
<a href="javascript:increaseFontSize();">افزایش اندازه فونت</a>
<a href="javascript:defultFontSize();">اندازه فونت پیش فرض</a>
{short-story}
<br>
{full-story}
</p>
[xfgiven_fullgallery]
<br style="clear:both"/>
<div class="fullgallery" >
[xfvalue_fullgallery]
</div>
<br style="clear:both"/>
[/xfgiven_fullgallery]
<footer class="section-footer news-footer">
<div class="left">
<span>
بازدیدها:
<strong>
{views}
</strong>
</span>
<span>
نظرات:
<strong>
{comments-num}
</strong>
</span>
<span>
نویسنده: {author}
</span>
</div>
</footer>
</article>
{comments}
{navigation}
{addcomments}
