اذهب إلى المحتوى
  • 0

كيف عمل تحديث للصفحة في نفس tab الموجود فيه؟

عزوز عزوز2

السؤال

لدي مشكل فيtabs ... قمت بأظافة tab من bootstrap ووضعت بداخل كل tab ادخالات form 

لما قوم بادخال قيمة في tab الثاني و الثالث يقوم بأعادتي الى tap الاول 

كيف ممكن حل هذه المشكلة بحيث عند ادخال قيمة في input يبقيني في نفس tab ؟

هذه صورة لشكل tabs

tabs.thumb.PNG.7d62207fbf1988e7da25f5ba414207d1.PNG

تم التعديل في بواسطة عزوز عزوز2
مشكلة في الصورة المرفقة
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

هل تقصد أن هنالك العديد من نماذج الادخالات موزعة في نوافذ تبويب bootstrap. بعد تقديم نموذج ما منها يتم معالجته من قبل الواجهة الخلفية ثم يعاد المستخدم ويعرض له نفس نافذة التبويب التي قدم من عليها النموذج أي تلك التي كان فيها؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 2 ساعات قال Adnane Kadri:

هل تقصد أن هنالك العديد من نماذج الادخالات موزعة في نوافذ تبويب bootstrap. بعد تقديم نموذج ما منها يتم معالجته من قبل الواجهة الخلفية ثم يعاد المستخدم ويعرض له نفس نافذة التبويب التي قدم من عليها النموذج أي تلك التي كان فيها؟

نعم اخي الكريم

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ الآن قال عزوز عزوز2:

نعم اخي الكريم

 

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

مثال:

<div class="tab" id="add_users_tab">
  <form>
    .. 
  
    <input type="hidden" name="active_tab" value="add_users_tab" />
  </form>
</div>

سيستقبله الخادم ويعيد ارساله في الرد كمتغير active_tab$ مثلا.

ستعيد الواجهة الامامية استقباله كـ:

<script> 
  
  var active_tab = "<?php echo $active_tab; ?>";
  
</script>

ثم سيتم البحث عن النافذة المرافقة واظهارها عن طريق الواجهة البرمجية لبوتستراب:

<script> 
  
  var active_tab = "<?php echo $active_tab; ?>";
  
  var target = document.querySelector("#"+active_tab);
  
  var tab = new bootstrap.Tab(target)

  tab.show()
</script>

بالطبع فإن  هاته فكرة اولية عن الموضوع، يمكنك تطويرها أكثر.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 34 دقائق مضت قال Adnane Kadri:

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

مثال:


<div class="tab" id="add_users_tab">
  <form>
    .. 
  
    <input type="hidden" name="active_tab" value="add_users_tab" />
  </form>
</div>

سيستقبله الخادم ويعيد ارساله في الرد كمتغير active_tab$ مثلا.

ستعيد الواجهة الامامية استقباله كـ:


<script> 
  
  var active_tab = "<?php echo $active_tab; ?>";
  
</script>

ثم سيتم البحث عن النافذة المرافقة واظهارها عن طريق الواجهة البرمجية لبوتستراب:


<script> 
  
  var active_tab = "<?php echo $active_tab; ?>";
  
  var target = document.querySelector("#"+active_tab);
  
  var tab = new bootstrap.Tab(target)

  tab.show()
</script>

بالطبع فإن  هاته فكرة اولية عن الموضوع، يمكنك تطويرها أكثر.

اخي انا استخدم django هل ينفع هذه الطريقة معه

لاني شفت في php

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 1 دقيقة مضت قال عزوز عزوز2:

اخي انا استخدم django هل ينفع هذه الطريقة معه

لاني شفت في php

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 23 ساعات قال Adnane Kadri:

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

اخي اذا كانت لديك خبرة في django ممكن طريقة التنفيذ لان خبرتي في django محدودة 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...