امتیاز موضوع:
  • 22 رأی - میانگین امتیازات: 3.05
  • 1
  • 2
  • 3
  • 4
  • 5
باز کردن همه لینکهای صفحه در صفحه جدید
#1
[تصویر:  Folder-Links-icon.png]
باز کردن همه لینکهای صفحه در صفحه جدید

برای اینکه لینکی در صفحه جدید باز شود باید به شناسه target آن لینک مقدار blank_ داده شود که این کار را میتوان در هنگام نوشتن کدهای صفحه انجام داد.
روش دیگری که میتوان برای این کار دنبال کرد استفاده از جاوا اسکرپت است. البته باید احتمال اینکه جاوا اسکرپت در مرورگر کاربر غیر فعال باشد را در نظر داشتنه باشید. با استفاده از جاوا اسکرپت میتوانیم همه لینکهای موجود در صفحه را مشخص کنیم و شناسهtarget را.
برای پیدا کردن همه لینکهای موجود در صفحه میتوانیم از دستور زیر استفاده کنیم:

کد:
document.links

شیئ links همه لینکهایی را که در صفحه وجود دارد به صورت یک آرایه باز می گرداند. این آرایه شامل لینکهایی که با استفاده از تگ area ساخته شده اند هم می شود ولی لینکهایی داخلی صفحه را شامل نمی شود.
حالا که ما ارایه ای از همه لینکهای موجود در صفحه داریم میتوانیم برای تغییر شناسه target در هر یک از آنها از یک حلقه ساده کمک بگیریم. در ابتدا باید تعداد لینکهای موجود در صفحه را برای مشخص کردن نقطه پایان حلقه داشته باشیم که برای این کار میتوانیم از مشخصه length استفاده کنیم. به این صورت:

کد:
document.links.length

حلقه مورد نظر را میتونیم به صورت زیر بنویسیم:

کد:
for ( i = 0; i < document.links.length; i++ ) {    document.links[i].target = "_blank";
}


برای اینکه این کد با مرورگرهای مختلف مشکل پیدا نکند آنرا به صورت یک تابع نوشته و با استفاده از رویداد onload اجرا می کنیم. در اینجا میتوانید کدی را که باید در بخش HEAD صفحه خود قرار دهید مشاهده میکنید:

کد:
<script type="text/javascript">function Links_in_NewWindow () {
    for ( i = 0; i < document.links.length; i++ ) {
        document.links[i].target = "_blank"
    }
}

window.onload = Links_in_NewWindow; </script>


حالا در صورتی که جاوا اسکرپت در مرورگر بازدید کننده فعال باشد با کلیک کردن بر روی هر یک از لینکهای موجود در صفحه صفحه مربوط به آن لینک در یک پنجره جدید باز خواهد شد.
پاسخ
 سپاس شده توسط Dash @li


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  نمایش پیام هشدار در صفحه با استفاده از جاوا اسکرپت انجمن مخ ها 0 207 27-08-2012، 11:03 PM
آخرین ارسال: انجمن مخ ها
  نحوه استفاده از کدهای جاوا اسکرپت در صفحه انجمن مخ ها 0 241 27-08-2012، 09:46 PM
آخرین ارسال: انجمن مخ ها

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان