احتاج لطريقة ان اضيف بها كلام يظهر بصورة إفتراضية في حقل نصي ويظهر في QR Code

السلام عليكم

قد يبدو السؤال غير واضح من العنوان والمشكل هنا تكمن في لا اعرف ان اعبر عن ما اريده بصورة كتابية


ما تم تنفيذه:

موقع به حقول تقوم بملئها وبعد ذلك يقوم بتوليد رمز QR Code بها البيانات المدخلة

ما المطلوب عمله:

لدي 3 حقول احتاج ان اضع بها بيانات افتراضية غير قابلة للمسح او التعديل ثم يمكن للمستخدم الكتابة بجانبه في نفس الحقل

المشكلة:

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

توضيح:

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

الكود المستخدم حالياً في الموقع تجدونه على الموقع هذا، مع العلم حاولت كثيراً ان اضع الكود هنا بطريقة تنسيق حسوب لكن لم تضبط معي لذلك نشرته على هذا الموقع


waelaljamal أضف ردا

مرحبا،

يوجد عدة حلول،

  • يمكنك استخدام Lable تعرض فيه جزء النص قبل عنصر input فيعرف المستخدم ماهو الجزء الذي يدخله.

  • يمكنك وضع عنصرين input بجانب بعضهم، وعندما تريد تشكيل الرمز تقوم بجمع القيم النصية منهم.

  • يمكنك وضع عنصرين input فوق بعضهم, مع وضع حاشية للعنصر الأعلى بمقدار إزاحة بطول النص الآخر.

أو تجريب المثالين في الروابط التالية:

ويوجد حل باستخدام مكتبات Bootstrap حيث الشرح و المثال من موقع w3school:

حل آخر لكنه أصعب، عليك برمجة الأمر باستخدام javascript حيث لكل حقل نصي ستقوم بتطبيق مستمع لتغير حالة الإدخال, فتقرأ النص الجديد المدخل من لوحة المفاتيح ثم تقوم بإسناد البادئة المتسبة له و إعادة تجميع الأحرف.

اختر الطريقة التي تريحك

بالتوفيق

اشكرك على ردك اخي

هل يمكنك تطبيق المثال على حقل واحد في الكود الذي ارسلته سابقاً، لانني لا اعرف البرمجة من الاساس ولا اعرف كيف اجمع قيمتين مع بعض لكي يظهران في الـ QR Code

مع العلم بان الكود هذا اخذته من موقع كان يشرح كيف تعمل QR Code وعملت بعض التغييرات البسيطة عليه بعد البحث عن كل تغيير كنت اريد عمله الى ما اوصلته لهذه المرحلة

waelaljamal أضف ردا

مرحبا،

يمكنك عرض المشروع في موقع مستقل لتوظيف مبرمج يقوم لك بالأمر، ربما ستحتاج لعمل تعديلات كثيرة و تطوير الفكرة لديك.

فأظن أنك بحاجة لشخص متابع معك.

شكرا لك