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

السؤال

نشر (معدل)

لدي مشكل في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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...