فتح ثلاث نوافذ بنقرة واحدة: تحسين رمز JavaScript لتجربة تصفح أفضل

في هذا السياق، يظهر أن لديك تحدي في كتابة رمز JavaScript يفتح ثلاث نوافذ تلقائيًا عند النقر على الرابط المحدد. لفهم السبب وراء فشل الرمز الحالي في فتح ثلاث نوافذ، يتعين علينا فحص الكود المقدم بعناية.

تبدو الشيفرة التي قدمتها مرتبطة بصورة ولديها خاصية onClick مزدوجة. يتضمن الكود فعلينا التركيز على الأمور التالية:

1. الرابط والصورة:
   يبدو أن الرمز يقوم بفتح نافذتين فقط، ولكن يبدو أن هناك خطأ في الرمز. يظهر أن هناك تكرارًا لفتح النافذة في الكود، وهو ما قد يكون السبب في فتح نافذتين فقط. يجب التحقق من البنية الصحيحة للرمز.

2. الخصائص:
   يفتقر الرمز إلى تعيين الخصائص بشكل صحيح. يُفضل استخدام خصائص width و height بشكل أكثر وضوحًا داخل الدالة window.open للتأكد من أن حجم النوافذ يتم تعيينه بشكل صحيح.

3. الرمز المكرر:
   الجزء الذي يحوي onClick="window.open(...);" يتكرر. يجب إصلاح هذا الجزء والتأكد من أن الرمز مكتوب بشكل صحيح.

قد تكون الإصلاحات البسيطة في الكود كافية لحل المشكلة. يمكنك محاولة استخدام الكود التالي بدلاً من الكود الحالي:

htmlCopy code
<div id="g_image2" style="position:absolute; overflow:hidden; left:760px; top:32px; width:149px; height:45px; z-index:49">
  <a href="javascript:{}" onClick="openThreeTabs();">
    <img src="images/Fm101 banner.png" alt="" title="" border=0 width=145 height=43>
  a>
div>

<script>
  function openThreeTabs() {
    window.open('http://cent5.serverhostingcenter.com:2199/start/behyghgu/', 'radio_player', 'width=82,height=50');
    window.open('http://cent5.serverhostingcenter.com:2199/start/behyghgu/', 'radio_player', 'width=82,height=50');
    window.open('http://cent5.serverhostingcenter.com:2199/start/behyghgu/', 'radio_player', 'width=82,height=50');
  }
script>

يرجى استخدام هذا الرمز وتحقق مما إذا كان يلبي احتياجاتك. إذا كان لديك أي استفسارات إضافية أو تحتاج إلى مساعدة إضافية، فأنا هنا للمساعدة.

بالطبع، دعني أقدم لك توضيحًا إضافيًا حول الرمز الذي قمت بتقديمه وكيف يمكن تحسينه لتحقيق الهدف المطلوب.

1. توضيح الرمز:
   الرمز الذي قدمته يقوم بفتح نافذة واحدة فقط عند النقر على الرابط. يتم ذلك عن طريق استدعاء الدالة openThreeTabs عند النقر على الرابط، والتي بدورها تفتح نافذة ثلاث مرات باستخدام window.open.

2. التعديلات الممكنة:

   • يمكنك تحسين تجربة المستخدم بإضافة معرف noopener لضمان عدم السماح للنافذة المفتوحة بالوصول إلى window.opener.
   • يُفضل أيضًا تعيين target="_blank" داخل العنصر لضمان فتح الروابط في نوافذ جديدة.
   • يمكنك تحسين تنسيق الكود عن طريق وضع الجزء الخاص بالسكريبت في ملف خارجي لتحسين إدارة الصفحة.

3. مثال معدل:
   هنا تعديل للكود بناءً على الملاحظات السابقة:

htmlCopy code
<div id="g_image2" style="position:absolute; overflow:hidden; left:760px; top:32px; width:149px; height:45px; z-index:49">
  <a href="javascript:{}" onClick="openThreeTabs();" target="_blank">
    <img src="images/Fm101 banner.png" alt="" title="" border=0 width=145 height=43>
  a>
div>

<script>
  function openThreeTabs() {
    window.open('http://cent5.serverhostingcenter.com:2199/start/behyghgu/', 'radio_player1', 'width=82,height=50,noopener');
    window.open('http://cent5.serverhostingcenter.com:2199/start/behyghgu/', 'radio_player2', 'width=82,height=50,noopener');
    window.open('http://cent5.serverhostingcenter.com:2199/start/behyghgu/', 'radio_player3', 'width=82,height=50,noopener');
  }
script>