آموزش: استفاده از کده جاوااسکریپت به صورته external و کاربردهای آن به جای iframe در وبلاگ و وبسایت (مبتدی) ?!؟
چندین باز این سوال رو دوستان مطرح کردن
گفتم یه تاپیک بزنم که هم اونا زودتر به جواب برسن و هم دیگه اینقد نپرسن!:13:
سوالی چیزی بود همینجا بپرسید...
مقدمه و کاربردهای این کد:
این کد یکی از ساده ترین و اما کاربردی ترین کدهای جاوا اسکریپت و کاربردی تقریبا شبیه به iframe داره و میشه به مهمترین کاربردهاش به اینا اشاره کرد:
1. در بیشتره هاست های رایگان و مخصوصا سیستم های وبلاگ رایگان مانند بلاگ فا، پرشین بلاگ و .... اجازه ی استفاده مستقیم از iframe رو نمیدن
به وسیله این کده ساده میتونید تمامیه element ها و عناصر html رو در صفحاتتون قرار بدید حتی خوده کده iframe رو
و به قوله خودمونی سیستم رو دور بزنید!×!:27:
2. موضوعاتی که نیاز به آپدیت زود به زود دارند مانند بنر ها، تبلیغ ها، کپی رایت ها، بعضی نوشته ها و tips و ....
در صورتی که سایته شما هم استاتیک باشه این موارد نیاز به ویرایشه کله صفحات دارن ولی با این کد به راحتی میتونید بدونه اینکه اصلا کاری به صفحات داشته باشید موضوعات و مطالبه نمایش داده شده در تمامیه آنها رو تغییر بدید
3. در سایتهای حجیم به مراتب حجمه صفحات و کدها رو میاره پایین
4. به راحتی میتونید تغییرات لازم رو بدید
نحوه ی استفاده و کدها:
1
در ابتدا شما باید یه فایله js درست کنید
برایه این کار به راحتی میتونید یه فایل New Text Document.txt رویه دسکتاپ کامپیوترتون درست کنید و نام و پسونده آنرا مثلا به این فایل تغییر بدید
ads.js
2
در مرحله ی بعد این کد را که برای نمونه نوشتم داخله اون میزارید و فایل رو ذخیره میکنید
کد:
document.write('<a href="linklocation.htm"><img border="0" src="yourbanner.gif" alt="banner details"></a>');
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
توجه کنید که هر کد دیگری که قرار میدهید باید بینه دو کد
و
و در یک خط! باشه که با مشکل مواجه نشه
خوب حالا دیگه با این فایل js کاری نداریم
3
سند html یا ... یه خودتون رو باز کنید و در قسمتی که میخواید این عکس (یا هر کد دیگری که در فایله js اضافه کردید) نمایش داده بشه این کد رو قرار بدید
کد:
<!-- Begin external JS code -->
<script type="text/javascript" src="ads.js"></script>
<!-- End external JS code -->
به همین سادگی و راحتی!:12:
************************************************** *******
برای اینکه کاره دوستان (مخصوصا دوستانه کپی پیستی!:31:) ساده تر بشه چند تا کده پر کاربرد رو مینویسم میزارم اینجا:
فقط کافیه اینا رو با مقدار های خودتون در فایله js بزارید
1. نوشته text همراه با فرمت و به صورت ضخیم و در وسط
کد:
document.write('<center><b><font size="2" face="Tahoma">some text with format</font></b></center>');
2. لود کردن iframe
کد:
document.write('<iframe src="iframe_destination_page.htm" marginwidth="1" marginheight="1" width="600" height"100" name="Iframename" align="center" border="0" frameborder="0" scrolling="no"></iframe>');
3. لود کردن فایل فلش embed
کد:
document.write('<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="moviename" width="200" height="150" src="flashmovie.swf" bgcolor="#000000" quality="best" menu="false" scale="exactfit" wmode="transparent" title="flash movie title" standby="Loading"><noembed></noembed></embed>');
4. نوشته ی فارسی (راست چین) + فرمت + لینک
کد:
document.write('<p align="right"><font face="Tahoma"><a title="mouseover tip" href="targetlink.htm"><span lang="fa"><font style="font-size: 9pt">مقادیری نوشته فارسی</font></span></a></font></p>');
