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

السلام عليكم عندما تدخل إلى قناة على اليوتيوب وتتصفح الفيديوهات مثلًا في الرابط أدناه تجد فيديوهات قناة 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"

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

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

السلام عليكم فكرة الكود التالي هي تغيير لون الفقرات أثناء قراءتك للنقاشات الطويلة، حيث ستأخذ تدرجات الرمادي بدءًا من الأسود وانتهاءً بالأبيض يحوي الكود بعض الرياضيات التي سيتم شرحها خطوات العمل: 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

السلام عليكم هدف السكربت اليوم هو التعرف على الأحداث، وسنتعامل اليوم مع التابع onmouseover الذي يكون عنصرًا من كائنات عناصر HTML يتم استدعاء هذا التابع عندما نمرر مؤشر الفأرة على العنصر وهذا التابع يكون بلا جسم ( يعني اسم تابع فقط) وعلينا أن نقوم بإسناد تابع حقيقي لهذا العنصر من الكائن بالمثال يتّضح الكلام: لدينا هذا التابع البسيط `function simple(){document.writeln("Hello World!")}` ونريد استدعاءه عندما نمرر الفأرة على شعار حسوب IO نجلب شعار حسوب `var hsoub=document.querySelector("logo")` نقوم بإسناد التابع onmouseover في

السلام عليكم -سكربت اليوم بسيط جدًا، فهو يستخدم الخاصّيّة hidden في العنصر -الشريط الجانبي في Youtube له الـId التالي watch7-sidebar-contents وبذلك يمكن إخفاؤه بالسطر التالي document.getElementById("watch7-sidebar-contents").hidden=true; أو باستخدام querySelector document.querySelector("#watch7-sidebar-contents").hidden=true; والسلام عليكم ورحمة الله وبركاته

