واضح آرشیو وب فارسی:سایت ریسک: { آموزش آژاکس} ساخت یک ایفریم داینامیک و پویا aghahamidgol2 19 اسفند 1385, 13:42در این مطلب یک ایفریم خواهیم ساخت که با کمک دو گزینه بالا و پایین محتوای آن را مدیریت خواهیم کرد. تنها به چند قدم ساده نیاز داریم برای انجام این کار اما با کمی دقت در کد ها و توضیحات زیر می توانید کد ها را برای خودتان سفارشی بسازید. در مرحله ی اول کدهای زیر را در صفحه ای که می خواهید ایفریم ما در آن نمایش پیدا کند قرار می دهیم. <iframe id="datamain" src="external.htm" width=150 height=150 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe> <layer visibility=hide> <div style="width:150px;" align="right"> <a href="#" onMouseover="scrollspeed=-2" onMouseout="scrollspeed=0">Up</a> | <a href="#" onMouseover="scrollspeed=2" onMouseout="scrollspeed=0">Down</a> </div> </layer> در این مرحله در صفحه ی بعدی تنها کافی است کد های زیر را برای اضافه کردن حالت داینامیک آن اضافه کنیم تا بتوانیم محتویاتش را با کمک دکمه های بالا و پایین جا به جا کنیم <script language="JavaScript1.2"> var speed, currentpos=curpos1=0,alt=1,curpos2=-1 function initialize(){ if (window.parent.scrollspeed!=0){ speed=window.parent.scrollspeed scrollwindow() } } function scrollwindow(){ temp=(document.all)? document.body.scrollTop : window.pageYOffset alt=(alt==0)? 1 : 0 if (alt==0) curpos1=temp else curpos2=temp window.scrollBy(0,speed) } setInterval("initialize()",10) </script> در مرحله اول با ویرایش کد زیر می توانید سرعت جا به جایی را تعیین نمایید : onMouseover="scrollspeed=-1" فایل نمونه هم می توانید دریافت کنید و اگر سوالی بود در خدمتم ... echessdesign 19 اسفند 1385, 23:30دوست عزیز متشکرم از راهنمایی شما اما موردی که وجود داره، صفحه index شما هنگام لود شدن، صفحه majidonline رو هم در خود لود می کنه. اما اگر شما بتونی این ترتیب رو اعمال کنی که: لینکی در صفحه index وجود داشته باشه و زمانی که کلیک شد، بتونه با تکنیک ajax صفحه majidonline رو در خود لود کنه، میشه جواب سوال من و خیلی از دوستان دیگه. پیشاپیش سپاسگزارم YTERROR 20 اسفند 1385, 00:04یک نمونه این آموزش تویی بخش مثالات موجود بود ولی باز هم ممنون در مورد سوا شما اون نمونه که براتون آپلود کردن دقیا فکر کنم همون چیزی بود که می خواستین این و نگاه کن : echessdesign 20 اسفند 1385, 08:23و این،... () sajjad_eb 20 اسفند 1385, 19:43حتما این مثال رو ببینید . نویسنده این آموزش نام اون رو AJAX Hello World گذاشته که بیانگر اینه که بسیار سادست. با کمی تامل در کدها می شه فهمید چه دستوراتی داده شده. فقط متاسفانه توی IE7 جواب نمی ده. آموزش () نمایش مثال ()
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 1674]