<style> /* إزالة أي تأثيرات خارجية */ .box { background: white; padding: 15px; border-radius: 15px; border: 2px solid #8b6f47; margin: 0 auto; width: 100%; box-sizing: border-box; } h2 { text-align: center; color: #4a3721; margin: 10px 0; font-size: 1.5em; } .img-box { background: #ddd; text-align: center; padding: 0; border-radius: 10px; margin: 10px 0; width: 100%; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; } .img-box img { width: 100%; height: auto; display: block; } .img-box div { color: #4a3721; padding: 8px; background: #f5efe5; border-top: 1px solid #b3966a; } .down-btn { display: block; width: fit-content; min-width: 200px; margin: 15px auto; background: #4a3721; color: white; padding: 12px 25px; text-align: center; border-radius: 50px; text-decoration: none; font-size: 1.2em; font-weight: bold; border: none; box-sizing: border-box; } table { width: 100%; border-collapse: collapse; margin: 15px 0; direction: rtl; table-layout: fixed; } th { background: #8b6f47; color: white; padding: 8px; font-weight: bold; } td { border: 1px solid #b3966a; padding: 8px; vertical-align: middle; } /* توزيع عرض الأعمدة */ th:first-child, td:first-child { width: 8%; } th:nth-child(2), td:nth-child(2) { width: 67%; } th:last-child, td:last-child { width: 25%; } .radio-group { display: flex; gap: 2px; justify-content: center; flex-wrap: wrap; } .radio-item { text-align: center; background: #f5efe5; padding: 5px 2px; flex: 1; min-width: 30px; border-radius: 3px; } .btn { background: #4a3721; color: white; border: none; padding: 10px 25px; border-radius: 30px; font-size: 1.1em; margin: 5px; cursor: pointer; display: inline-block; } .btn-light { background: #8b7a63; } .result { background: #e9ddce; padding: 12px; border-radius: 10px; text-align: center; font-size: 1.2em; margin: 15px 0; } .result div { margin: 5px 0; } #msg { color: #4a3721; font-weight: bold; margin-top: 8px; padding-top: 8px; border-top: 1px dashed #b3966a; } /* للشاشات الصغيرة */ @media screen and (max-width: 480px) { .box { padding: 10px; } h2 { font-size: 1.3em; } td { padding: 5px; font-size: 0.9em; } .radio-item { padding: 3px 1px; } .btn { padding: 8px 20px; font-size: 1em; } .result { font-size: 1em; } .down-btn { min-width: 180px; padding: 10px 20px; } } </style> <div class="box"> <div class="img-box"> <img alt="مقياس الصلابة النفسية" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBH7lDw1nYzgETNHkQu_E0_-6si7MsFh3O4I9we5FS0fy6N2v49n17OOvEhci_OESsXB7ka8ThJPVKIoY2btttnF_2_cJBLInIzvRSSzWjt2ILdXpWogmR1anrgDpCDIBOEjx40WFM683oT5phwrGZDd_X5DtQUnvAPLEhbgsE1Ya6vrcUczKwNPeEqIE/s16000-rw/%D9%85%D9%82%D9%8A%D8%A7%D8%B3-%D8%A7%D9%84%D8%B5%D9%84%D8%A7%D8%A8%D8%A9-%D8%A7%D9%84%D9%86%D9%81%D8%B3%D9%8A%D8%A9.jpg" /> </div> <h2>🧠 مقياس الصلابة النفسية<br />عماد مخيمر (2006)</h2> <div style="text-align: center;"><a class="down-btn" href="https://drive.google.com/file/d/1KO_uQLMdUXwgoiCfAvl_F5uAT74Rr063/view?usp=sharing" target="_blank">📥 تحميل المقياس</a></div><table> <tbody><tr><th>#</th><th>العبارة</th><th>الدرجة</th></tr> </tbody><tbody id="items"></tbody> </table> <div style="text-align: center;"> <button class="btn" onclick="calc()">احسب</button> <button class="btn btn-light" onclick="resetAll()">إعادة تعيين</button> </div> <div class="result" id="res"> <div>الالتزام: <span id="r1">0</span></div> <div>التحكم: <span id="r2">0</span></div> <div>التحدي: <span id="r3">0</span></div> <div><b>المجموع الكلي: <span id="total">0</span></b></div> <div id="msg"></div> </div> </div> <script> // بيانات المقياس const items = [ "مهما كانت العقبات فإني أستطيع تحقيق أهدافي.", "أتخذ قراراتي بنفسي ولا أعتمد على مصدر خارجي.", "أعتقد أن متعة الحياة وتأثيرها تكمن في قدرة الفرد على مواجهة تحدياتها.", "قيمة الحياة تكمن في ولاء الفرد لبعض المبادئ والقيم.", "عندما أضع خططي المستقبلية أغلب الظن أنني أتأكد من قدرتي على تنفيذها.", "أقتحم المشكلات وأحلها ولا أنتظر حدوثها.", "معظم أوقات حياتي تضيع في أنشطة لا معنى لها.", "نجاحي في الأمور (عمل، دراسة) يعتمد على جهودي وليس على الحظ.", "لدي فضول ورغبة في معرفة ما لا أعرفه.", "أعتقد أن لحياتي هدفاً ومعنى أعيش من أجله.", "الحياة فرص وليست كفاحاً وعملاً.", "أعتقد أن الحياة المثيرة هي التي تتيح لي مواجهة المشكلات.", "لدي قيم ومبادئ معينة ألتزم بها وأحافظ عليها.", "أعتقد أن الفشل يرجع إلى أسباب تكمن في الشخص نفسه.", "لدي قدرة على المثابرة حتى انتهي من حل أي مشكلة تواجهني.", "لا يوجد لدي من الأهداف ما يدعو للتمسك بها أو الدفاع عنها.", "أعتقد أن كل ما يحدث لي غالباً هو نتيجة تخطيطي.", "المشكلات تظهر قواي وقدرتي على التحدي.", "لا أتردد في المشاركة في أي نشاط يخدم المجتمع الذي أعيش فيه.", "لا يوجد في الواقع شيء اسمه الحظ.", "أشعر بالخوف والتهديد مما قد يطرأ على حياتي من ظروف حادثة.", "أبادر بالوقوف بجانب الآخرين عند مواجهتهم لأي مشكلة.", "أعتقد أن الصدفة والحظ يلعبان دوراً هاماً في حياتي.", "عندما أحل مشكلة أجد متعة في البحث عن حل مشكلة أخرى.", "أعتقد أن 'البعد عن الناس غنيمة'.", "أستطيع التحكم في مجرى أمور حياتي.", "أعتقد أن مواجهة المشكلات تظهر قوة تحملي وقدرتي على المثابرة.", "اهتماماتي بنفسي لا تترك لي فرصة للتفكير في أي شيء آخر.", "أعتقد أن سوء الحظ يرجع إلى سوء التخطيط.", "لدي حب المغامرة والرغبة في استكشاف ما يحيط بي.", "أبادر بعمل أي شيء أعتقد أنه يخدم أسرتي أو مجتمعي.", "أعتقد أن حياة الأفراد تتأثر بقوى خارجية لا يسيطرون عليها.", "أبادر في مواجهة المشكلات لأنني أثق في قدرتي على حلها.", "أهتم كثيراً بما يجرى حولي من قضايا وأحداث.", "أعتقد أن حياة الأفراد تتأثر بقوى خارجية لا يسيطرون عليها.", "الحياة المستقرة الثابتة هي الحياة الممتعة بالنسبة لي.", "الحياة بكل ما فيها لا تستحق أن نحياها.", "أمثل بالمثل الشعبي 'طراق ولا حظ ولا فدان رطاش'؟", "أعتقد أن الحياة التي لا تتيح التغيير هي حياة روتينية مملة.", "أشعر بالمسؤولية تجاه الآخرين وأبادر بمساعدتهم.", "أعتقد أن لي تأثيراً قوياً على ما يجرى حولي من أحداث.", "أتوجس من تغيرات الحياة وتفكر أنها قد تهدد حياتي.", "أهتم بقضايا الوطن وأشارك فيها كلما أمكن.", "أخطط لأمور حياتي ولا أتركها تحت رحمة الصدفة والحظ والظروف الخارجية.", "التغير هو سنة الحياة والمهم هو القدرة على مواجهته بنجاح.", "أغير قيمي ومبادئي إذا دعت الظروف لذلك.", "أشعر بالخوف من مواجهة المشكلات حتى قبل أن تحدث." ]; // المؤشرات const rev = [7,11,16,21,25,28,32,36,37,38,42,46,47]; const com = [1,4,7,10,13,18,22,26,29,34,37,40,43,46]; const con = [2,5,8,11,14,17,20,23,26,29,32,35,38,41,44]; const cha = [3,9,12,15,18,21,24,27,30,33,36,39,42,45,47]; // بناء الجدول let html = ''; for(let i=1; i<=47; i++) { html += `<tr><td>${i}</td><td>${items[i-1]}</td> <td><div class="radio-group"> <div class="radio-item"><input type="radio" name="q${i}" value="3">٣</div> <div class="radio-item"><input type="radio" name="q${i}" value="2">٢</div> <div class="radio-item"><input type="radio" name="q${i}" value="1">١</div> </div></td></tr>`; } document.getElementById('items').innerHTML = html; // الدوال المساعدة const getValue = n => { let r = document.getElementsByName(`q${n}`); for(let i=0; i<r.length; i++) if(r[i].checked) return +r[i].value; return null; }; const revVal = v => v==1 ? 3 : v==3 ? 1 : 2; // الحساب الرئيسي function calc() { let total=0, c1=0, c2=0, c3=0, miss=[]; for(let i=1; i<=47; i++) { let v = getValue(i); if(v===null) { miss.push(i); continue; } let f = rev.includes(i) ? revVal(v) : v; total += f; if(com.includes(i)) c1 += f; if(con.includes(i)) c2 += f; if(cha.includes(i)) c3 += f; } document.getElementById('r1').innerText = c1; document.getElementById('r2').innerText = c2; document.getElementById('r3').innerText = c3; document.getElementById('total').innerText = total; document.getElementById('msg').innerHTML = miss.length ? '⚠️ لم تجب على الأسئلة: ' + miss.join('، ') : '✅ تم الحساب بنجاح'; } function resetAll() { for(let i=1; i<=47; i++) { let radios = document.getElementsByName(`q${i}`); for(let j=0; j<radios.length; j++) radios[j].checked = false; } document.getElementById('r1').innerText = '0'; document.getElementById('r2').innerText = '0'; document.getElementById('r3').innerText = '0'; document.getElementById('total').innerText = '0'; document.getElementById('msg').innerHTML = ''; } </script>
هل استفدت من المقال ؟ او لديك أي استفسار ؟ اترك تعليقك لنا.