إلغاء عنصر من كود

وعليكم السلام ورحمة الله وبركاته .

يفضل جعل الزر هو من يقوم بفتحه حتي لا يظهر ال form دائما و يعيق المستخدم .

ولكن إذا أردت فتحه في صفحة معينة دون باقي الصفحات فهذا ممكن . 

والحل الأفضل لذلك هو إستخدام كود جافاسكريبت يقوم بالضغط علي الزر كما لو أن المستخدم هو من قام بالضغط :

let button = document.querySelector("#button-id");

if (button) {
  button.click();
}

في الكود السابق إفترضت أن الزر لديه id يسمي button-id ويمكنك تغيره إلى ال id الذى لديك .

وعند تشغيل هذا الكود سيعمل بالضغط على الزر ويقوم بفتح ال form تلقائيا.

ويمكنك إخفاء الزر عن طريق وضع خاصية display:none;

#button-id{
display:none;
}

ستحتاج إلى إلغاء تنسيق display بقيمة none من تنسيقات CSS الخاصة بعنصر الـ form لديك، فعند الضغط على الزر يتم تعيير تلك القيمة إلى block وإظهار النموذج form.

ثم حذف عنصر الزر الخاص بإظهار النموذج من كود HTML.

لكن التصميم لديك مُعد لذلك، لذا بعد إظهار النموذج ربما يصبح التصميم غير مناسب.

لفعل ذلك، ستحتاج إلى دراية بأكواد HTML و CSS على الأقل، ستجد بالأكاديمية مقالات تشرح الأساسيات.

مرحبا يا صديقي 

كود الجافا سكريبت السابق يعمل داخل صفحة html 

لم افهمك تحديداً فأنا ليست لدي الخبره الكافيه 

أن كنت تفهمني جيدا 

ارجو التعديل علي الكود ووضعه في رد جديد 

بتاريخ 3 دقائق مضت قال Mustafa Suleiman:

ستحتاج إلى إلغاء تنسيق display بقيمة none من تنسيقات CSS الخاصة بعنصر الـ form لديك، فعند الضغط على الزر يتم تعيير تلك القيمة إلى block وإظهار النموذج form.

ثم حذف عنصر الزر الخاص بإظهار النموذج من كود HTML.

لكن التصميم لديك مُعد لذلك، لذا بعد إظهار النموذج ربما يصبح التصميم غير مناسب.

لفعل ذلك، ستحتاج إلى دراية بأكواد HTML و CSS على الأقل، ستجد بالأكاديمية مقالات تشرح الأساسيات.

 

بالفعل الكود معد مسبقا 

لكن يظهر أيضاً أسفل الصفحات وانا ارغب في حتي وجوده في منتصف الصفحة قمت بكتابتة داخل وسم سنتر لكن لم يعمل كذلك.

بتاريخ 7 دقائق مضت قال Saber Gamal:

مرحبا يا صديقي 

كود الجافا سكريبت السابق يعمل داخل صفحة html 

لم افهمك تحديداً فأنا ليست لدي الخبره الكافيه 

أن كنت تفهمني جيدا 

ارجو التعديل علي الكود ووضعه في رد جديد 

بالفعل الكود معد مسبقا 

لكن يظهر أيضاً أسفل الصفحات وانا ارغب في حتي وجوده في منتصف الصفحة قمت بكتابتة داخل وسم سنتر لكن لم يعمل كذلك.

أرجو إرفاق مجلد المشروع بعد ضغطه، إن لم يتوافر لديك ستحتاج إلى دراسة أساسيات HTML و CSS

بتاريخ 9 دقائق مضت قال Saber Gamal:

مرحبا يا صديقي 

كود الجافا سكريبت السابق يعمل داخل صفحة html 

لم افهمك تحديداً فأنا ليست لدي الخبره الكافيه 

أن كنت تفهمني جيدا 

ارجو التعديل علي الكود ووضعه في رد جديد 

لا مشكلة يمكنك وضعه بداخل عنصر script هكذا :

<script>
  let button = document.querySelector("#button-id");

if (button) {
  button.click();
}
</script>