raziee
چهارشنبه 10 خرداد 1391, 00:38 صبح
با درود
در نهایت کدی که کاربر شما دریافت خواهند کرد باید باید یک جاوا اسکریپ باشه که مثلا در صفحه html کاربر تغییراتی رو ایجاد کنه.
به عنوان مثال"سرویس نرخ ارز (http://abctools.ir/Currency/Gadget.aspx)" رو از سایت abctools.ir بررسی می کنیم.
سرویس دهنده مربوطه از کاربرانش خواسته :
ابتدا کد زیر را در محلی که می خواهید نرخ ارز نمایش داده شود، قرار دهید.
<!-- begin abcTools_Currency place -->
<div id="abcToolsCurrency"><img src="http://abctools.ir/App_Themes/Default/img/1.gif" /></div>
<!-- end abcTools_Currency place -->
سپس کد زیر را در انتهای صفحه و قبل از تگ <body/> قرار دهید.
<!-- begin abcTools_Currency script -->
<script type='text/javascript' src='http://abctools.ir/Currency/Get2.aspx?m=0&c=1;4;5;&c1=000000&c2=FFFFFF&c3=FFFFFF&c4=555555&w=150px'></script>
<!-- end abcTools_Currency script -->
اجازه بدید این 2 کد رو بررسی کنیم.
در کد اول یک تگ div وجود داره با یک Id به نام abcToolsCurrency که داخل این تگ یک کنترل img قرار داره و به نظر چیز عجیب و غریبی نیست.
قسمت مهم در این قسمت شناسه اون div یعنی abcToolsCurrency هست که بعدا بوسیله ی این شناسه تغییراتی رو در صفحه ایجاد خواهیم کرد.
کد دوم به یک فایل جاوا اسکریپت اشاره داره یعنی مرورگر به این کد که برسه، یک درخواستی رو به abctools.ir میفرسته و توقع داره که یک محتوای جاوا اسکریپت تحویل بگیره.
محتوای این جاوا اسکریپت رو براتون میگذارم:
var x ="<table cellpadding='0' cellspacing='0' style='margin: 1px 0px; border: solid 1px #000000; width: 150px; font-family: tahoma; font-size: 11px; font-weight: normal; text-align: center; direction: rtl;'> <tr> <td style='background-color: #000000; color: #FFFFFF; height: 20px;'> <a style='color: #FFFFFF; text-decoration: none;' target='_blank' href='http://abctools.ir/Currency/History.aspx'> نرخ ارز </a> </td> </tr> <tr> <td style='background-color: #FFFFFF; color: #555555; padding: 2px 2px; vertical-align: middle; height: 22px;'> سه شنبه 9 خرداد 1391 </td> </tr> <tr> <td style='background-color: #FFFFFF; color: #555555; padding: 2px 2px;'> (نرخ ها به ریال می باشد) </td> </tr> <tr> <td style='background-color: #FFFFFF; color: #555555; text-align: center; padding: 2px 2px;'> <table cellpadding='2' cellspacing='0' style='background-color: #FFFFFF; color: #555555; font-family: tahoma; font-size: 11px; font-weight: normal; text-align: right; width: 100%;'> <tr style='height: 22px;'> <td style='border-bottom: solid 1px #000000;'> دلار آمریکا </td> <td style='border-bottom: solid 1px #000000;'> 12260 </td></tr><tr style='height: 22px;'> <td style='border-bottom: solid 1px #000000;'> یورو </td> <td style='border-bottom: solid 1px #000000;'> 15401 </td></tr><tr style='height: 22px;'> <td style='border-bottom: solid 1px #000000;'> پوند انگلیس </td> <td style='border-bottom: solid 1px #000000;'> 19271 </td></tr> </table> </td> </tr> <tr> <td style='text-align: center; background-color: #FFFFFF; color: #555555; padding: 2px 2px; line-height: 20px'> <a style='color: #555555; text-decoration: none; font-weight: bold;' target='_blank' href='http://abctools.ir/Currency/More.aspx'>« سایر ارزها </a>-<a style='color: #555555; text-decoration: none; font-weight: bold;' target='_blank' href='http://abctools.ir/Currency/History.aspx'> آرشیو » </a> </td> </tr> <tr> <td style='background-color: #000000; height: 20px;'> <a style='color: #FFFFFF; text-decoration: none;' target='_blank' href='http://abctools.ir/'> دریافت کد از abctools.ir</a> </td> </tr></table><table cellpadding='2' cellspacing='0' style='border: none; width: 150px; font-family: tahoma; font-size: 11px; font-weight: normal; direction: rtl;'> <tr> <td style='background-color: #000000; color: #ffffff; text-align: center;'> <a style='color: #ffffff; text-decoration: none;' target='_blank' href='http://go.abcidea.ir/?s=1&o=9&u=http://www.pcosb.com/'>طراحی وب سایت با حداقل قیمت و کمترین زمان</a> </td> </tr></table>"; if (null != document.getElementById("abcToolsCurrency")) document.getElementById("abcToolsCurrency").innerHTML=x; else document.write(x);
این کد جاوا اسکریپت بوسیله ی شناسه abcToolsCurrency محتوای div ای که قبلا کاربر در صفحه اش قرار داده رو با یک سورس html جایگزین میکنه.
البته این سرویس دهنده بهتر بود که به جای یک صفحه aspx از یک Handler استفاده میکرد.(به خاطر رویداد هایی که یک صفحه aspx داره. Page Life Cycle)
مهم نیست که شما چه سرویسی رو قرار هست به کاربرانتون بدید. اینکه سمت سرور و در برنامه شما چه اتفاقی می افته مهم نیست.
مهم اینه که شما یک خروجی جاوا اسکریپت( یا هر زبان برنامه نویسی سمت کلاینت) ایجاد کنید که تغییراتی رو در صفحه ی html کاربرتون ایجاد کنه.