السلام عليكم سأشرح السكربت بالتدريج: 1- جلب جميع العناصر في الصفحة var elements = document.querySelectorAll("*"); 2-إنشاء كائن ليعمل كـMap var koko=Array(); 3- المرور على جميع أبناء جميع العناصر لإنشاء (عنصر في الكائن) مقابل له for (var i = 0; i < elements.length; i ++) { for (j = 0; j < elements[i].childNodes.length; j ++) { koko[elements[i].childNodes[j].nodeName]=0; } } 4-المرور على جميع أبناء جميع العناصر لعدّ عدد مرات ورود الـ tag الخاص بها (اسمها) for (var i = 0; i <

السلام عليكم يمكنك بعد نسخ السّكربت المطلوب تنفيذه أن تضغط الاختصار Ctrl+Shift+K في *Firefox* ليظهر لك مربّع في الأسفل وسطر فارغ يمكنك لصق السكربت فيه ثم الضغط على Enter. بالنسبة ل*متصفح Chrome* فيمكنك القيام بذلك بضغط Ctrl+Shift+J ثم لصق السكربت في السطر الذي يسمح بذلك. بالتوفيق

السلام عليكم الفكرة في تغيير قيمة الخاصّية src في العنصر img لتصبح نفس الرابط لصورتك الشخصية 1- نبدأ بأخذ الـavatar الخاص بك عن طريق الـid الخاص به usrAvatar `avatar=document.getElementById("usrAvatar");` 1.5- نجلب رابط صورتك الشخصية `var yourImage = avatar.childNodes[1].childNodes[1].childNodes[0].src` وقد عرفت هذا عن طريق Inspect Element لمعرفة كيفية تنظيم الهيكلية الخاصة بالمستخدم. *لمن لا يعرف كيف يظهر جزء HTML الخاص بعنصر ما، اضغط على العنصر بالزر الأيمن واختر من القائمة Inspect Element* 2- نجلب جميع الصور الموجودة في الصفحة (كل عناصر

السلام عليكم ورحمه الله وبركاته بعد قراءة موضوع "Script #11 إخفاء قائمة الفيديوهات المقترحة في Youtube" للأخ Mostafa_36a2@ وفهمت هذه الطريقة السهلة والمفيدة للغاية قررت أن أنفذها على التعلقات وبعد أن نجحت أحببت أن أشاركها. الطريقة كالآتي: أضغط ctrl+shift+j لمتصفح جوجل كروم وألصق أحد الكودين أدناه واضغط enter. أضغط ctrl+shift+k لمتصفح فيرفوكس وألصق أحد الكودين أدناه واضغط enter. الأكواد: >document.getElementById("watch-discussion").hidden=true; أو باستخدام querySelector >document.querySelector("#watch-discussion").hidden=true; وشكرا للأخ Mostafa_36a2

السلام عليكم ##هدف السكربت التعامل مع حدث keydown الذي يُقدح عندما نضغط أحد أزرار لوحة المفاتيح، وسيكون هذا السكربت مقدّمة لسكربتات أخرى بإذن الله تختص بالتّعامل مع الأحداث الّتي تضيف تفاعليّة كبيرة للصفحة. ##أجزاء السكربت 1-الجزء الرئيسي هو التابع **addEventListener** الذي يقوم بربط تابع ما مع حدث معيّن، ويأخذ وسيطين (ووسيط ثالث اختياري)، الأول هو سلسلة نصية تحدد اسم الحدث مثل click أو keydown أو mouseover وهذه قائمة بجميع الأحداث المتاحة:  http://www.w3schools.com/jsref/dom_obj_event.as أما الوسيط الثاني فهو اسم التابع الذي سيتم

https://github.com/4FSB/TBS

السلام عليكم الكود التالي سيقوم بتغيير لون الكتابة الموسومة بوسم الفقرات p بدءًا من اللون الرمادي وصولًا إلى الأبيض، ثم ترجع للون الأسود نزولًا. 1-نجلب الفقرات الموسومة بـp `var p=document.querySelectorAll("p")` 2-سيكون المتغير i هو اللون الذي يتم تغييره ونبدأ بالرمادي 128 `var i=128` 3-سيحدد المتغير up هل نصعد أم نزل في اللون مع الزمن وسيبدأ بالصعود `var up=true` 4-تابع تغيير اللون يعمل كما يلي: نزيد اللون من 128 إلى 255 ثم ننقصه من 255 إلى 128 function step() { if(up){

السلام عليكم 1-يمكن الوصول إلى اسمك في حسوب IO عن طريق `document.querySelector("#usrAvatar .usrNameHdr").innerHTML` شكرًا لـ@supercoder لتنبيهي عدة مرات لاستخدام querySelector 2-والآن سنقوم بتهيئة العداد التنازلي بعدد ما، وليكن 100 `var x=100;` 3- ثم تهيئة الزمن الفاصل بين العدّة والتي تليها، مقيسًا بالميللي ثانية ` var one_count=100;` 4-سنقوم بتعريف التابع count الذي يقوم بالعد حتى الوصول إلى 0 function count() { if(x>0) document.querySelector("#usrAvatar .usrNameHdr").innerHTML= x--; else clearInterval(interval); } 5-وأخيرًا سنستخدم التابع setInterval لاستدعاء التابع count كلّ 100 ميللي ثانية ` interval=setInterval(count,one_count);`

قد تواجه أحيانًا عدم وجود مكتبة ما، او سكربت تحبه في صفحة تحاول العبث بها، فمثلًا، لن تجد مكتبة jQuery في صفحةw3schools هذه http://www.w3schools.com/css/css3_animations.asp ولكن لا تقلق، يمكننا إضافة المكتبة إلى الصفحة 1- إنشاء العنصر يمكننا إنشاء أي عنصر نرغب به عن طريق الدالة createElement من الكائن document var script=document.createElement('script'); 2- سنقوم الآن بإضافة خاصيّتين (attributes) إلى العنصر script الذي أنشأناه script.setAttribute("type","text/javascript"); script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"); 3- أخيرًا سنمسك العنصر head من رأسه باستخدام getElementsByTagName var head=document.getElementsByTagName("head")[0] (انتبه فالدالة السابقة تعيد مصفوفة

http://www.teroroid1o1.com/search/label/%D8%B3%D9%83%D8%B1%D8%A8%D8%AA%D8%A7%D8%AA

السلام عليكم هدف سكربت اليوم هو التعامل مع أنواع النوافذ الثلاثة في جافاسكربت سنقوم بإنشاء تطبيق بسيط يقوم بالترحيب بالزائر وسؤاله عن اسمه، وسنجعل الـtitle الخاص بالصفحة هو اسم الشخص، ثم سنسأله هل أعجبه ذلك، ونعرض أخيرًا نافذة تحوي رسالة حسب رأي المستخدم (رسالة1 إن أعجبه، ورسالة 2 إن لم يعجبه) ###أجزاء السكربت الرئيسية 1- الوصول إلى عنوان (title) الصفحة `document.getElementsByTagName("title")[0].innerHTML` أو عن طريق: `document.querySelector("title").innerHTML` 2- نافذة الحوار prompt نستخدم التابع prompt الذي يأخذ وسيطين، أولهما هو العبارة التي تمثّل

السلام عليكم ورحمة الله رأيت قبل عدة ايام سكربت اعجبني جدا,حيث يقوم بتحويل اي نتيجة بحث يبحث عنها الزوار الى موضوع يظهر في جوجل والجميل ان نتيجة البحث بعد تحويلها لموضوع يظهر بداخلها محتوى وامنه موضوع حقيقي كيف يمكنني الحصول على هذا السكربت؟ هذا رابط الموقع الذي رأيته,ورايت الكثير من المواقع المشابهة تماما,يعني انه سكربت واحد ولكن لم اتمكن من التوصل الى مالكه او موقعه الاصلي https://www.sm3ha.com/song/%D9%84%D9%84%D9%84.html

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

لدى سكريت تضع له بعض البيانات لاى موقع تريده ويمكن تلقائيا جلب هذ البيانات لك وحفظها فى قاعدة البيانات مثال للمواقع التى قمت بعمل عليها الاسكربت : مواقع الوظائف ولدى موقع sa.aqar.fm حتى الان لدى 102388 عقار بارقام جوال البائع باماكن العقار وصوه (للاسف عليا لوجو عقار) ومكانه وتقسيمه فى الاصناف وجميع تفاصيل المهمة