عيد الاضحى المبارك


مواضيع تهمك

ركن تطوير المواقع قسم يختص بشرح التركيب و الترقية و الإضافات و القوالب وملفات التعريب لبرنامج الووردبريس ومدونة بلوجر.

طريقة إظهار وإخفاء كلمة السر

السلام عليكم ورحمة الله وبركاته اليوم حاجه بسيطه جدا وسهله ازاي اخلي كلمة السر تكون ظاهره وارجعه مخفيه تاني من غير ما العب في اكواد ال html احنا انستخدم js (اجافا اسكربت)...

احصائياتى

الردود
3

المشاهدات
1937
Mohamed yasser
مشرف قسم تطوير المواقع
.:: مطور لغة PHP ::.
  • Mohamed yasser is just really niceMohamed yasser is just really niceMohamed yasser is just really niceMohamed yasser is just really nice

  • Mohamed yasser غير متواجد حالياً

المشاركات
589

+التقييم
76

تاريخ التسجيل
Mar 2019

الاقامة
ام الدنيا مصر

نظام التشغيل
Other

رقم العضوية
1982
10-09-2019, 07:09 PM
المشاركة 1
10-09-2019, 07:09 PM
المشاركة 1
افتراضي طريقة إظهار وإخفاء كلمة السر

السلام عليكم ورحمة الله وبركاته
اليوم حاجه بسيطه جدا وسهله ازاي اخلي كلمة السر تكون ظاهره وارجعه مخفيه تاني من غير ما العب في اكواد ال html
احنا انستخدم js (اجافا اسكربت)



كود PHP:
<div class="form-group">
                                <
div class="col-sm-3 col-sm-offset-0" >
                                    <
p onclick="myFunction()"><class="fa fa-eye fa-lg"></i></p>
                                </
div>
                                <
div class="col-sm-7 col-sm-offset-0">
                             <
input class="form-control" type="password" id="myInput" name="password" autocomplete="off" value="Mohamed yasser">

                                </
div>
                                <
label class="col-sm-2 control-label">كلمة المرور</label>
                            </
div>
                            <
script>
                            function 
myFunction() {
                              var 
document.getElementById("myInput");
                              if (
x.type === "password") {
                                
x.type "text";
                              } else {
                                
x.type "password";
                              }
                            }
                            
</script> 
بص بقا الكود الي معايا ده
اول حاجه انمسك الجافا اسكربت
شايفين الكود ده
كود PHP:
<script>
                            function 
myFunction() {
                              var 
document.getElementById("myInput");
                              if (
x.type === "password") {
                                
x.type "text";
                              } else {
                                
x.type "password";
                              }
                            }
                            
</script> 
اول سطر في اكللمه ده myFunction ده الي انحطه في الزر الي اول ماندوس عليه كلمه السر تظهر ولما ندوس عليه تاني كملة السر تختفي
تاني سطر
كود PHP:
                              var document.getElementById("myInput"); 
شايفين كلمة myInput ده اناخده وانحطه في ipput الي فيه كلمة السر
طبعا والباقي بيقولك انه ايحول input ال text الي password ببساطه كده لناس الي ملهاش خبره text ياعني كلمة السر مكشوفه password ياعني كلمه السر بتكون علي شكل نجوم او دوائر اكيد الكل عارفه علشان مقعدش اوصفه





كده خلصنا من الجافا نيجي لاكواد html
الكود ده
كود PHP:
<p onclick="myFunction()"><class="fa fa-eye fa-lg"></i></p
شايف كلمة
كود PHP:
onclick="myFunction()" 
onclick ده خلت ال p كانه زر مثل ال <a> او button اول ماتدوس عليه يعمل شغل طيب ايه الشغل الي ايعمله وزاي طيب
ال myFunction() ده اول سطر من اكواد الجافا الي قولتلكم عليه فوق ياعني اول ما ادوس الزر ينفذ امر الجافا الي فيه كلمه myFunction ممكن تغير الاسم براحتك بس لازم تغير في الجافا وفي الاكواد

السطر ده
كود PHP:
                             <input class="form-control" type="password" id="myInput" name="password" autocomplete="off" value="Mohamed yasser"
شايفين
كود PHP:
type="password" 
ده كده اي كلام اتكتبه في ال input ايكون علي شكل نجوم لو غيرته ل text ايكون ظاهر
الي يهمنا في السطر ده كله كلمة
كود PHP:
id="myInput" 
هنا الامر الي قولتكم عليه فوق تحط الاسم في id
وكده الكود تم شرحه بالكامل اول ماتفتح الاتصال بالموقع اتكتب ايكون بارقام تدوس علي العين كلمة السر تظهر


التعديل الأخير تم بواسطة هيلبرنت ; 10-09-2019 الساعة 07:53 PM
قديم 10-09-2019, 07:54 PM
المشاركة 2
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: طريقة إظهار وإخفاء كلمة السر
عاشت الايادى

لاتحرمنا من مواضيعك اخى محمد

ينشر

قديم 10-09-2019, 08:15 PM
المشاركة 3
Mohamed yasser
مشرف قسم تطوير المواقع
.:: مطور لغة PHP ::.
  • Mohamed yasser غير متواجد حالياً
افتراضي رد: طريقة إظهار وإخفاء كلمة السر
عاشت الايادى

لاتحرمنا من مواضيعك اخى محمد

ينشر
حبيبي ياحمد واعزرني علي عدم وضع صور والله النت عندي زفت لانه اخر الشهر والسرعه 20كيلو وشكرا لتنظيم الموضوع

قديم 10-09-2019, 08:20 PM
المشاركة 4
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: طريقة إظهار وإخفاء كلمة السر
حبيبي ياحمد واعزرني علي عدم وضع صور والله النت عندي زفت لانه اخر الشهر والسرعه 20كيلو وشكرا لتنظيم الموضوع
ياباشا ولا يهمك اكتب انت ولا تشغل بالك باى شى اخر كلها حجات صغيره اهم شى ابداعاتك

اضافة رد

العلامات المرجعية

طريقة إظهار وإخفاء كلمة السر



الانتقال السريع
المواضيع المتشابهه للموضوع: طريقة إظهار وإخفاء كلمة السر
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتدى هيلبرنت ركن تطوير منتديات vb3.8.0 2 08-28-2023 09:26 AM
طريقة قراءة رسائل مسنجر دون علم المرسل وإخفاء مؤشر الكتابة kaderinos الركن العام للمواضيع العامة 0 02-20-2020 06:11 PM
أداة شركة kaspersky الجديدة للتعرف على الوقت الذي سيستغرقه الهاكر لاختراق كلمة السر هيلبرنت برامج كمبيوتر 3 12-22-2015 04:00 PM
قم بتغيير كلمة السر الخاصة بك حالا اذا كانت من هذه الكلمات Oussama Kllay ركن مواقع التواصل الإجتماعي 3 12-08-2015 02:27 AM
طريقة تغيير كلمة السر لأي حساب لك على الفيسبوك دون معرفة وإدخال كلمة السر القديمة الماجيك مسعد ركن مواقع التواصل الإجتماعي 4 11-25-2015 01:33 AM




الساعة الآن 10:48 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum