سكربتات مفيدة

السلام عليكم، سنُبحر اليوم في أطول موقع في العالم http://www.solutionstudios.com/ ###scrollTo يُمكنك استخدام التابع scrollTo للذهاب إلى اي مكان في الصفحة وذلك بتحديد الوسيطين xوy على الترتيب (مقدّرة بالبكسل)، حيث يتم عمل scroll إلى الموضع الذي قمت بتحديده scrollTo(0,100); سيؤدي السطر السابق إلى نزولك 100 بكسل للأسفل ملاحظة: الوسائط التي تُعطي للتابع scrollTo تحدد الموضع المطلق (absolute) ###scrollBy ينقلك هذا التابع نسبيًّا في الصفحة حسب الوسيطين المعطيين، فمثلًا scrollBy(0,100); سيؤدي إلى نزولك 100 بكسل كلما قمت باستدعائه، سنضيف حركة بسيطة

السلام عليكم تتويجًا للسكربتات العشر الأولى، فهذا سكربت مفيد بالفعل كان هدفي في بعض السكربتات السابقة تعليمي بحت أكثر من الفائدة العملية ولكن سكربت اليوم سيسمح لك بإخفاء التعليقات الطوييلة في النقاشات الطوييييلة :) ## الأدوات الرئيسية سنستخدم document.querySelectorAll ولكن مع wildCard ثم سنستخدم الخاصية hidden لإخفاء العنصر ###querySelectorAll بالسطر التالي سنقوم بجلب كل العناصر التي لها الـid يبدأ بكلمة comment `var comm=document.querySelectorAll("[id^='comment']");` العبارة ^= تعني (يبدأ بـ) ، راجع الرابط التالي http://stackoverflow.com/questions/8714090/ ###hidden سنقوم بإضافة حدث Event عند النقر

السلام عليكم فكرة الكود التالي هي تغيير لون الفقرات أثناء قراءتك للنقاشات الطويلة، حيث ستأخذ تدرجات الرمادي بدءًا من الأسود وانتهاءً بالأبيض يحوي الكود بعض الرياضيات التي سيتم شرحها خطوات العمل: 1- الإمساك بجميع النصوص الموسومة بـوسم الفقرات p `var p=document.querySelectorAll("p")` 2- عدد الفقرات هو p.length، ونريد أن يكون لون الفقرة الأخيرة 255 (أبيض) والاولى سوداء، لذلك سنوجد المقدار x ` var x=255/p.length` ويكون لون الفقرة هو i*x حيث i رقم الفقرة 3-نمر على جميع الفقرات، بحلقة for for(var i=0;i

السلام عليكم عندما تدخل إلى قناة على اليوتيوب وتتصفح الفيديوهات مثلًا في الرابط أدناه تجد فيديوهات قناة MIT https://www.youtube.com/user/MIT/videos ربّما تريد أن ترى جميع الفيديوهات الموجودة في القناة استخدم السكربت التالي الذي يقوم بجلب كائن الزّر Load more ثم النقر عليه document.getElementsByClassName("load-more-text")[0].click() ويمكنك جعل السطر السابق داخل تابع والقيام بالنقر كلّ ثانية مثلًا (حسب سرعة الانترنت لديك) من خلال التابع setInterval وبعد أن تنتهي من الوصول لآخر الصفحة يمكنك أن تقوم بعدّ الفيديوهات عن طريق السكربت التالي: var name="channels-content-item yt-shelf-grid-item"