خب دوستان عزیز
من دیدم که این کد یکم نیاز به تمیز کاری داره و البته یه قابلیت دیگه هم نیاز داره که دست بکار شدم و اون رو تغییر دادم و شد فایل ای که پیوست شده. دوستانی که می خوان می تونن ازش استفاده کنن. استفاده از اون بخشی که توسط من نوشته شده و توسعه داده شده حتی بدون کپی رایت بدون مشکل هست. اون بخش دیگه که بیس کار هست و لینکش رو تو پست بالاییم دادم، دیگه به من مربوط نیست و با نویسنده اون بخش تماس بگیرید.
حالا مشکلاتی که این اسکریپت داشت:
استفاده از input و فرم برای نمایش دادن
نیاز به اضافه کردن onload="textticker()" به body برای اجرا شدن
عدم پشتیبانی از لینک برای هرکدام از نوشته ها
ناخوانایی کد نوشته شده بدلیل کپی پیست شدن
خب برای رفع هرکدام از این مشکل ها یه تغییراتی در کد داده شد.
مشکل یک: برای رفع این مشکل از یک دایو بجای کل فرم استفاده شد. شما می بایست برای فراخوانی این کد در هرکجای صفحه که خواستید، دایو زیر را با همان آیدی که دارد کپی پیست کنید:
<div id="type-writer"></div>
مشکل دو: برای رفع این مشکل هم از کدی استفاده کردم که البته توسط خودم نوشته نشده بود ولی روی اینترنت بود.
مشکل سه: برای رفع این مشکل هم یه آرایه به نام tlLinks اضافه شد. شما برای استفاده از لینک، به همان ترتیبی که در آرایه tl متن هاتون رو مشخص می کنید، هر متنی که لینک داشت متناظرش آدرس صفحه و هر متنی که لینک نداشت، متناظرش عدد 0 رو وارد کنید. به مثال زیر توجه کنید :
tl = new textlist (
"This is Text With Link 1",
"This is Text Without Link 1",
"This is Text With Link 2",
"This is Text Without Link 2"
);
tlLinks = new Array (
"mailto:cyrusthegreatking@gmail.com",
"0",
"mailto:cyrusthegreatking@gmail.com",
"0"
);
توی این مثال، متن های اول و سوم دارای لینک و متن های دوم و چهارم بدون لینک می باشند.
مشکل آخر هم با یکم تمیزکاری کد و افزایش خوانایی اون و همچنین قرار دادن کل کد در یک فایل مجزا مرتفع شد.
حالا برای استفاده از این کد می بایست چکار کنید؟
شما اول فایل پیوست شده رو دانلود کنید. بعد از اون می بایست اسکریپتی که در فولدر scripts و به نام script.js هست رو به صفحتون اضافه کنید.
نکته: دوستانی که می خواهند این رو در وردپرس استفاده کنند، می بایست کد زیر رو در بین تگ head صفحشون که در فولدر قالب و با نام header.php اضافه کنند:
<script language="Javascript">
var max = 0;
function textlist() {
max = textlist.arguments.length;
for ( i = 0; i < max; i++)
this[i] = textlist.arguments[i];
}
tl = new textlist (
"This is Text With Link 1",
"This is Text Without Link 1",
"This is Text With Link 2",
"This is Text Without Link 2"
);
tlLinks = new Array (
"mailto:cyrusthegreatking@gmail.com",
"0",
"mailto:cyrusthegreatking@gmail.com",
"0"
);
var x = 0; pos = 0;
var l = tl[0].length;
function textticker() {
var typeWriter = document.getElementById("type-writer");
if ( tlLinks[x] == "0" ) { typeWriter.innerHTML = tl[x].substring(0,pos)+"_"; }
else { typeWriter.innerHTML = '<a href='+tlLinks[x]+'>'+tl[x].substring(0,pos)+'_</a>'; }
if ( pos++ == l ) {
pos = 0; setTimeout("textticker()",1000); x++;
if( x == max) x = 0; l = tl[x].length;
} else
setTimeout("textticker()",50);
}
if(window.attachEvent) {
window.attachEvent('onload', textticker);
} else {
if(window.onload) {
var curronload = window.onload;
var newonload = function() {
curronload();
textticker();
};
window.onload = newonload;
} else {
window.onload = textticker;
}
}
</script>
سپس شما می بایست کد زیر رو در هر جایی از صفحه که می خوایید قرار بدید کپی کنید:
<div id="type-writer"></div>
در آخر هم برای متنی که می خوایید نمایش داده بشه آرایه tl رو ویرایش کنید. توجه کنید که بجز آخرین عنصر آرایه که بعد از " دارای , نمی باشد، بقیه عناصر می باید در آخر خود بعد از " دارای , باشند.
برای لینک ها هم با ویرایش آرایه ی tlLinks همانطور که در بالا توضیح دادم، آدرس هارو وارد کنید. اگر می خوایید هیچ کدوم از عناصرتون لینک نداشته باشه، به تعداد همون عناصر آرایه tl عناصری با مقدار 0 در این آرایه قرار دهید. برای مثال، اگر همون مثال بالا رو بخواییم در نظر بگیریم، آرایه ی tlLinks ما می شه:
tlLinks = new Array ( "0", "0", "0", "0");
دیگه استایل بندی اون DIV هم بر عهده خودتون.
فکر نکنم مشکلی وجود داشته باشه. ولی منتظر نظرات و انتقادات و سوالات شما هستم.
سلام
من کدی که داخل script.js بود رو در header.php قبل از </head> اضافه کردم و کد داخل div رو هم در جاییی که میخوستم کد نمایش داده بشه قرار دادم ولی تو سایت فقط یه جای خالی میاد که فقط حرف _ رونشون میده
شما میگید من تو کدوم قسمت اشتباه کردم؟
لطفا راهنمائیم کنید ممنون